1、实现步骤
1、引入控件文件
<script src="../node_modules/three/examples/js/controls/OrbitControls.js"></script>
2、创建控件对象
var controls = new THREE.OrbitControls(m_Camera,m_Renderer.domElement);//创建控件对象
3、为控件对象添加事件监听函数
controls.addEventListener('change', render);//监听鼠标、键盘事件
2、关键代码
1、html文件中
<script src="../node_modules/three/examples/js/controls/OrbitControls.js"></script>
2、js文件中
function render() {
m_Renderer.render(m_Scene,m_Camera);//执行渲染操作
}
render();
var controls = new THREE.OrbitControls(m_Camera,m_Renderer.domElement);//创建控件对象
controls.addEventListener('change', render);//监听鼠标、键盘事件
3、实现原理
1、控件通过改变相机的位置参数来获取帧
2、通过刷新帧来获取流畅动画(fps刷新率)