threejs进阶上：动画

优先更新个人博客，求关注~~
个人博客：https://jinglecjy.github.io/

简单动画

对于一些简单的动画，比如旋转/位置变换等等，可以直接使用requestAnimationFrame来进行重绘，示例：

function render() {
    earth.rotation.y += 0.005;
    cloud.rotation.y += 0.003;

    renderer.render(scene, camera);
    var id = requestAnimationFrame(render);
}
render();

requestAnimationFrame方法设置的动画，停止的方式如cancelRequestFrame(id)。
通过requestAnimationFrame实现的动画是匀速的，如果希望有缓动效果，可以结合补间动画库tween.js来实现。

模型骨骼动画

注意：复杂的骨骼动画容易出问题而且定位较难，建议谨慎使用。
three.js提供了各种各样的模型加载器，但是这些加载器的完善程度有待商榷，容易出现问题。官方目前推荐使用的是<