유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

TypeScript로 즐기는 Three.js : 6. 카메라(Camera)

GIS DEVELOPER

2024. 5. 8.

0

#frontend
  • Three.js에서 카메라는 시점을 정의하고 그림자를 생성하는 핵심 요소입니다. 👁️‍🗨️
  • Three.js 카메라는 투영(Perspective) 카메라와 직교(Orthographic) 카메라 두 가지가 있습니다. ⬜
  • 투영 카메라는 근접한 물체가 커 보이고 멀리 있는 물체가 작아 보이는 원리로 우리 눈이 보는 것과 유사합니다. 📸
  • 직교 카메라는 물체의 크기가 왜곡되지 않고 원래 크기대로 표현합니다. 📏
  • 투영 카메라를 설정할 때는 시야각(Field of View), 비율(Aspect), 가까이서 보이는 거리(Znear), 멀리서 보이는 거리(Zfar) 네 가지 매개변수를 사용합니다. 🎬
  • 직교 카메라는 두께(Left), 오른쪽(Right), 아래쪽(Bottom), 위쪽(Top), 가까이서 보이는 거리(Znear), 멀리서 보이는 거리(Zfar) 즉 총 6개의 매개변수를 사용합니다. 🧭

Recommanded Videos