230420 TIL :: three.js 몇몇 라이브러리 및 컨트롤 관련

CMK·2023년 4월 20일
0

Today I Learned

목록 보기
39/40
post-thumbnail

ambientLight : 은은하게 전체적으로 빛을 비춤
axesHelper : 3차원 축을 화면에 그려 기준을 잡기 편하게 함
gridHelper : 바닥에 격자를 화면에 그려 기준을 잡기 편하게 함

stats.js : FPS를 띄어서 초당 프레임 체크가 가능하게 해주는 라이브러리
dat.gui : 자바스크립트의 속성값을 그래픽으로 조정할수 있게 해주는 라이브러리


group : 여러개의 매쉬를 그룹이어서 조정가능하게 함
그룹을 사용하여 만들어본 회전 하는 구들


컨트롤

OrbitControls : 마우스휠로 확대,축소 및 드래그로 회전을 할수 있다
TrackballControls : OrbitControls 기능에 추가적으로 우클릭시 위치 이동 같은 기능들 추가된 카메라
FlyControls : w,a,s,d,마우스 클릭 등 여러가지의 키로 흔히 비행기 조정하는것 처럼 움직인다
FirstPersonControls : FlyControls의 대체안 몇몇 명령어들이 달라짐
PointerLockControls : 흔히 1인칭 게임처럼 작동함
DragControls : mesh들을 드래그하여 위치를 옮길수 있다

컨트롤을 활용하여 만들어본 박스 움직이기

출처
https://threejs.org/
https://www.inflearn.com/course/3d-%EC%9D%B8%ED%84%B0%EB%9E%99%ED%8B%B0%EB%B8%8C-%EC%9B%B9

0개의 댓글