Una implementación web moderna del clásico juego de cartas SET, con animaciones fluidas y diseño glassmorphism.

▶️ Juega aquí

SET es un juego de lógica visual donde debes encontrar combinaciones de 3 cartas que cumplan una regla específica: para cada una de las 4 características (número, color, forma y relleno), las 3 cartas deben ser todas iguales o todas diferentes.

• Número: 1, 2 o 3 formas
• Color: 🔴 rojo, 🟢 verde o 🟣 morado
• Forma: óvalo, squiggle o diamante
• Relleno: sólido, rayado o vacío

• 🎯 Modo Básico: 9 cartas, 4 SETs (mismo color)
• 🚀 Modo Avanzado: 12 cartas, 6 SETs (todos los colores)
• 💡 Sistema de pistas: Resalta una carta de un SET no encontrado
• 🏆 Panel de SETs encontrados: Visualiza tu progreso
• 🎨 Animaciones fluidas: Flip de cartas, confetti y efectos visuales
• 📱 Diseño responsive: Funciona en móviles y tablets

• HTML5
• CSS3 (Glassmorphism, animaciones, gradientes)
• JavaScript Vanilla (sin frameworks)

Set/
├── index.html          # Estructura principal
├── css/
│   └── style.css      # Estilos y animaciones
└── js/
    ├── cards.js       # Lógica de cartas y validación de SETs
    ├── boards.js      # Generación de tableros aleatorios
    └── game.js        # Lógica principal del juego

# Clonar el repositorio
git clone https://github.com/amgomez/Set_Game.git

# Navegar al directorio
cd Set_Game

# Abrir index.html en tu navegador

No requiere instalación de dependencias ni servidor. Solo abre index.html en tu navegador.

1. Selecciona 3 cartas haciendo clic en ellas
2. Si forman un SET válido, se añadirán al panel de SETs encontrados
3. Si es incorrecto, las cartas se deseleccionarán automáticamente
4. Encuentra todos los SETs para ganar
5. Usa el botón "💡 ¡Dame una pista!" si te atascas

• Generación dinámica de tableros: Algoritmo que garantiza el número exacto de SETs
• Validación en tiempo real: Comprueba automáticamente las combinaciones
• Caché de cartas: Optimización de rendimiento
• Animaciones CSS: Transiciones suaves sin JavaScript pesado
• Glassmorphism UI: Diseño moderno con efectos de cristal

MIT License - Siéntete libre de usar y modificar este proyecto.

⭐ Si te gusta este proyecto, ¡dale una estrella en GitHub!