Voltar

DoodleQuest

Transforme um desenho no herói 3D de um pequeno mundo feito para alguém que você ama. Quem recebe revela o desenho, toca três sinos musicais e entrega uma estrela para desbloquear a sua carta.

Autor: MillieMoonCódigo-fonte
Experimente ao vivo
DoodleQuestExperimente ao vivo

Descrição

DoodleQuest transforma um desenho no herói de um pequeno mundo feito para alguém que você ama. O criador escolhe uma obra que tem permissão para usar, aprova o personagem 3D, adiciona um destinatário e um recado pessoal e embrulha a aventura em um link de presente não listado. O destinatário não precisa se cadastrar: ele revela o desenho, toca três sinos musicais e depois pega uma estrela e a entrega para desbloquear a carta.

A demo conta a história do presente de uma pequena artista para o papai. Em um passo a passo narrado de 89 segundos, um rabisco do papai vira super-herói. Nele aparecem uma geração image-to-3D real do Tripo no app online, o desenho ao lado do herói 3D resultante, a personalização e a prévia completa e jogável do criador, terminando com “Você é meu herói todos os dias.” A ilustração do pai é uma obra fictícia feita com a geração de imagens da OpenAI, e a narração da menina usa a voz sintética Lovely Girl da MiniMax via OpenRouter. Trata-se de uma demonstração roteirizada, não do desenho nem da gravação de uma criança real.

O Tripo fornece o herói personalizado: o app armazena e valida o modelo gerado e reutiliza esse mesmo personagem ao longo de toda a experiência. O mundo, a missão, o papel de carta e a melodia dos sinos são conteúdo original do app, e o herói no vídeo usa uma animação alternativa simples.

A demo pública roda na Vercel e no Neon PostgreSQL. Você pode jogar com Pip, o personagem de exemplo gerado proceduralmente, e criar, salvar e compartilhar um presente; gerar um novo herói com o Tripo exige autorização do criador, e o presente do papai mostrado no vídeo ainda é uma prévia do criador.

Next.js, React Three Fiber, Three.js e Vercel Workflows movem o fluxo. Rascunhos salvos, aprovação explícita, versões imutáveis dos presentes e revogação mantêm os criadores no controle. Controles por teclado, movimento reduzido, uma configuração de qualidade de renderização mais baixa e uma alternativa legível oferecem diferentes formas de jogar. O criador fornece a mensagem; a pequena aventura faz com que recebê-la seja parte do presente.

Como o Tripo foi usado

O Tripo transforma o rabisco no herói.

  • Image-to-3D: na demo, a API do Tripo transforma o rabisco do pai em um herói 3D personalizado; o passo a passo mostra uma geração bem-sucedida no app online.
  • Dentro do app: o DoodleQuest guarda o ID da tarefa, valida e armazena o GLB e só usa o herói depois que o criador o aprova.
  • No mundo: o mesmo herói toca os sinos, carrega a estrela e entrega a carta do papai em um mundo em Three.js.

Trailer