setvieport (1) 썸네일형 리스트형 three.js 스터디 4주차) 카메라 컨트롤, 여러가지 재질과 텍스처를 곁들인 4주차는 다뤄야할 내용이 많았다. 재질과 텍스쳐, OrbitControls를 사용한 카메라 이동 및 회전 구현, 마우스와 키보드 입력처리, 불필요한 렌더링 방지였는 데, 공식 문서의 설명과 예제 코드를 다 보다보니 카메라 파트에 다른 파트의 코드들을 얹어보면 될 것 같아, 그렇게 정리해보았다. 마우스와 키보드 입력처리는 녹여내기엔 애매하기도 하고, 다른 주차나 프로젝트에서 한번쯤 다루게 될 것 같아 제외했다.OrbitControls 따로 모듈을 불러와야한다. 특정 좌표(controls.target)를 중심으로 공전하는 것처럼 카메라를 이동해준다. 마우스를 드래그하면 공전하는 움직임을 확인할 수 있다. 휠을 올리거나 내리면 좌표로부터의 거리가 가까워지거나 멀어진다. enableDamping 을 true 로.. 이전 1 다음
