threejs:鼠标拖动物体旋转、平移、缩放

例程来源:Three.js零基础入门教程 第1.1和1.3节

js库:OrbitControls.js

实现代码:

function render() {
  renderer.render(scene,camera);//执行渲染操作
}
render();
var controls = new THREE.OrbitControls(camera);//创建控件对象
controls.addEventListener('change', render);//监听鼠标、键盘事件

注意:如果运行没有反应,做两处改动

  • 添加OrbitControls.js到script路径中
  • 创建控件对象新增一个参数:var controls = new THREE.OrbitControls(camera,renderer.domElement)
  • 运行实例




  
  第一个three.js文件_WebGL三维场景
  
  
  



  

 

你可能感兴趣的:(前端)