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

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

데브허브 커뮤니티

TypeScript로 즐기는 Three.js : 2. 지오메트리(Geometry)

GIS DEVELOPER

2024. 3. 8.

0

#frontend
  • TypeScript를 활용하여 Three.js를 배우는 강의의 두 번째 수업: 지오메트리에 집중 📚
  • Three.js의 기본 구성 요소는 게오메트리와 자료를 포함하며 📐 게오메트리는 모델의 모양을, 자료는 색상, 투명도 등을 정의 📄
  • Three.js는 다양한 게오메트리 클래스를 제공하며, 각 클래스는 BufferGeometry를 상속해 자체적인 속성을 가지고 있다 🤩
  • 게오메트리는 정점의 위치 데이터, 면 구성을 위한 정점 인덱스 등으로 이루어져 있으며, GPU에서 처리되어 빠른 렌더링을 가능하게 한다⚡️
  • 예제 코드를 활용하여 BoxGeometry를 이용하여 큐브 모델을 제작하고, 이 모델의 색상을 지정하는 것을 보여준다 🟩
  • 추가적으로, 모델의 윤곽선을 표현하는 LineBasicMaterial과 , 유리 같은 효과를 가진 mesh material로 모델링하여 시각화 효과를 높인다 ✨

Recommanded Videos