Hacer juegos con Claude
No necesitas saber programar ni dibujar. Tú pones las ideas y pruebas el juego. Claude escribe el código. Aquí aprendes a hacerlo bien y sin quemar tus créditos.
Este minijuego es una página web normal. En la sección El código tienes una versión de 80 líneas para hacer el tuyo.
Dónde hacer tus juegos
Lo que importa es cuánto trabajo puede hacer Claude por ti en cada sitio. Cuanto más haga él, menos mensajes necesitas y menos créditos gastas.
HTML y JavaScript. Se juegan en el navegador.
Para probar ideas rápido. En una o dos sesiones sabes si tu idea es divertida y tienes un enlace para pasárselo a tus amigos.
Scripts en Luau. Juegos 3D con público enorme.
Para las ideas que ya funcionan. Sobre todo si son multijugador o en 3D. Tú montas el mapa y pegas los scripts.
Bloques visuales. Pensado para aprender.
Los bloques no están hechos para una IA. Cada cambio obliga a trabajar con un archivo enorme.
Soul Keznit 2 ya es un proyecto serio. Pero con ese tamaño, pedir cualquier cambio en Scratch sale caro. Si quieres seguir con él, lo mejor es rehacerlo como juego web y aprovechar tus dibujos.
Ahorra créditos
Esto es lo más importante de toda la página. Claude no recuerda la conversación por su cuenta: con cada mensaje vuelve a leerla entera. Por eso, cuanto más larga es la conversación, más cuesta cada mensaje nuevo.
Una conversación para cada tarea. "Añadir el doble salto" es una conversación. "Hacer el menú" es otra.
Si empiezas de cero, el primer mensaje de la conversación nueva cuesta como el mensaje 1, no como el 40.
Para que Claude no pierda el hilo entre conversaciones, deja por escrito el estado del juego en PROGRESO.md. Abajo te explicamos cómo hacer que lo haga solo.
En la terminal: /clear empieza de cero y /compact resume la conversación. Tu gasto está en claude.ai → Ajustes → Uso, o con /usage.
Pensar es gratis, pero pensar dentro del chat gasta créditos. Rellena la ficha de la idea en el móvil o en un papel, y después pégala entera en tu primer mensaje.
Un mensaje con 4 cambios en lista gasta mucho menos que 4 mensajes sueltos.
Si Claude tiene que adivinar lo que quieres, lo acabas pagando rehaciendo cosas.
Un cuadrado que se mueve y salta. Luego los enemigos. Al final los gráficos bonitos. Nunca todo el juego de golpe.
Pega el texto rojo entero y di qué esperabas y qué pasó. "No funciona" obliga a investigar a ciegas.
Claude lee este archivo al empezar cada sesión. Si ahí está explicado tu proyecto, no tiene que investigarlo cada vez. Déjalo en menos de 40 líneas.
Para cambios simples, como colores, textos o números, usa un modelo más barato (Sonnet o Haiku). Deja Opus para lo difícil: sistemas nuevos o bugs raros. En la terminal se cambia con /model, y en la app, con el selector de modelo.
"No me expliques el código, solo hazlo y dime cómo probarlo." Menos texto escrito, menos gasto.
Para cosas grandes, pide primero un plan de 8 pasos. Corregir un plan cuesta poco. Rehacer código cuesta mucho.
Cambiar la gravedad de 0.7 a 0.9 lo puedes hacer tú en el archivo. Es gratis y aprendes.
Guardar el progreso sin pensarlo
Claude apunta en una nota corta qué lleva hecho. Así, la próxima vez lee la nota y no todo el juego. Gastas menos.
Cópialo y pégaselo a Claude una vez. Ya está: desde ahí lo hace solo.
Añade esto a CLAUDE.md (si no existe, créalo corto): ## Guardar el progreso - Al terminar cada tarea, actualiza PROGRESO.md sin que te lo pida: qué está hecho, qué falta y qué falla. Máximo 20 líneas; borra lo viejo. - Después haz commit y push. - Al empezar, lee PROGRESO.md y no revises todo el proyecto si no hace falta. Crea también PROGRESO.md con el estado actual del juego.
No tienes que escribirla tú. Solo mírala si quieres saber por dónde vas.
## Hecho - El jugador se mueve y salta. - Pinchos y reinicio al morir. ## Siguiente - Doble salto. - Pantalla de inicio. ## Falla - A veces atraviesa el suelo si cae muy rápido.
Acabas algo, abres conversación nueva y empiezas con esto:
Lee PROGRESO.md y haz: [lo siguiente de la lista]. Sin explicaciones.
¿Se le olvidó? Dile: "guarda el progreso".
Tu primer juego web
Este es el orden que gasta menos. Cada paso tiene el mensaje exacto para copiar y pegar.
Antes de hablar con Claude. La parte más importante es la versión mínima: entre 3 y 5 cosas, no más.
NOMBRE: PLATAFORMA: web 2D EN UNA FRASE: (ej: plataformas oscuro donde eres un alma que escapa) MECÁNICA PRINCIPAL: (lo que haces el 90 % del tiempo: saltar, disparar...) CONTROLES: (ej: flechas para moverte, espacio para saltar, shift para dash) CÓMO SE GANA: CÓMO SE PIERDE: VERSIÓN MÍNIMA (lo primero que quiero ver funcionando): - - - LO QUE VIENE DESPUÉS (no hacer todavía): - ESTILO VISUAL: (ej: pixel art oscuro, formas simples de colores)
Con formas de colores en vez de dibujos. Si el juego es divertido con cuadrados, lo será con gráficos bonitos. Si no lo es, te has ahorrado los dibujos.
Quiero hacer este juego web 2D con HTML y JavaScript. Aquí va la ficha: [pega la ficha] Haz SOLO la versión mínima, con formas simples de colores. Crea también CLAUDE.md (corto) y PROGRESO.md. Pruébalo tú en el navegador y, cuando funcione, haz commit y push. No me expliques el código.
Juega 5 minutos y apunta todo lo que cambiarías. Después mándalo todo en un solo mensaje, con números concretos.
Haz estos cambios, sin explicaciones: 1. Jugador un 15 % más rápido. 2. Pinchos de color rojo. 3. Al morir, reiniciar el nivel en 1 segundo en vez de 3. 4. Contador de muertes arriba a la izquierda.
Al terminar cada sesión, pide que apunte en qué punto está el juego y que lo suba. Si la sesión se cierra sin push, pierdes el trabajo. La siguiente conversación empieza leyendo PROGRESO.md y no tiene que investigar nada. Haz que lo haga solo.
Actualiza PROGRESO.md con lo que hemos hecho y lo siguiente que falta. Luego haz commit y push.
Súbelo gratis a Cloudflare Pages y tendrás un enlace como tu-juego.pages.dev para pasárselo a quien quieras. Lo tienes paso a paso en Publicar.
El código
No hace falta que programes, pero entender esto te ayuda a pedir las cosas mejor y a entender lo que hace Claude.
¿Ha pulsado espacio? Entonces el alma salta.
saltar()Mover cosas, aplicar la gravedad y comprobar si te has chocado con algo.
actualizar()Borrar la pantalla y pintarlo todo en su nueva posición.
dibujar()y vuelta a empezar, unas 60 veces por segundo
index.html.El minijuego de arriba funciona igual, pero con algunos efectos más: el brillo, la estela, las partículas y el salto variable.
Así aprendes y no gastas créditos. Guarda el archivo y recarga el navegador después de cada cambio.
alma.vy = -13 por -16.alma.vy += 0.7 por 0.35.p.x -= 6 por 9. Los pinchos van más rápido."#ff453a" por "#30d158" y tendrás pinchos verdes.Publicar en Cloudflare
Cloudflare Pages aloja páginas web gratis. Un juego web es una página web, así que sirve igual. Necesitas tu propia cuenta, así que este paso lo das tú.
Perfecto para la primera vez. Subes la carpeta del juego a mano.
soul-keznit.pages.dev.index.html dentro, y pulsa Deploy site.Cloudflare cambia los nombres de los botones de vez en cuando. Si alguno no coincide, busca el que se parezca más.
Cada vez que Claude haga push, tu juego se actualiza solo en internet. No tienes que volver a subir nada.
index.html. Por ejemplo: sitio.Prepara el juego para Cloudflare Pages: todo lo necesario dentro de la carpeta /sitio, con index.html en la raíz de esa carpeta y rutas relativas. Haz commit y push.
Esta misma página está en tu repositorio, en sitio/index.html. Súbela a Cloudflare como primera prueba antes de subir un juego.
Comprime la carpeta en un .zip, súbela a itch.io y marca "This file will be played in the browser". Ahí hay jugadores buscando juegos indie.
Todo lo que está en la carpeta publicada lo puede ver cualquiera. No metas en ella claves, contraseñas ni datos personales.
Si trabajas en Roblox
Claude no puede ver ni tocar tu Roblox Studio. Escribe los scripts, tú los colocas y le cuentas qué pasa. Para gastar poco, pregunta siempre dónde va cada script.
Lo que decide el servidor: puntos, daño, guardar datos. Los jugadores no pueden hacer trampas con esto.
Lo que pasa en la pantalla de cada jugador: controles, cámara e interfaz.
Código compartido que usan varios scripts a la vez, como una tabla con los datos de las armas.
Menú View → Output. Cuando algo falle, copia el texto rojo entero y pégaselo a Claude.
Si el script busca workspace.Puerta, la pieza tiene que llamarse exactamente Puerta, con mayúscula incluida.
Algunos modelos gratis traen scripts escondidos (virus o backdoors). Antes de usar uno, mira si tiene scripts dentro y bórralos si no sabes para qué sirven.
Con Claude Code instalado en tu PC puedes usar el conector oficial de Roblox para Studio (MCP) o la herramienta Rojo. Así Claude ve y cambia el juego directamente, sin copiar y pegar.
Gráficos y sonidos
Pedirle a Claude que dibuje todo gasta mucho y el resultado suele ser simple. Descarga un pack gratis, mételo en la carpeta assets/ y dile: "usa los sprites de assets/".
Plantillas
Cópialos y cambia lo que está entre corchetes.
Lee PROGRESO.md. Quiero añadir: [cosa concreta]. Detalles: [números y comportamiento exacto]. No toques nada más.
Bug: cuando [lo que hago], pasa [lo que pasa], pero debería [lo que espero]. Error exacto: [pega el texto rojo] Arréglalo con el cambio más pequeño posible.
Antes de programar, dame un plan corto (máximo 8 pasos) para hacer [inventario / jefe final / tienda].
No escribas código todavía.
Hazme un script de Roblox para [lo que quiero].
Dime exactamente dónde lo pego (servicio y tipo de script) y cómo tienen que llamarse las piezas del mapa.
No me expliques el código.
He metido un pack de sprites en la carpeta assets/.
Cambia las formas de colores por esos sprites: [jugador = ..., enemigo = ..., suelo = ...].
No cambies nada de la jugabilidad.
Actualiza PROGRESO.md con lo que hemos hecho y lo siguiente que falta. Luego haz commit y push.
En resumen