Aprende a programar
jugando con bloques

Programa un robot en un mundo de bloques. Construye secuencias, bucles, condicionales y funciones — y ve el código Python real que genera cada instrucción.

🎮 7 niveles🔁 Bucles❓ Condicionales📦 Funciones🐍 Python en vivo📖 Cheatsheet

Primeros pasos

Secuencias

Lleva al robot 🤖 hasta la estrella ⭐. Usa avanzar y girar.

🧱 Bloques

📋 Mi programa

🤖

Haz clic en los bloques para programar

🤖
💎 0/0📍 (2,0) E
🤖RobotMeta💎GemaMuro
🐍 Python generado
1# Código Python generado por CodeCraft
2from nativosia import Personaje
3
4personaje = Personaje()
5

Conceptos de programación reales

📝

Secuencias

El orden de las instrucciones importa. Los ordenadores ejecutan línea a línea.

🔁

Bucles

for i in range(N). DRY: Don't Repeat Yourself.

Condicionales

if/else: el programa decide según las condiciones del entorno.

📦

Funciones

def mi_funcion() agrupa código reutilizable. Programación modular.

Hazlo tú mismo con IA

✍️ Cómo recrear esta herramienta paso a paso

5 prompts en orden para ChatGPT, Claude o Gemini. Cada paso construye sobre el anterior — terminas con tu propio juego educativo de programación.

Crea una herramienta educativa en un único archivo HTML+CSS+JS para enseñar programación a niños.

Incluye:
- Tablero 5×5 con casillas tipo bloque 3D (efecto diorama con box-shadow)
- 4 tipos de celda: suelo verde, muro marrón, gema 💎 y meta ⭐
- Personaje robot 🤖 con indicador de dirección (↑ → ↓ ←)
- Fondo verde selva oscuro. Bloques con volumen y sombras.

Estilo: colorido, educativo, 3D ortogonal tipo diorama. Sin librerías externas.

💡 Consejo: Trabaja en un único index.html. En cada paso, pega tu código actual y di: "Tengo este código, añade lo del paso siguiente sin borrar nada:"