THREE.JS中动画的最佳选择

Question

在three.js中动画(纹理动画,移动物体,隐藏/显示对象......)的最佳选项是什么？你是否使用额外的lib.比如tween.js还是其他什么？谢谢.

Answer 1

Tween.js是最受欢迎的方式...查看文章:http: //learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/

Answer 2

许多人都同意您需要RequestAnimationFrame来管理浏览器性能.Three.js甚至包括一个跨浏览器的垫片.

我还建议使用Frame.js来管理基于时间轴的渲染.RequestAnimationFrame做得很好,但只根据浏览器的性能维持最低帧速率.更好的流量控制库(如Frame)可以提供最大帧速率,并可以更好地管理多个密集型操作.

此外,Javascript FSM已成为我的three.js应用程序的重要组成部分.无论您是构建UI还是游戏,对象都必须具有状态,对过渡动画和规则的仔细管理对于任何复杂的应用程序逻辑都是必不可少的.

是的,你需要一个缓动库.我经常使用jQuery.easing插件.它是jQuery.animate的插件,但也可以像这样访问缓动函数:

var x = {}; // an empty object (used when called by jQuery, but not us)
var t = currentTime;
var b = beginningValue;
var c = potentialChangeInValue;
var d = durationOfAnimation;
valueAtTime = jQuery.easing.easeOutExpo(x, t, b, c, d);

这个jQuery插件和大多数缓动插件都基于Robert Penner的ActionScript2缓动库,如果上面的t,b,c,d看起来很奇怪,那么值得一试.