Назад

DoodleQuest

Превратите рисунок в 3D-героя маленького мира, созданного для любимого человека. Получатель раскрывает рисунок, звонит в три музыкальных колокольчика и доставляет звезду, чтобы открыть ваше письмо.

Автор: MillieMoonИсходный код
Попробовать онлайн
DoodleQuestПопробовать онлайн

Описание

DoodleQuest превращает рисунок в героя маленького мира, созданного для любимого человека. Создатель выбирает рисунок, на использование которого у него есть разрешение, утверждает 3D-персонажа, указывает получателя и добавляет личное послание, а затем упаковывает приключение в подарок с доступом по ссылке. Получателю не нужно регистрироваться: он раскрывает рисунок, звонит в три музыкальных колокольчика, затем подбирает звезду и доставляет её, чтобы открыть письмо.

Демо рассказывает историю подарка маленькой художницы папе. В 89-секундном прохождении с закадровым голосом детский рисунок папы превращается в супергероя. В видео показаны настоящая генерация image-to-3D в Tripo в размещённом онлайн-приложении, рисунок рядом с получившимся 3D-героем, персонализация и полный играбельный предпросмотр для создателя, а в финале звучат слова: «Ты мой герой каждый день». Иллюстрация с отцом — вымышленное изображение, созданное с помощью генерации изображений OpenAI, а за девочку говорит синтетический голос Lovely Girl от MiniMax, подключённый через OpenRouter. Это авторская постановочная демонстрация, а не настоящий детский рисунок или запись.

Персонализированного героя создаёт Tripo: приложение сохраняет и проверяет сгенерированную модель и использует этого же персонажа на протяжении всего прохождения. Мир, квест, почтовая бумага и мелодия колокольчиков — оригинальный контент приложения, а у героя в видео простая резервная анимация движения.

Публичное демо работает на Vercel и Neon PostgreSQL. Можно поиграть процедурно сгенерированным персонажем-примером Pip, а также создать, сохранить подарок и поделиться им; для генерации нового героя в Tripo нужна авторизация создателя, а подарок для папы из видео пока остаётся предпросмотром для создателя.

Весь процесс работает на Next.js, React Three Fiber, Three.js и Vercel Workflows. Сохранение черновиков, явное подтверждение, неизменяемые версии подарка и возможность отзыва оставляют контроль за создателем. Управление с клавиатуры, режим уменьшения движения, пониженное качество рендеринга и резервная версия для чтения дают разные способы играть. Послание пишет создатель, а маленькое приключение превращает само его получение в часть подарка.

Как использовался Tripo

Tripo превращает детский рисунок в героя.

  • Image-to-3D: в демо Tripo API превращает детский рисунок папы в персонализированного 3D-героя; в прохождении показана одна успешная генерация в размещённом приложении.
  • В приложении: DoodleQuest сохраняет ID задачи, проверяет и хранит GLB и использует героя только после того, как создатель его утвердит.
  • В мире: тот же герой звонит в колокольчики, несёт звезду и доставляет папино письмо в мире на Three.js.

Трейлер