优先更新个人博客,求关注~~
个人博客: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提供了各种各样的模型加载器,但是这些加载器的完善程度有待商榷,容易出现问题。官方目前推荐使用的是<