我刚刚开始使用three.js,并且正在尝试制作一个非常基本的动画序列。我已经浏览了基本示例并了解了如何使对象移动和旋转,但我不太了解如何构建一系列动画序列。
例如...
显示 3 个立方体并将它们移动到一个新位置(最好错开一点,以免同时移动)
然后一旦他们都到了,让他们中的两个旋转一个轴
然后将它们移动到新位置
ETC...
我正在构建的东西没有用户交互——它只是一系列按顺序发生的动作。人们是否使用 Frame.js 之类的东西来处理这类事情,还是有一些我忽略的更简单的东西?
我刚刚开始使用three.js,并且正在尝试制作一个非常基本的动画序列。我已经浏览了基本示例并了解了如何使对象移动和旋转,但我不太了解如何构建一系列动画序列。
例如...
显示 3 个立方体并将它们移动到一个新位置(最好错开一点,以免同时移动)
然后一旦他们都到了,让他们中的两个旋转一个轴
然后将它们移动到新位置
ETC...
我正在构建的东西没有用户交互——它只是一系列按顺序发生的动作。人们是否使用 Frame.js 之类的东西来处理这类事情,还是有一些我忽略的更简单的东西?
Tween.js 是一种选择: https ://github.com/sole/tween.js/ 。
教程: http: //learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/
示例: http: //learningthreejs.com/data/tweenjs_for_smooth_animation/tweenjs_for_smooth_animation.html