Astra와 Blender MCP로 제작한 3D 시계 인터랙티브 웹사이트 테스트

핵심

• Astra Medium 모델과 Blender MCP를 연결해 오데마 피게 로열 오크 시계의 초기 3D 블록아웃부터 인터랙티브 웹사이트까지 제작했다.
• 모델링 검토 결과 링크 접힘부나 다이얼 비율 등 실물과 세부 디테일 차이가 있어 추가 보강 프롬프트를 전달했다.
• 웹 구현 단계에서 마우스 위치 기반 틸트 효과와 스크롤 연동 조명 및 부품 회전 애니메이션을 추가했다.
• 별도 요청 없이도 느린 네트워크 환경을 고려한 모션 줄이기와 모바일 3D 모델 용량 최적화 코드를 스스로 구성했다.
• 모바일 환경에서는 버튼 클릭 방식보다 좌우 스와이프 인터랙션이 자연스럽다는 UX 한계점을 확인했다.
• 현재 수준의 AI는 완성형 배포보다 테스트용 프로토타입 제작 도구로 적합하며 여러 전문 도구를 섞어 쓰는 방식이 효과적이다.

챕터

1. 0:00Astra 3D 시계 웹사이트 테스트 개요 (새 탭에서 열림)
2. 0:27테스트 대상 시계와 작업 순서 계획 (새 탭에서 열림)
3. 1:22Blender MCP 연결과 1차 3D 모델링 (새 탭에서 열림)
4. 2:02모델링 디테일 검토 및 추가 보강 (새 탭에서 열림)
5. 3:08Three.js 기반 인터랙티브 웹 디자인 요청 (새 탭에서 열림)
6. 4:03데스크톱 웹 인터랙션 결과물 시연 (새 탭에서 열림)
7. 5:00모바일 반응형 검토와 UX 아쉬운 점 (새 탭에서 열림)
8. 6:10목표 레퍼런스 사이트와 품질 비교 (새 탭에서 열림)
9. 6:53Astra 실무 테스트 결론과 활용 팁 (새 탭에서 열림)