728x90 threejs2 Dat GUI Dat.GUI 는 Three.js 에 대해 배우는데 사용하는 매우 유용한 도구 이다 설치 dat.gui 받아오기 npm install dat.gui --save-dev이제 기존 javascript 파일에 가져온다 import { GUI } from 'dat.gui' threejs 에서 따로 제공해주는 gui import { GUI } from "three/examples/jsm/libs/lil-gui.module.min" x,y,z 적용하기 x,y,z 기준으로 회전값을 설정해 준다 const gui = new GUI() const cubeFolder = gui.addFolder("Cube"); const cubeRotationFolder = cubeFolder.addFolder("Rotat.. 2023. 7. 21. PerspectiveCamera vs OrthographicCamera PerspectiveCamera 인간의 눈이 보는 방식을 모방하도록 설계되어 있으며 3D 장면을 렌더링 하는데 사용되는 가장 일반적인 프로젝션 모드 카메라 이다 PerspectiveCamera( fov : Number , aspect : Number , near : Number , far : Number ) fov: 카메라 절두체 시야 영역 aspect: 카메라 절두체 종횡비 near: 평면 근처의 카메라 절두체 far: 카메라 절두체 원거리 평면 https://commons.wikimedia.org/wiki/File:Perspective_view_frustum.png# File:Perspective view frustum.png - Wikimedia Commons --> commons.wikimedia.. 2023. 7. 19. 이전 1 다음 728x90
