모두가 재미있는 데모를 만드는 데 Fable 5를 사용하고 있기에, 저는 더 나은 것을 만들기로 했습니다.

요약

Fable 5 대신 Claude Opus를 활용하여 Three.js와 GSAP 기반의 3D 키보드 커스텀 이커머스 플랫폼을 구축한 사례를 소개합니다. 절차적 기하학, 커스텀 GLSL 셰이더, PMREM 큐브맵 등을 사용하여 실시간 3D 렌더링과 사실적인 조명을 구현했습니다.

핵심 포인트

• Three.js와 GSAP를 활용한 3D 웹 인터랙션 구현
• 절차적 기하학(Procedural geometry)을 통한 런타임 객체 생성
• GLSL 셰이더와 PMREM 큐브맵을 이용한 사실적인 조명 및 반사 효과
• Claude Opus를 활용한 복잡한 프롬프팅 및 문제 해결 과정