如何用Rhino做一个小的动画

Posted 2023-04-06

Bongo（rhino动画插件)这个插件可以，犀牛的论坛有
自带也有简单动画功能，比如环绕旋转，做成动画，不过那动画不是GIF动画，在一个网页里不停显示几张图片罢了，用GIFMovieGearv4.2.2汉化绿色特别版这个工具把这几十张图片做个GIF动画或者视频 参考技术A 相关的动画命令：
SetFlyThroughAnimation - 摄影机移动时镜头持续朝着移动方向的动画。
SetPathAnimation - 沿着路径移动摄影机或目标点建立动画。
SetTurntableAnimation - 以视图摄影机绕着摄影机目标点旋转制作动画。
SetOneDaySunAnimation - 移动太阳建立一天中物件阴影变化的动画。
SetSeasonalSunAnimation - 建立一个星期、一个月、一年之中每天同一时间物件阴影变化的动画。
PlayAnimation - 在作业窗口中预览动画。
RecordAnimation - 渲染并储存每一个图框至指定的数据夹。
ViewFirstFrame - 移至第一个图框。
ViewFrameNumber - 移至指定的图框。
ViewLastFrame - 移至最后一个图框。
ViewNextFrame - 移至下一个图框。
ViewPreviousFrame - 移至前一个图框。
不过话说Rhino的动画基本属于可以无视的……可以通过安装Bongo动画插件来实现比较优秀的动画制作。
要么就得换用动画功能比较强大的3Ds Max或者Alias或者MAYA

如何用javascript制作动画

我有一个用JavaScript制作动画的任务。 基本上我有两个正方形（红色和黄色）和两个按钮（按钮1和按钮2）。

当我点击button1时，红色方块从（左上角）到（右下角）。

我需要制作另一个按钮（button2），这样当我点击它时，我需要红色方块回到开头。

我需要它做相反的动作（从右下角移动到左上角）。

我应该在第二个功能中做些什么改变？

这是代码

function myMove1() {
  var elem = document.getElementById("animate");
  var pos = 0;
  var id = setInterval(frame, 5);

  function frame() {
    if (pos == 350) {
      clearInterval(id);
    } else {
      pos++;
      elem.style.top = pos + 'px';
      elem.style.left = pos + 'px';
    }
  }
}

function myMove2() {

}

#container {
	width: 400px;
	height: 400px;
	position: relative;
	background: yellow;
}

#animate {
	width: 50px;
	height: 50px;
	position: absolute;
	background-color: red;
}

<p>
  <button onclick="myMove1()">button 1</button>
  <button onclick="myMove2()">button 2</button>
</p>

<div id="container">
  <div id="animate"></div>
</div>