r/vibecoding•2개월 전•42•14
인터랙티브 해골 댄스 체험 테스트 중
testing out my interactive skeleton dance experience
핵심 요약
Codex와 three.js를 활용해 마우스로 해골 군단의 춤을 제어하는 인터랙티브 웹 프로젝트입니다.
- 인터랙티브 제어 — 마우스 움직임으로 해골의 골반과 손 높이, 카메라 줌을 조절함
- 효율적 최적화 — 인스턴싱 기법과 저폴리곤 모델을 사용해 모바일 환경에서도 원활하게 작동함
- AI 활용 개발 — Codex를 통해 IK 체인 계산 및 조명 최적화 등 성능 개선을 수행함
- 확장 가능성 — 사용자가 직접 춤 동작을 스크립트로 제어하는 기능에 대한 기대가 높음
내 인터랙티브 해골 댄스 대작, 'Spooky Bones'를 소개함. 이건 Codex와 three.js, 그리고 sketchfab에서 받은 무료 3D 모델들을 활용해 'vibecoding'으로 만든 거임.
사용자가 해골 군단 전체가 춤추게 만들 수 있도록 쉬운 제어 시스템을 만드는 게 목표였음. 사각형 안에서 마우스를 움직여 골반을 제어하고, 사각형 자체를 움직여 손 높이와 카메라 줌을 조절할 수 있어서 다양한 춤 동작과 구도를 연출할 수 있음.
춤 동작은 무작위 시간 오프셋을 통해 군단 전체로 퍼져나가고, 모든 해골은 인스턴싱 처리되어 모바일에서도 충분히 잘 돌아갈 만큼 효율적임. Codex에게 더 효율적으로 개선할 방법을 물어봤더니 군단용으로 쓸 수 있는 더 낮은 폴리곤의 해골을 생성해 줬고, IK 체인 계산 방식이나 조명 최적화처럼 다듬을 만한 부분들도 제안해 줬음.
음악 좀 틀어놓고 직접 한번 해보셈!
https://screen.toys/bones/
조만간 비하인드 스토리도 올리겠음!
