Wagki Project는 Three.js를 활용하여 신발 커스터마이징을 제공하는 플랫폼입니다. 사용자는 다양한 디자인 요소를 선택하고 조합하여 자신만의 신발을 만들 수 있습니다. 이 프로젝트를 통해 3D 그래픽 및 웹 기술에 대한 이해를 높일 수 있었으며, 사용자 경험과 디자인에 대한 고려 사항을 배울 수 있었습니다.

Features

• 3D Shoe Customization: 사용자는 신발의 색상, 소재, 디자인 등을 선택하여 커스터마이징할 수 있습니다.
• Realistic Rendering: Three.js를 사용하여 실제와 같은 3D 모델을 렌더링하고 시각적으로 표현합니다.
• Interactive UI: 사용자가 신발을 회전하고 확대/축소하여 다양한 각도에서 확인할 수 있는 상호작용 가능한 UI를 제공합니다.

Tech Stack

• Frontend: Three.js, Svelte, Tailwind CSS
• 3D Rendering: WebGL, GLSL

구현 세부 사항

모델링 및 렌더링

• Three.js를 사용하여 3D 신발 모델을 렌더링하고 사용자의 입력에 따라 모델을 변경합니다.
• GLSL을 사용하여 렌더링 파이프라인을 커스터마이징하고 렌더링 효과를 개선합니다.
• 3D 모델링 소프트웨어를 사용하여 신발 모델을 디자인하고 Three.js에서 사용할 수 있는 형식으로 변환합니다.
• 텍스처 매핑을 통해 신발의 색상과 소재를 변경하고 실제와 같은 느낌을 제공합니다.
• 애니메이션을 추가하여 신발 모델을 회전하거나 확대/축소할 수 있습니다.
• 조명 및 그림자를 설정하여 실제와 같은 조명 효과를 적용합니다.
• 렌더링 최적화를 통해 성능을 향상시키고 사용자 경험을 개선합니다.