[THREE JS] camera(카메라)

Hyuk·2023년 4월 21일

THREE JS

목록 보기
2/5

camera(카메라)


📌 카메라 종류(control)

이름기능사이트
OrbitControls기본적인 컨트롤(Orbit)링크
TrackballControls수직으로도 360도 회전 가능(Trackball)링크
FlyControls비행기 날듯(WASD 등)키로 조작 가능(Fly)링크
FirstPersonControls비행기 대체(FPS) (FirstPerson)링크
PointerLockControls마우스 클릭 시 FPS화면으로 변경(PointerLock)링크
DragControls끌어다 놓을 수 있는 기능(가구배치 등)(Drag)링크
MapControls지도 컨트롤(Map)링크
ArcballControls상품 보기(Arcball)링크

📌 카메라 자체 옵션

이름기본값설명
enabledtruetrue/false컨트롤 사용 가능 여부
targetVector3(0, 0, 0)Vector3 인스턴스카메라가 비추는 대상
domElementdocumentDOM 요소이벤트를 받을 DOM 요소
screenSpacePanningfalsetrue/false카메라 이동시 스크린 공간 사용 여부
keyPanSpeed7.0Number키보드 이동 속도
enablePantruetrue/false이동(panning) 사용 가능 여부
panSpeed1.0Number이동 속도
panOnlyWhenZoomingfalsetrue/false줌(zoom)할 때만 이동 사용 여부
enableRotatetruetrue/false회전(rotate) 사용 가능 여부
rotateSpeed1.0Number회전 속도
autoRotatefalsetrue/false자동 회전 사용 여부
autoRotateSpeed2.0Number자동 회전 속도
enableZoomtruetrue/false줌(zoom) 사용 가능 여부
zoomSpeed1.0Number줌 속도
minDistance0Number줌 최소 거리
maxDistanceInfinityNumber줌 최대 거리
minZoom0Number줌 최소 값
maxZoomInfinityNumber줌 최대 값
enableDampingfalsetrue/false부드러운 이동 사용 여부
dampingFactor0.05Number부드러운 이동 비율
enableKeystruetrue/false키보드 이동 사용 여부
keys{LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40}Object키보드 이동 키 값
mouseButtons{ LEFT: MOUSE.ROTATE, MIDDLE: MOUSE.DOLLY, RIGHT: MOUSE.PAN }Object마우스 버튼별 기능 설정
touches{ ONE: TOUCH.ROTATE, TWO: TOUCH.DOLLY_PAN }Object터치 기능 설정

📌 카메라 시야 옵션

이름기본값설명
fov50number카메라 시야각
aspectwindow.innerWidth / window.innerHeightnumber종횡비(aspect ratio)
near0.1number가까운 장면 표시 범위
far2000number먼 장면 표시 범위
zoom1number줌(zoom) 값
leftnullnumber카메라가 보이는 영역의 왼쪽 경계
rightnullnumber카메라가 보이는 영역의 오른쪽 경계
topnullnumber카메라가 보이는 영역의 상단 경계
bottomnullnumber카메라가 보이는 영역의 하단 경계
profile
frontEnd Developer

0개의 댓글