- 3D 모델링 웹사이트 제작: 3js 라이브러리를 이용하여 웹사이트에 3D 애니메이션 효과를 구현 가능 🌎
- sketchfab 활용: 다양한 3D 모델을 무료로 제공하는 플랫폼 🗿
- HTML, CSS, JavaScript 활용: 웹페이지 구축, 3D 모델 구현, 애니메이션 효과 제어 🧱
- 카메라 설정: 시야각, 비율, 근 접점, 원격 접점을 조절하여 3D 모델을 시각화 👀
- 씬 관리: 3D 모델, 조명 등 3D 시각 요소들을 담당 🖼️
- 렌더러 설정: 캔버스를 생성하고 3D 모델을 그리는 역할 🖌️
- 일관된 애니메이션:
requestAnimationFrame
사용하여 수동 콜백을 통한 끊임없는 애니메이션 렌더링 🔄 - 3D 조명 추가: 모델을 가득 채울 수 있도록 여러 유형의 빛 추가