🎮 PSEUDOMORPH

Un juego educativo interactivo para aprender programación a través de la manipulación visual de patrones.

🎨 Paleta de Colores

El proyecto utiliza una paleta de colores inspirada en circuitos tecnológicos:

• Cyan Primary: #00d4ff - Color principal para UI y elementos destacados
• Cyan Dark: #0099cc - Variante oscura del cyan
• Red Primary: #ff3366 - Color para errores y elementos críticos
• Red Dark: #cc1a47 - Variante oscura del rojo
• Green Primary: #00ff88 - Color para éxito y elementos positivos
• Green Dark: #00cc6a - Variante oscura del verde
• Background Dark: #0a0a0a - Fondo principal oscuro
• Background Panel: #1a1a1a - Fondo de paneles
• Background Light: #2a2a2a - Fondo claro alternativo

🚀 Características

• Analizador Léxico y Sintáctico: Implementación completa de un parser para el lenguaje Pseudomorph
• Interfaz Visual Interactiva: Tableros de juego con retroalimentación visual en tiempo real
• Editor de Código Integrado: Escribir y ejecutar código directamente en el navegador
• Sistema de Validación: Comprueba si tu código genera el patrón correcto
• Efectos Visuales: Diseño futurista con efectos de neón y circuitos

🎯 Cómo Jugar

1. Escribe tu código en el editor usando el lenguaje Pseudomorph
2. Presiona "Ejecutar" para ver tu código en acción
3. Presiona "Comprobar" para validar si completaste el patrón objetivo
4. Presiona "Reiniciar" si quieres empezar de nuevo

💻 Lenguaje Pseudomorph

Configuración

tablero(tamaño);

Colores Disponibles

• ROJO
• AZUL
• VERDE
• NEGRO
• BLANCO

Funciones de Pintado

PintarTablero(color);
PintarFila(fila, color);
PintarColumna(columna, color);
PintarCelda(fila, columna, color);

Variables

miColor = ROJO;
PintarCelda(1, 1, miColor);

Estructuras de Control

while (condicion) {
    // código
}

📦 Instalación

1. Clona o descarga el repositorio
2. Abre una terminal en el directorio del proyecto
3. Ejecuta un servidor local:

   python3 -m http.server 8080
   

4. Abre tu navegador en http://localhost:8080

🛠️ Tecnologías

• HTML5
• CSS3 (Grid, Flexbox, Animaciones)
• JavaScript Vanilla (ES6+)
• Analizador Léxico y Sintáctico personalizado

📖 Ejemplo - Nivel 1

tablero(3);
miColor = ROJO;
PintarCelda(1, 1, miColor);

Este código crea un tablero de 3x3 y pinta la celda central de rojo.

🎓 Objetivos Educativos

• Introducir conceptos de programación de forma visual
• Enseñar sintaxis básica de lenguajes de programación
• Desarrollar pensamiento lógico y resolución de problemas
• Familiarizar con estructuras de control y variables

📄 Licencia

Este proyecto es de código abierto y está disponible para propósitos educativos.

---

Desarrollado con ❤️ para hacer la programación más divertida y accesible