Crea una experiencia interactiva de vuelo de un ave Constru...

Prompt

Crea una experiencia interactiva de vuelo de un ave Construye una miniaplicación interactiva para navegador, diseñada especialmente para celulares y tablets, en la que el usuario pueda controlar el vuelo de un pequeño pájaro a través de hermosos paisajes naturales. Mecánica de vuelo - El ave avanza automáticamente de manera horizontal por el escenario. -Cada toque en la pantalla debe proporcionar un impulso suave hacia arriba, haciendo que el ave gane altura. -Cuando el usuario deja de tocar la pantalla, el ave entra en un modo de planeo automático: continúa volando suavemente y mantiene una altura estable, sin descender indefinidamente. -El planeo debe ser estable y natural, sin que el usuario necesite tocar continuamente la pantalla para evitar que el ave caiga. -Los toques deben permitir ganar altura gradualmente, con una respuesta inmediata y movimientos suaves. - En dispositivos con teclado físico, cada pulsación de la barra espaciadora debe proporcionar un leve impulso hacia arriba. - El vuelo debe ser prácticamente ilimitado: no debe haber columnas, obstáculos, enemigos, puntuaciones obligatorias ni condiciones de derrota. El usuario debe poder disfrutar del vuelo sin preocuparse por perder. Control de velocidad del vuelo Permite ajustar la velocidad horizontal del vuelo mediante un deslizador táctil sencillo e intuitivo. - El control debe permitir seleccionar velocidades desde muy lentas hasta rápidas, con un rango adecuado para disfrutar del paisaje sin que el movimiento resulte excesivo. - Muestra claramente la velocidad seleccionada, preferiblemente mediante un porcentaje respecto de la velocidad normal (100 %). - El cambio de velocidad debe aplicarse inmediatamente y producir una transición suave, sin saltos bruscos en el movimiento. - Ajusta de forma coherente el desplazamiento del escenario y sus capas de paralaje para mantener la sensación de que el ave avanza por el paisaje. - La velocidad seleccionada no debe alterar la mecánica de vuelo, los controles ni la ausencia de obstáculos y condiciones de derrota. - Integra el control en una interfaz discreta, que pueda mostrarse u ocultarse para no distraer de la contemplación del paisaje. Paisajes naturales generados proceduralmente Crea un escenario panorámico bonito, colorido y visualmente armonioso que se desplace suavemente mientras el ave vuela. Incluye elementos como: - Colinas, montañas lejanas, valles, bosques y praderas. - Árboles, flores, pequeños lagos y ríos cuando encajen con el paisaje. - Nubes de distintas formas y tamaños que se desplacen lentamente. - Aves lejanas ocasionales que acompañen visualmente al protagonista. - Variaciones sutiles en el terreno, la vegetación, las nubes y la iluminación para que el paisaje no parezca repetirse constantemente. Genera variaciones procedurales para que cada vuelo presente combinaciones diferentes de paisajes y elementos naturales, manteniendo siempre una composición agradable. Utiliza varias capas de profundidad con desplazamiento a distintas velocidades para producir un efecto de paralaje y dar sensación de profundidad. Ciclo dinámico de día y noche El entorno debe cambiar gradualmente con el paso del tiempo, sin interrumpir el vuelo. - Amanecer: tonos rosados, violetas y anaranjados en el horizonte. - Día: cielos azules, luz cálida y paisajes verdes y luminosos. - Atardecer: colores dorados, rojizos y púrpuras. - Noche: cielo azul oscuro, luna, estrellas y paisajes iluminados suavemente. - Transiciones: mezcla progresiva de los colores del cielo, la iluminación ambiental y las sombras, evitando cambios repentinos. La duración del ciclo debe ser configurable o suficientemente larga para disfrutar cada ambiente antes de que cambie. Fenómenos meteorológicos Introduce acontecimientos meteorológicos ocasionales, con transiciones suaves y sin interrumpir la jugabilidad: - Lluvia ligera con gotas animadas y pequeñas variaciones en el aspecto del cielo. - Nubes que se acumulen gradualmente antes de llover. - Bruma sutil en las montañas o los valles. - Cielos despejados después de la lluvia. - Ocasionalmente, cielos especialmente espectaculares con nubes iluminadas por el sol. La lluvia debe ser decorativa: no debe dificultar el control del ave ni provocar que el jugador pierda. Varía la frecuencia y duración de estos fenómenos para que el entorno resulte vivo, pero no recargado. Interfaz y experiencia de usuario Mantén una interfaz minimalista que permita contemplar el paisaje. - El ave y el escenario deben ocupar casi toda la pantalla. - Añade un pequeño botón de pausa y otro para reiniciar o comenzar un nuevo vuelo. -Añade un botón para generar un paisaje nuevo en cualquier momento, sin tener que esperar a que cambie el escenario de forma procedural. -Al activarlo, genera una nueva combinación de terreno, vegetación, montañas, nubes y otros elementos naturales. -La transición al nuevo paisaje debe ser visualmente suave, evitando cortes bruscos o parpadeos. -Cambiar de paisaje no debe interrumpir el vuelo ni modificar el ave seleccionada, la velocidad elegida o los controles. -El nuevo entorno debe conservar la estética general de la experiencia, pero ofrecer una composición claramente diferente de la anterior. - Permite mostrar u ocultar una pequeña indicación del ambiente actual, como «Atardecer» o «Lluvia suave». - Evita menús complejos, paneles que ocupen mucho espacio, anuncios y elementos que distraigan de la experiencia. Selección inicial de aves Antes de comenzar el vuelo, muestra una pantalla de bienvenida sencilla y atractiva en la que el usuario pueda elegir entre tres aves diferentes. - Cada ave debe tener una apariencia claramente diferenciada, con colores, silueta y proporciones propias. - Presenta las tres opciones mediante pequeñas ilustraciones o animaciones de vista previa, acompañadas de sus nombres. - Al tocar una opción, selecciónala visualmente y permite comenzar el vuelo mediante un botón grande y fácil de pulsar. - La elección debe determinar qué ave aparece durante toda la experiencia. Conserva sus características visuales y su animación durante el vuelo. - Cada ave debe contar con una animación de aleteo y planeo convincente, adaptada a su silueta. - La pantalla de selección debe ser minimalista, funcionar bien en orientación vertical y horizontal y no ocupar demasiado tiempo antes de empezar a volar. - Incluye la posibilidad de volver al menú para cambiar de ave sin tener que recargar la página. Presenta las tres opciones mediante pequeñas ilustraciones o animaciones de vista previa, acompañadas de sus nombres. Una de las tres aves debe ser un petirrojo, con su característico pecho anaranjado o rojizo. Las otras dos deben ser especies diferentes entre sí, con siluetas, plumajes y colores claramente distinguibles. Mantén el resto de la experiencia igual para las tres opciones, con los mismos controles y una dificultad inexistente. La selección debe ser una personalización estética, no una ventaja competitiva. Diseño visual y rendimiento - Utiliza una estética ilustrada, cálida y encantadora, con colores armoniosos y paisajes que resulte agradable contemplar. - El ave debe ser fácilmente reconocible y tener una silueta atractiva, con animaciones fluidas. - Adapta el escenario automáticamente a pantallas verticales y horizontales, sin recortar elementos importantes. - Los controles táctiles deben funcionar correctamente sin provocar desplazamientos accidentales de la página. - Optimiza las animaciones para dispositivos móviles y evita efectos gráficos innecesariamente pesados. - Mantén una tasa de animación fluida y adapta el renderizado al tamaño de la pantalla. Requisitos técnicos Entrega una miniaplicación completa y funcional en un único archivo HTML, con CSS y JavaScript integrados, sin depender de servidores, bibliotecas externas ni recursos que requieran conexión a Internet. Genera los gráficos mediante Canvas y código, o mediante SVG integrado, según convenga. No utilices imágenes externas como requisito para que funcione la aplicación. Organiza el código de forma clara y asegúrate de que: - La física del vuelo sea estable y consistente. - Los controles táctiles y de teclado funcionen correctamente. - El ciclo de día y noche y los fenómenos meteorológicos evolucionen de manera continua. - Los paisajes procedurales generen variedad sin producir transiciones visuales bruscas. - El botón de pausa detenga el movimiento y las animaciones del mundo. - Reiniciar permita comenzar un nuevo vuelo con nuevas variaciones del paisaje. Antes de finalizar, revisa el código para corregir errores y comprobar que todos los controles funcionan. Prioriza una experiencia de vuelo relajante, bonita y fluida por encima de añadir complejidad innecesaria. El resultado debe ser una pequeña experiencia interactiva que invite a volar durante unos minutos simplemente por el placer de explorar paisajes naturales cambiantes.

A system prompt was added to support web rendering