Drommo
Landing 3D Freelance para Desarrollador Web con Demo Interactiva y Video Tutorial
Página web

Landing 3D Freelance para Desarrollador Web con Demo Interactiva y Video Tutorial

Prompt

Landing 3D para un desarrollador freelance que muestra una maqueta interactiva del producto en un panel 3D. Al pulsar 'Play demo' se reproduce un video tutorial sincronizado con la maqueta: el video explica pasos y la maqueta ejecuta animaciones (abrir menús, simular API calls) en tiempo real. El video actúa como master clock y envía cues JSON que GSAP interpreta para animar la maqueta. Modo 'Explorar' permite manipular la maqueta manualmente; el video se pausa y aparece un overlay con explicación textual. Snippets de código resaltados con Prism.js junto al video; botón 'Copiar' copia al portapapeles. En mobile, la maqueta se simplifica y el video se reproduce en overlay. Versiones proxy para scrubbing, LOD para maqueta, liberación de texturas. Accesibilidad: subtítulos, aria en botones, prefers-reduced-motion. Analytics: reproducciones de demo, snippets copiados, interacciones en maqueta. **Entregables:** index.html, styles.css, dev3d.js, assets/ (videos demo, modelos, snippets código). **Stack:** Three.js, video HTML5, Prism.js, GSAP. **Interacciones:** Play demo con sincronización video-maqueta, modo explorar con manipulación manual, copiar snippets.

Tipo
Página web
Tecnología
Three.js, video HTML5, Prism.js, GSAP
  • 3D
  • freelance
  • developer
  • landing
  • interactive demo
  • video tutorial
  • mockup
  • GSAP cues
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas