{"id":51476020,"url":"https://github.com/alberto2005-coder/3-en-raya","last_synced_at":"2026-07-06T21:01:08.788Z","repository":{"id":315931141,"uuid":"1055028409","full_name":"alberto2005-coder/3-en-raya","owner":"alberto2005-coder","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-21T16:44:56.000Z","size":38,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-21T18:33:00.405Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alberto2005-coder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-11T16:59:49.000Z","updated_at":"2025-09-21T16:45:00.000Z","dependencies_parsed_at":"2025-09-28T10:30:41.502Z","dependency_job_id":null,"html_url":"https://github.com/alberto2005-coder/3-en-raya","commit_stats":null,"previous_names":["alberto2005-coder/3-en-raya"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/alberto2005-coder/3-en-raya","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alberto2005-coder%2F3-en-raya","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alberto2005-coder%2F3-en-raya/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alberto2005-coder%2F3-en-raya/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alberto2005-coder%2F3-en-raya/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alberto2005-coder","download_url":"https://codeload.github.com/alberto2005-coder/3-en-raya/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alberto2005-coder%2F3-en-raya/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35205739,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-06T02:00:07.184Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-07-06T21:01:07.065Z","updated_at":"2026-07-06T21:01:08.778Z","avatar_url":"https://github.com/alberto2005-coder.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎮 Juego de 3 en Raya Moderno\n\nUn juego de tres en raya (tic-tac-toe) moderno y elegante con interfaz web, diseñado con CSS avanzado y JavaScript vanilla. Incluye modo jugador vs jugador y jugador vs IA con diferentes niveles de dificultad.\n\n\n## ✨ Características\n\n### 🎯 Modos de Juego\n- **👥 Jugador vs Jugador**: Modo clásico para dos personas\n- **🤖 Jugador vs IA**: Enfréntate a la inteligencia artificial\n\n### 🧠 Inteligencia Artificial\n- **🟢 Nivel Fácil**: Movimientos aleatorios, perfecto para principiantes\n- **🟡 Nivel Medio**: Estrategia básica con ocasionales movimientos subóptimos\n- **🔴 Nivel Difícil**: IA estratégica que prioriza ganar, bloquear y posiciones clave\n\n### 🎨 Interfaz Moderna\n- **Diseño Glassmorphism**: Efectos de cristal esmerilado\n- **Gradientes Vibrantes**: Colores modernos y atractivos\n- **Animaciones Fluidas**: Transiciones suaves en hover y clicks\n- **Efectos Especiales**: Confeti al ganar y resaltado de línea ganadora\n- **Responsive Design**: Se adapta a móviles y escritorio\n\n### 🚀 Tecnologías Avanzadas\n- **CSS Grid**: Para el tablero de juego\n- **CSS Custom Properties**: Variables para temas consistentes\n- **Backdrop Filter**: Efectos de desenfoque\n- **CSS Animations**: Animaciones keyframe personalizadas\n- **Google Fonts**: Tipografía moderna (Poppins)\n\n## 📱 Compatibilidad\n\n- ✅ Chrome 88+\n- ✅ Firefox 94+\n- ✅ Safari 14+\n- ✅ Edge 88+\n- ✅ Móviles y tablets\n\n## 🛠️ Instalación\n\n1. **Clona o descarga** el repositorio:\n```bash\ngit clone https://github.com/tu-usuario/tres-en-raya.git\n```\n\n2. **Abre el archivo** `index.html` en tu navegador favorito\n\n3. **¡Disfruta jugando!** 🎉\n\nNo requiere instalación de dependencias ni servidor web.\n\n## 🎮 Cómo Jugar\n\n### Modo Jugador vs Jugador\n1. Ambos jugadores se alternan haciendo clic en las casillas\n2. **X** siempre comienza primero\n3. Gana quien consiga **3 en línea** (horizontal, vertical o diagonal)\n\n### Modo Jugador vs IA\n1. **Tú siempre juegas como X** (primer turno)\n2. Selecciona tu nivel de dificultad preferido\n3. La IA responde automáticamente como **O**\n4. ¡Intenta vencer a la máquina!\n\n## 🏗️ Estructura del Proyecto\n\n```\ntres-en-raya/\n│\n├── index.html          # Archivo principal del juego\n├── README.md           # Este archivo\n└── tres-en-raya.png    # Icono del juego (opcional)\n```\n\n## 🎯 Estrategia de la IA\n\n### Algoritmo de Decisión\n1. **🥇 Prioridad 1**: Ganar si es posible\n2. **🛡️ Prioridad 2**: Bloquear al jugador humano\n3. **🎯 Prioridad 3**: Tomar el centro (posición estratégica)\n4. **📐 Prioridad 4**: Ocupar esquinas\n5. **🔄 Prioridad 5**: Cualquier posición disponible\n\n### Niveles de Dificultad\n- **Fácil**: 100% movimientos aleatorios\n- **Medio**: Aplica estrategia con cierta probabilidad de errores\n- **Difícil**: Estrategia óptima consistente\n\n## 🎨 Personalización\n\n### Variables CSS Personalizables\n```css\n:root {\n    --primary-color: #667eea;      /* Color principal */\n    --secondary-color: #764ba2;    /* Color secundario */\n    --accent-color: #f093fb;       /* Color de acento */\n    --success-color: #4ecdc4;      /* Color de éxito */\n    --danger-color: #ff6b6b;       /* Color de peligro */\n    --border-radius: 15px;         /* Radio de bordes */\n}\n```\n\n### Modificar Dificultad de IA\nPuedes ajustar la lógica de la IA editando las funciones:\n- `getRandomMove()` - Movimientos aleatorios\n- `getMediumMove()` - Estrategia intermedia  \n- `getHardMove()` - Estrategia avanzada\n\n## 🔧 Funcionalidades Técnicas\n\n- **Estado del Juego**: Gestión completa con JavaScript vanilla\n- **Validación de Movimientos**: Previene movimientos inválidos\n- **Detección de Victoria**: Algoritmo eficiente para todas las combinaciones\n- **Animaciones CSS**: Efectos visuales sin librerías externas\n- **Responsive Grid**: Layout que se adapta a cualquier pantalla\n\n## 📈 Versiones\n\n### v2.0 (Actual)\n- ➕ Modo IA con 3 niveles de dificultad\n- ➕ Interfaz completamente rediseñada\n- ➕ Efectos visuales avanzados\n- ➕ Design responsive\n\n### v1.0 (Original)\n- ✅ Modo básico jugador vs jugador\n- ✅ Interfaz simple\n- ✅ Funcionalidad core\n\n## 🤝 Contribuir\n\n¡Las contribuciones son bienvenidas! Si quieres mejorar el juego:\n\n1. **Fork** el proyecto\n2. Crea una **rama** para tu feature (`git checkout -b feature/AmazingFeature`)\n3. **Commit** tus cambios (`git commit -m 'Add some AmazingFeature'`)\n4. **Push** a la rama (`git push origin feature/AmazingFeature`)\n5. Abre un **Pull Request**\n\n## 💡 Ideas para Futuras Mejoras\n\n- 🏆 Sistema de puntuación y estadísticas\n- 🎵 Efectos de sonido\n- 🌙 Modo oscuro/claro\n- 📊 Historial de partidas\n- 🎨 Temas visuales personalizables\n- 🔄 Modo online multijugador\n- 📱 App móvil con PWA\n\n## 📄 Licencia\n\nEste proyecto está bajo la Licencia MIT. Ver el archivo `LICENSE` para más detalles.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falberto2005-coder%2F3-en-raya","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falberto2005-coder%2F3-en-raya","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falberto2005-coder%2F3-en-raya/lists"}