Autor: Jared Liu
Pruébalo en vivo Sobre este proyecto
Drawing to 3D convierte «cómo pasa un boceto a ser un modelo 3D» en algo que puedes probar al instante: los tres ejemplos de la portada —un jarrón, un robot y una casa con forma de seta— se generaron con Tripo image-to-model a partir de bocetos reales dibujados a mano, se muestran junto a los originales y se pueden arrastrar, orbitar y ampliar.
Sube tu propio dibujo, supera la comprobación humana y la cola anónima se encargará del resto: mientras esperas se reproduce una animación de reconstrucción; después, el modelo blanco gira en el navegador y se descarga como GLB. Para obtener texturas 8K y mayor fidelidad, un clic lleva el resultado a Tripo Studio. Todo el sitio funciona sin cuenta, ofrece seis idiomas, se despliega como archivos estáticos y mantiene las credenciales de Tripo protegidas dentro de Cloudflare Workers.
Puntos clave
- Tres ejemplos —un jarrón, un robot y una casa con forma de seta— generados por Tripo a partir de bocetos reales dibujados a mano, mostrados junto a los originales y listos para arrastrar y orbitar
- Sube un dibujo (PNG/JPG/WebP), supera la comprobación humana y la cola de generación anónima se encarga del resto; sin registro
- Mientras esperas se reproduce una animación de reconstrucción del boceto al volumen; el modelo blanco terminado gira en el navegador y se descarga como GLB
- Una generación gratuita por dispositivo al día; para obtener texturas 8K y mayor fidelidad, lleva el resultado a Tripo Studio con un clic
Análisis técnico
Entrega de ejemplos · imagen a modelo con Tripo v3
Los tres modelos de ejemplo salen directamente de Tripo API v3 image-to-model (v3.1), con geometría detallada, texturas PBR y un límite de 50.000 caras; el repositorio conserva el ID de cada tarea, el coste en créditos y el SHA-256 del archivo de salida como procedencia de la entrega. Las copias web mantienen la geometría de la serie H y solo reducen las texturas incrustadas de 4096px a 2048px: sin cambios visibles en el visor de unos 500px y con cerca de un 75 % menos de VRAM para texturas.
Generación anónima · pipeline de modelo blanco sin cuenta
El navegador solo contiene configuración pública; las credenciales de Tripo residen exclusivamente en un despachador de Cloudflare Workers. Turnstile y una huella del dispositivo conceden una generación anónima por dispositivo y día UTC: se crea la tarea, se sube el dibujo, se consulta cada 4 segundos (con retroceso exponencial hasta 30s tras fallos repetidos) y después se descarga el blob GLB para renderizar el modelo blanco ahí mismo. Al cerrar la página, la tarea se abandona mediante sendBeacon; el arrendamiento del planificador actúa como respaldo para la limpieza.
La espera como espectáculo · reconstrucción con plano de recorte
Nada de indicadores giratorios durante la generación: el modelo lleva dos materiales, uno sólido que un plano de recorte horizontal revela de abajo arriba mientras la malla alámbrica se oculta a la inversa, de arriba abajo, con un anillo de escaneo naranja que sigue al plano; así representa literalmente «la IA reconstruyendo volumen a partir de líneas». Una barra de progreso percibido avanza suavemente por intervalos asociados al estado, y los usuarios de prefers-reduced-motion ven una pose estática.
SEO primero · sitio estático en seis idiomas
Next.js 16 genera una salida totalmente estática; inglés, chino tradicional, japonés, coreano, español y portugués disponen cada uno de sus propias rutas, URL canónicas, alternativas hreflang y entradas del mapa del sitio. Un único módulo compartido produce todos los enlaces a Tripo Studio con una atribución UTM coherente; utm_content identifica el CTA exacto o el ejemplo seleccionado.
