Autor: Jared Liu
Experimente ao vivo Sobre este projeto
Drawing to 3D transforma «como um esboço vira um modelo 3D» em algo que você pode experimentar na hora: os três exemplos da página inicial — um vaso, um robô e uma casa em forma de cogumelo — foram gerados com Tripo image-to-model a partir de esboços reais desenhados à mão, exibidos lado a lado com os originais e prontos para arrastar, orbitar e ampliar.
Envie seu próprio desenho, passe pela verificação humana e a fila anônima assume: uma animação de reconstrução é exibida durante a espera; depois, o modelo branco gira no navegador e pode ser baixado como GLB. Para texturas 8K e maior fidelidade, um clique leva o resultado ao Tripo Studio. O site inteiro funciona sem conta, oferece seis idiomas, é implantado como arquivos estáticos e mantém as credenciais do Tripo protegidas no Cloudflare Workers.
Destaques
- Três exemplos — um vaso, um robô e uma casa em forma de cogumelo — todos gerados pelo Tripo a partir de esboços reais desenhados à mão, exibidos ao lado dos originais e prontos para arrastar e orbitar
- Envie um desenho (PNG/JPG/WebP), passe pela verificação humana e a fila de geração anônima assume o restante — sem cadastro
- Uma animação de reconstrução do esboço ao volume é exibida durante a espera; o modelo branco concluído gira no navegador e pode ser baixado como GLB
- Uma geração gratuita por dispositivo por dia; para texturas 8K e maior fidelidade, leve o resultado ao Tripo Studio com um clique
Análise técnica
Produção dos exemplos · imagem para modelo com Tripo v3
Os três modelos de exemplo vêm diretamente do Tripo API v3 image-to-model (v3.1), com geometria detalhada, texturas PBR e limite de 50.000 faces; o repositório preserva o ID de cada tarefa, o custo em créditos e o SHA-256 do arquivo de saída para registrar a procedência da entrega. As cópias para web mantêm a geometria da série H e apenas reduzem as texturas incorporadas de 4096px para 2048px — sem mudança visível no visualizador de cerca de 500px e com aproximadamente 75% menos VRAM de textura.
Geração anônima · pipeline de modelo branco sem conta
O navegador contém apenas configuração pública; as credenciais do Tripo ficam exclusivamente em um despachante do Cloudflare Workers. Turnstile e a impressão digital do dispositivo concedem uma geração anônima por dispositivo a cada dia UTC: criar a tarefa, enviar o desenho, consultar a cada 4 segundos (backoff exponencial até 30s após falhas repetidas), baixar o blob GLB e renderizar o modelo branco no próprio local. Ao fechar a página, a tarefa é abandonada via sendBeacon; o lease do agendador funciona como contingência para a limpeza.
A espera como espetáculo · reconstrução por plano de recorte
Nada de indicadores giratórios durante a geração: o modelo usa dois materiais — um sólido, revelado de baixo para cima por um plano de recorte horizontal, enquanto o wireframe desaparece no sentido inverso, de cima para baixo, acompanhado por um anel laranja que segue o plano — encenando literalmente «a IA reconstruindo volume a partir de linhas». Uma barra de progresso percebido avança suavemente por intervalos associados aos estados, e usuários de prefers-reduced-motion veem uma pose estática.
SEO em primeiro lugar · site estático em seis idiomas
Next.js 16 gera uma saída totalmente estática; inglês, chinês tradicional, japonês, coreano, espanhol e português têm rotas, URLs canônicas, alternativas hreflang e entradas no sitemap próprias. Um único módulo compartilhado produz todos os links para o Tripo Studio com atribuição UTM consistente — utm_content identifica exatamente o CTA ou o exemplo selecionado.
