[three.js] three.js 마우스휠 줌인(zoom-in) 검색 결과
1 개의 검색 결과가 있습니다.
IT/Three.js

[Three.js] Three.js 마우스휠 줌인(Zoom-In), 줌아웃(Zoom-Out) 구현하기

Three.js에서 Camera 객체를 생성하고, 마우스의 휠의 동작에 따라 줌인(Zoom-In), 줌아웃(Zoom-Out)을 통해 카메라와 객체 간의 거리를 설정할 수 있다. 이번 글은 Three.js 마우스휠 줌인(Zoom-In), 줌아웃(Zoom-Out) 구현하는 방법에 대해 기록한다.Three.js 마우스휠 줌인(Zoom-In), 줌아웃(Zoom-Out) 구현하기1. Scene, Camera, Renderer 설정하기카메라를 설정할 때, PerspectiveCamera 안에 들어가는 파라미터의 값은 순서대로 FoV, aspect ratio, near, far로 구성되어 있다.// 씬 설정const scene = new THREE.Scene();// 카메라 설정// FOV, aspect ratio,..

2025. 3. 5.