three.js 利用滑鼠移動攝像機

暖暖De幸福發表於2024-03-05
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物件，用於計算上次呼叫經過的時間

相關文章