폴리프레임

OrbitControls의 target과 maxPolarAngle은 Three.js와 **react-three/drei**에서 거의 동일한 방식으로 사용됩니다. react-three/drei는 Three.js의 기능을 React 컴포넌트로 감싸서 제공하는 라이브러리이기 때문에, props의 동작은 기본적으로 Three.js의 OrbitControls와 일치합니다.target OrbitControls의 target은 카메라가 초점을 맞출 지점을 설정합니다.카메라는 target으로 지정된 위치를 중심으로 궤도를 돌며 회전합니다. maxPolarAngle 카메라의 수직(위아래) 회전 범위를 제한합니다.maxPolarAngle는 카메라의 최대 극각을 라디안 값으로 설정하며, 수직 축을 기준으로 위쪽으로 올라갈 ..

three.js 2024. 12. 6. 08:09

Three.js의 OrbitControls 클래스는 3D 장면에서 카메라를 마우스 또는 터치로 제어하는 데 사용됩니다. 이를 통해 사용자는 3D 장면의 카메라를 회전, 줌(확대/축소), 팬(이동)하는 인터랙션을 쉽게 구현할 수 있습니다. OrbitControls는 주로 카메라의 시점을 자유롭게 조작하는 애플리케이션에서 많이 사용됩니다. 먼저 이 class를 사용하려면 import 를 해야 합니다. npm install three 로 설치했다면 별도로 추가 설치는 필요없고, 파일로 불러 옵니다.import { OrbitControls } from 'three/addons/controls/OrbitControls.js';Three.js의 docs 에서 위와 같이 추천하는 이유는 node_modules 의 t..

three.js 2024. 9. 20. 21:46