three.js CameraControl - FlyControls

import { FlyControls } from 'three/examples/jsm/controls/FlyControls'

// Controls
const controls = new FlyControls(camera, renderer.domElement);

function draw() {
    const delta = clock.getDelta();

    controls.update(delta); 

    renderer.render(scene, camera);
    renderer.setAnimationLoop(draw);
}

 

FlyControls는 유니티에서 wasd키로 이동하는 것과 같은 컨트롤러이다.

renderer 에서 controls객체를 update를 할 때 delta를 매개변수를 넣어주어야한다.

 

 

// Controls
const controls = new FlyControls(camera, renderer.domElement);
controls.rollSpeed = 0.1;
controls.movementSpeed = 3;
controls.dragToLook = true;

카메라를 회전하는 속도, 카메라가 움직이는 속도값을 조정할 수 있고,

마우스를 누를 때 카메라 시야를 변경하는 설정 등을 할 수 있다.