Three.js 시작하기 04 _마우스로 도형 움직이기 : OrbitControls

Control 중 OrbitControls을 사용하여 도형을 움직이도록 할 것이다.

OrbitControls은 정확히 말하면, 도형이 아닌 카메라가 도형 주위를 움직일 수 있도록 한다.

 

import { OrbitControls } from "three/addons/controls/OrbitControls.js";

// 생략

const orbitControls = new OrbitControls(camera, renderer.domElement);
orbitControls.update();		// camera에 변화가 있다면 반드시 update() 해야 한다

// 생략

const render = () => {
  renderer.render(scene, camera);
  requestAnimationFrame(render);	// 애니메이션 프레임을 효율적으로 처리
};

render();

 

 

https://threejs.org/docs/#examples/en/controls/OrbitControls

three.js docs