three.js 利用鼠标移动摄像机

导入控制器

import { TrackballControls } from 'three/addons/controls/TrackballControls.js';

代码

document.body.appendChild(renderer.domElement); function renderScene() {
  trackballControls.update(clock.getDelta());
  cube.rotation.x += controls.rotationSpeed;
  cube.rotation.y += controls.rotationSpeed;
  cube.rotation.z += controls.rotationSpeed;

  requestAnimationFrame(renderScene);
  stats.update();
  renderer.render(scene, camera);
}
renderScene();


//由于它需要响应文档对象模型（DOM）元素的事件，它的初始化代码必须出现在 appendChild 函数调用之后。
var trackballControls = new TrackballControls(camera, renderer.domElement);
var clock = new THREE.Clock(); //创建THREE.Clock对象，用于计算上次调用经过的时间