ThreeJS的动画系列,分为:基础动画、相机控制、变形动画、用骨骼和蒙皮制作动画以及使用外部模型创建动画。
相机控制
Three.js提供了几个相机控件,可以用来控制场景中的相机。这些控件分别为:轨迹球控件、飞行控件、翻滚控件、第一人称控件、轨道控件以及路径控件,一起来看吧~~~
1.TrackballControls 轨迹球控件
特点:用鼠标移动、平移和缩放场景。
举例:
var clock = new THREE.Clock(); //计算上次调用后经过的时间
function render(){
var delta = clock.getDelta();
trackballControls.update(delta);
requestAnimationFrame(render);
webGLRender.render(scene, camera);
}
Notes:
有些属性可以微调,例如,可以通过rotateSpeed属性来控制相机的旋转速度,将noZoom设为true可以禁止缩放。
2.FlyControls飞行控件</