Animación interactiva: Galaxia Hot Wheels en HTML/CSS/JS #19
Description
Descripción
Crear una plantilla interactiva llamada "Galaxia Hot Wheels" para la web, implementada únicamente con HTML, CSS y JavaScript puro. La animación debe mostrar:
- Fondo galáctico oscuro con estrellas parpadeantes (generadas por JS y con animación CSS).
- Un círculo central luminoso (sol) generado con degradado y efectos de sombra.
- Doce automóviles Hot Wheels orbitando la galaxia, generados por código (no HTML repetido), con movimiento animado (CSS keyframes).
- 100 estrellas pequeñas y 10 estrellas especiales doradas en el fondo; cada dorada dispara un mensaje aleatorio y bonito en español al hacer clic.
- Mensajes, imágenes y comportamientos fácilmente editables desde el propio código.
- Todo 100% responsivo, sin dependencias externas.
- Código ordenado y comentado para fácil personalización.
Extras sugeridos
- Considerar la opción de agregar música de fondo (opcional).
- Facilitar la edición del número de autos, mensajes, y estilos desde JS.
Uso sugerido: como landing page animada, perfil personal temático o sorpresa/regalo virtual.
Referencia: Mantener y mejorar la estructura propuesta en las versiones previas del borrador.
IMPORTANTE: Si la plantilla es encontrada en este repositorio, aprovecha cualquier sección de template relevante (p. ej: "feature request"), si no hay template, deja este issue como petición general.