🎯 Funcionamiento
- Botón verde: abre la puerta mediante una animación.
- Cuando la puerta se abre, el coche entra automáticamente en el garaje.
- Botón rojo: cierra la puerta.
- Al cerrar, el coche sale de la escena para representar el cambio de estado.
🚗 Simulador de puerta de garaje
Pulsa un botón para controlar la puerta y observar la animación.
🔴 PUERTA CERRADA
🟢 PUERTA ABIERTA · COCHE DENTRO
💻 ¿Cómo funciona sin JavaScript?
La interacción utiliza radio buttons ocultos y selectores CSS como :checked. Las animaciones se realizan mediante propiedades transition y transformaciones CSS.
⚡ Proyecto original
El proyecto plantea una maqueta de garaje controlada mediante un ESP32, Wi-Fi y servomotores. El objetivo es permitir la apertura y cierre de la puerta desde una interfaz web.
En esta versión, la demostración visual está hecha exclusivamente con HTML + CSS, por lo que no necesita JavaScript para funcionar.