De una foto de producto a un vídeo 3D que se desmonta mientras haces scroll. 25 páginas, los 3 prompts y el código que funciona.

Bajas por la página y el producto se abre pieza a pieza, al ritmo

exacto al que mueves la rueda. Si subes, se vuelve a montar.

Parece 3D en tiempo real. No lo es. Es un vídeo de 4 segundos y

unas cuarenta líneas de JavaScript.

Esta guía es el proceso completo, de principio a fin, con el que

monté ese efecto: cómo generar la imagen del producto despiezado

con IA, cómo convertir dos imágenes en el vídeo, cómo preparar el

archivo para que no vaya a tirones, y cómo conectarlo al scroll.

QUÉ HAY DENTRO

· Los tres prompts íntegros, listos para copiar y pegar: el de la

 imagen, el de el vídeo y el del agente que escribe la página.

· El paso a paso para construir la web sin escribir una sola línea

 de código, dejando que lo haga un agente de terminal. Es como

 está hecha la página de las capturas.

· Una implementación mínima completa: un archivo que funciona

 copiándolo tal cual.

· Los cinco fallos que no dan ningún error y te hacen perder días.

 El principal es de formato de vídeo, no de código, y por eso casi

 nadie lo cuenta.

· Una tabla de diagnóstico: síntoma, causa y dónde está la

 solución.

PARA QUIÉN ES

Para quien quiera este efecto en una página de producto. Si sabes

programar, tienes el código explicado línea a línea. Si no, tienes

el procedimiento para que lo construya un agente por ti y la forma

de comprobar que lo ha hecho bien.

LO QUE NO ES

No es un curso de 4 horas. Son 25 páginas sin relleno.

No incluye los archivos del proyecto: incluye los prompts, los

comandos y el código dentro del documento.

Y esto se puede hacer gratis. Yo usé ChatGPT y ElevenLabs, pero la

guía lleva las alternativas sin coste de cada paso, con sus

límites reales. Lo que pagas aquí es no perder los tres días que

perdí yo.

FORMATO

PDF, 25 páginas, español. Descarga inmediata.