라이브 체험 설명
DoodleQuest는 그림 한 장을 사랑하는 사람을 위해 만든 작은 세계의 주인공으로 바꿉니다. 창작자는 사용 권한이 있는 그림을 고르고, 3D 캐릭터를 승인하고, 받는 사람과 개인적인 메시지를 추가한 뒤, 이 모험을 일부 공개 선물 링크로 포장합니다. 받는 사람은 가입할 필요가 없습니다. 그림을 펼쳐 보고, 음악 종 세 개를 울린 다음, 별을 모아 배달하면 편지가 열립니다.
데모는 꼬마 화가가 아빠에게 주는 선물 이야기를 들려줍니다. 89초 분량의 내레이션 워크스루에서 아빠를 그린 낙서가 슈퍼히어로가 됩니다. 영상은 호스팅된 앱에서 실제로 실행한 Tripo 이미지 투 3D 생성, 그림과 그 결과물인 3D 히어로를 나란히 놓은 모습, 개인화 설정, 플레이 가능한 창작자 미리보기 전체를 보여 주며, “아빠는 매일매일 나의 히어로야.”라는 말로 끝납니다. 아빠 일러스트는 OpenAI 이미지 생성으로 만든 가상의 작품이며, 어린 소녀의 내레이션에는 OpenRouter를 통해 MiniMax의 Lovely Girl 합성 음성을 사용했습니다. 실제 아이의 그림이나 녹음이 아니라, 제작자가 연출한 시연입니다.
개인화된 히어로는 Tripo가 만들어 냅니다. 앱은 생성된 모델을 저장하고 검증한 뒤, 체험 전반에 걸쳐 같은 캐릭터를 재사용합니다. 세계, 퀘스트, 편지지, 종소리 멜로디는 앱의 오리지널 콘텐츠이며, 영상 속 히어로에는 간단한 대체 모션이 쓰였습니다.
공개 데모는 Vercel과 Neon PostgreSQL에서 운영됩니다. 절차적으로 생성된 예시 캐릭터 Pip으로 플레이하고, 선물을 만들고 저장하고 공유할 수 있습니다. 새로운 Tripo 히어로를 생성하려면 창작자 권한이 필요하며, 영상 속 아빠를 위한 선물은 아직 창작자 미리보기 단계입니다.
전체 흐름은 Next.js, React Three Fiber, Three.js, Vercel Workflows로 구동됩니다. 초안 저장, 명시적인 승인, 변경할 수 없는 선물 버전, 공유 철회 기능 덕분에 창작자는 언제나 주도권을 쥡니다. 키보드 조작, 동작 줄이기, 낮은 렌더링 품질 설정, 텍스트로 읽을 수 있는 대체 버전이 다양한 플레이 방식을 제공합니다. 메시지는 창작자가 준비하고, 작은 모험은 그 메시지를 받는 과정 자체를 선물의 일부로 만들어 줍니다.
Tripo 활용 방식
낙서를 히어로로 바꾸는 것은 Tripo입니다.
- 이미지 투 3D: 데모에서 Tripo API는 아빠를 그린 낙서를 개인화된 3D 히어로로 바꿉니다. 워크스루에서는 호스팅된 앱에서 성공한 생성 사례 한 건을 보여 줍니다.
- 앱 속으로: DoodleQuest는 작업 ID를 보관하고, GLB를 검증해 저장하며, 창작자가 승인한 뒤에만 히어로를 사용합니다.
- 세계 속에서: 같은 히어로가 Three.js 세계에서 종을 울리고, 별을 나르고, 아빠의 편지를 배달합니다.
