Página webPlataforma de evento deportivo 3D que combina replays en video con ángulos de cámara libres. Un estadio 3D muestra la acción en tiempo real (stream) y permite al usuario…
Página web
Feria Gastronómica 3D con Stands, Videos de Recetas y Reservas de Mesa
Prompt
Feria gastronómica virtual con pasillos y stands de restaurantes. Cada stand incluye pantalla 3D que reproduce video de receta (60-180s) y panel con menú y botón Reservar mesa (simulación UI). Al acercarse el video se activa en preview; al hacer click se abre overlay con video extendido, ingredientes y enlaces para pedir a domicilio. Filtros por tipo de cocina reordenan stands con animación 3D y mapa flotante muestra ubicación. Incluye ruta de degustación guiada: cámara se mueve entre stands con transiciones suaves y voiceover. Área social donde visitantes dejan reviews en video (grabados localmente con WebRTC) mostrados en mural 3D. Videos de recetas con subtítulos y lista de pasos descargable. Rendimiento: proxies para scrubbing, texturas 512-1024px, lazy-load videos, liberar tras inactividad. Accesibilidad: subtítulos, aria, prefers-reduced-motion. Analítica: reservas simuladas, reproducciones, filtros usados. Recomendaciones de compresión de video y formatos de menú incluidas. **Entregables:** index.html, styles.css, foodfair3d.js, assets/ (modelos GLB stands, videos recetas, menús PDF). **Stack:** Three.js, video HTML5, GSAP, LazySizes. **Interacciones:** Click en stand abre video receta + menú + reservar, filtros por cocina reordenan stands, mapa flotante, ruta degustación guiada con voiceover, reviews sociales en video, pasos de receta descargables.
- Tipo
- Página web
- Tecnología
- Three.js, video HTML5, GSAP, LazySizes
- 3D
- gastronomic fair
- stands
- recipe video
- menu
- reserve table
- cuisine filter
- mexican
«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
Página web
Página webFestival de cine virtual con varias salas de proyección 3D. Cada sala proyecta una película (HLS) y tiene un panel para trailers y material extra. Tras la proyección, se abre una…
Página webConstruye una biblioteca 3D elegante donde estanterías contienen volúmenes que al abrirse reproducen videoclips educativos, combinada con búsqueda semántica por tema, duración o…
Página web"Midnight Hacker": neón en modo oscuro. Cree una página de inicio HTML de un solo archivo para una plataforma de codificación llamada CodeNova con una estética oscura de hacker…
Página webDegradado del atardecer / Morfismo de vidrio. Cree un aterrizaje en modo oscuro para "Northwind", un SaaS de automatización de ventas con IA. HTML puro + CSS, fuente Satoshi (o…
Página web"Atlas Bank" — Azul Corporativo / Fideicomiso Financiero. Crear un modo de luz de aterrizaje para "Atlas Bank", un neobanco B2B para empresas. HTML puro + CSS, fuentes Söhne (o…
Página webCyberpunk/Neon Glow. Cree un aterrizaje en modo oscuro para "Cipher", una plataforma de seguridad de confianza cero con IA. HTML puro + CSS, fuente Space Grotesk para titulares e…
Página web"Canvas Studio" - Publicación terrenal / brutalista. Cree un modo de luz de aterrizaje para "Canvas Studio", una plataforma de diseño colaborativo para agencias creativas. HTML…