Crear en familia: vuestra pequeña sala recreativa, con tres puertas para jugar

Ya tenemos varios juegos. Ahora imaginad una entrada con dos puertas: una lleva a las estrellas y otra al robot. ¿Y si pudierais ponerle un nombre a ese lugar y añadir una tercera puerta?

Hoy vamos a preparar una pequeña sala recreativa que vive en una carpeta del ordenador. Nos servirá para aprender algo sencillo y muy útil: un enlace tiene que llevar a alguna parte, y también necesitamos saber volver.

Portada original generada con IA. Es una ilustración; los juegos imaginados en el portátil no son las pantallas del ejemplo. Las imágenes siguientes sí son capturas reales.

Qué vamos a conseguir

Una sala llamada Sala Cometa, con colores violetas y tres enlaces grandes: Detective de estrellas, Robot de colores y Memoria de dibujos. Cada juego tendrá un enlace Volver a la sala. Al terminar conservaremos nuestra versión en un archivo, junto a los juegos que necesita.

Este resultado se abrió desde una descarga real, sin conexión. El nombre, los colores y las tres puertas siguen ahí.

Los juegos proceden de Detective de errores, Robot de colores y Memoria de dibujos. Aquí los reunimos y añadimos la vuelta a la sala. No son tres juegos nuevos ni tenéis que completar esos tutoriales: el descargable trae todo lo necesario.

Antes de empezar: para el adulto

• Edad y compañía: pensado para niños de 10–14 años con un adulto. El niño elige, juega y comprueba. El adulto revisa las condiciones del navegador, descarga, extrae y organiza las copias. No hay registro de jugadores ni datos de menores.
• Equipo: un ordenador con navegador ya instalado y autorizado, teclado o ratón. Hemos probado Chrome en macOS; no se ha probado este taller en Windows ni en un teléfono físico. En el centro, respetad sus restricciones: si no permite ejecutar archivos locales, usad la ficha en papel.
• Cuentas y edades: el ejercicio local no pide una cuenta de Google, Microsoft ni de IA. La edad para gestionar una cuenta de Google en España es 14 años; esa regla sobre cuentas no es una edad universal del juego ni una invitación a abrir una. Revisad las condiciones de Chrome y las condiciones de Google para España si usáis ese navegador. No prestéis cuentas ni inventéis una fecha de nacimiento.
• Coste y cuotas: a fecha de revisión, el ejemplo usa archivos del ordenador y no consume cuotas de alojamiento, modelos de IA ni almacenamiento cloud. No necesita tarjeta ni contratación. Esto no incluye el coste del equipo o la conexión inicial, ni promete que los servicios externos mantengan sus condiciones.
• Privacidad y licencias: usad un nombre inventado. Nada de apellidos, fotografías, colegio o clasificaciones de personas. El código y los dibujos originales del ejemplo tienen licencia MIT, incluida en el ZIP; no concede derechos sobre el navegador o sus marcas. El ejemplo no envía solicitudes remotas; eso no equivale a desactivar las comunicaciones propias del navegador.
• Tiempo: podéis repartirlo en dos ratos de unos 15–20 minutos: primero entrar y volver; después diseñar y guardar. Parar antes también vale.

Descargar la sala completa · Abrir el ejemplo

Para personalizar y conservar la copia, seguid la ruta del ZIP. El ejemplo abierto en una web no se actualiza al guardar un archivo en vuestro ordenador.

Misión 1. Entrar y encontrar el camino de vuelta

Paso 1. Descargad la carpeta de juegos

El adulto pulsa Descargar la sala completa. Buscad sala-recreativa.zip en Descargas. Un ZIP es un paquete: necesitamos sacar su contenido antes de jugar. No hace falta instalar nada.

Paso 2. Sacad todos los archivos del paquete

En Windows, botón derecho sobre el ZIP → Extraer todo. En Mac, doble clic sobre el ZIP. Las instrucciones se han contrastado en las ayudas de Microsoft y Apple; no son capturas de esos menús ni una prueba en Windows.

Abrid la carpeta extraída. Veréis sala.html, estrellas.html, robot.html, memoria.html, estilo.css, juego.js y cuatro documentos de ayuda y licencia. Dejadlos juntos. El adulto conserva una copia de esa carpeta como original y prepara otra como mi-sala, donde trabajaremos.

Paso 3. Abrid la entrada

Dentro de mi-sala, abrid sala.html con el navegador autorizado. Si aparece un editor de texto, el adulto puede usar Abrir con y elegir el navegador. No copiéis el contenido en un buscador.

Aparecerá Sala Estrella, con dos tarjetas grandes. Esa es nuestra entrada.

De momento hay dos puertas. La tercera está disponible para añadirla después.

Paso 4. Entrad a las estrellas

Pulsad Entrar a las estrellas. La sala deja paso a una página con tres estrellas. Eso es navegar: un enlace ha abierto otro archivo de la misma carpeta.

Si preferís teclado, pulsad Tabulador hasta enfocar la primera tarjeta y después Intro. No hay que acertar con el ratón en una palabra pequeña: la tarjeta completa es el enlace.

Paso 5. Recoged las tres

Pulsad una estrella y mirad el marcador: 1 de 3. Pulsad las otras dos. Al terminar aparece ¡Encontradas las tres!. No hay reloj; podéis observar cada cambio con calma.

La parte de arriba ofrece el camino de vuelta. El mensaje del juego confirma que habéis encontrado las tres.

Paso 6. Volved a la entrada

Pulsad Volver a la sala, en la parte superior. Debe reaparecer Sala Estrella. Ya hemos comprobado una puerta en los dos sentidos. En la ficha podéis marcar «abre» y «vuelve» para las estrellas.

Paso 7. Probad la puerta del robot

Entrad al robot. Usad sus botones de flechas para dar cuatro pasos a la derecha, cuatro hacia abajo y cuatro a la izquierda. Cada tramo encuentra una estrella y el marcador termina en 3 de 3. Para usar el teclado, pulsad antes sobre el tablero y después las flechas.

Hoy no necesitamos su panel de colores ni abrir un editor externo. Volved a la sala con el enlace superior. Aquí podéis parar: las dos puertas ya funcionan.

Misión 2. Una entrada que parezca vuestra

Paso 8. Abrid el pequeño taller

En la sala, pulsad Diseñar mi sala. Se desplegarán un nombre, una lista de colores, una casilla y dos botones. Solo vamos a cambiar la entrada; no las reglas de los juegos.

Paso 9. Inventad un nombre

Borrad Sala Estrella del campo y escribid Sala Cometa. Podéis elegir otro nombre ficticio de hasta 32 caracteres. Antes de seguir, decid en voz alta qué esperáis ver en el título.

Paso 10. Elegid los colores

En Colores de la sala, elegid Espacio · violeta. Los nombres ayudan a elegir sin copiar códigos. Si preferís turquesa, está Bosque; para tonos teja, Sol.

Paso 11. Añadid una puerta

Marcad Añadir la puerta de Memoria de dibujos. El juego ya está incluido en la carpeta; la casilla decide si aparece su enlace en nuestra entrada.

Comprobad las tres elecciones. Todavía falta pulsar «Ver mis cambios».

Paso 12. Mirad vuestra sala

Pulsad Ver mis cambios. Deben aparecer el nuevo nombre, los detalles violetas y la tercera tarjeta. Podéis cerrar Diseñar mi sala para ver la entrada completa.

Ver el cambio en pantalla no significa que el archivo del ordenador haya cambiado. Aún vamos a guardarlo.

Paso 13. Entended qué acabáis de cambiar

HTML organiza el título y los enlaces. CSS da forma, separación y color. JavaScript recoge nuestras elecciones y prepara la descarga. El pequeño taller nos permite probar esas piezas sin escribir código hoy.

Un enlace de nuestra sala tiene esta forma:

<a href="estrellas.html">Entrar a las estrellas</a>

El texto nos dice adónde ir; href indica qué archivo abrir. Como no aparece una dirección de internet completa, el navegador lo busca tomando como referencia la ubicación de la sala. Por eso conservamos la carpeta. Podéis ampliar esta idea en la guía de enlaces de MDN.

Misión 3. Guardar algo que podamos recuperar

Paso 14. Solicitad la copia

Abrid de nuevo Diseñar mi sala y pulsad Guardar mi sala. El navegador solicitará descargar sala.html con el diseño aplicado. Si pregunta dónde guardarla, el adulto elige una ubicación que pueda reconocer. No concedáis permisos generales sobre el disco.

El mensaje avisa de una solicitud. Comprobad también que el archivo existe en Descargas; la pantalla por sí sola no demuestra que se haya guardado.

Paso 15. Colocadla junto a los juegos

Este paso lo hace el adulto. Buscad el archivo descargado y movedlo a mi-sala, sustituyendo únicamente sala.html de esa copia de trabajo. La carpeta original se conserva aparte.

Si el navegador ha añadido un número, como sala (1).html, renombrad esa descarga a sala.html dentro de mi-sala. Conservad la extensión .html, sin añadir .txt. Es importante: los enlaces de vuelta de los juegos esperan ese nombre exacto. No sustituyáis archivos en otras carpetas.

Paso 16. Cerrad y comprobad la copia

Cerrad la pestaña anterior. Abrid sala.html desde mi-sala, donde están también los juegos. Comprobad Sala Cometa, violeta y tres tarjetas. Esta vez estáis leyendo la copia guardada.

Si veis dos puertas, quizá habéis abierto el original o no habéis sustituido el archivo correcto. No hace falta repetir todo el taller: revisad la carpeta y el nombre con el adulto.

Paso 17. Estrenad la tercera puerta

Entrad a Memoria de dibujos y pulsad Jugar con mis dibujos. Dad la vuelta a dos cartas. Si son distintas, pulsad Tapar y seguir; si coinciden, quedan descubiertas. Seguid hasta completar las parejas. No hay límite de tiempo ni de intentos.

El número de intentos cambia según las cartas que elijáis. No hay que reproducir el de la captura.

Paso 18. Comprobad los tres regresos

Usad Volver a la sala y comprobad que sigue llamándose Sala Cometa. Repetid la ida y vuelta con las otras dos puertas y marcad las tres filas de FICHA.txt. El juego empieza una partida nueva cuando volvéis a entrar; la sala no guarda puntuaciones.

Si dibujáis tarjetas nuevas en Memoria, utilizad su propio botón Guardar dibujos antes de salir. Guardar la sala no guarda esos dibujos. La primera prueba puede hacerse con los dibujos incluidos.

Paso 19. Elegid un cambio pequeño más

Podéis cambiar solo el nombre o probar Sol · teja. Pulsad Ver mis cambios, Guardar mi sala y repetid la colocación y reapertura con el adulto. Antes de guardar, predecid qué cambiará. Después, comprobadlo.

Si no queréis volver a mover archivos hoy, dejad el segundo cambio para mañana. No hace falta hacer todos los retos.

Paso 20. Guardad la carpeta completa

Conservad mi-sala con sus cuatro páginas y los archivos de Memoria. Una entrada sin sus juegos es como un mapa sin lugares a los que llegar. La copia original permite empezar de nuevo si os confundís; no es un historial automático ni una copia en internet.

Anotad en la ficha qué archivo abriréis mañana: sala.html, dentro de mi-sala. Ya tenéis vuestra pequeña colección.

Si algo no sale

Lo que veis	Qué podéis comprobar
El juego abre, pero faltan colores o no responde	Extraed el ZIP entero. Memoria necesita también estilo.css y juego.js en la misma carpeta.
Una puerta dice que no encuentra el archivo	Colocad la sala descargada junto a los juegos. No cambiéis sus nombres.
Volver abre la sala antigua	Revisad que la copia nueva se llame exactamente sala.html dentro de mi-sala. Cerrad la pestaña antigua y abrid el archivo correcto.
Mi título ha desaparecido al recargar	Ver mis cambios solo cambia la pestaña. Guardad y abrid la copia descargada.
El nombre no se aplica	Escribid algo que no sean solo espacios y no supere 32 caracteres.
He perdido la partida al salir	La navegación abre otra página. Esta colección no conserva partidas; podéis empezar otra.
El centro bloquea archivos locales	No saltéis la restricción. Dibujad las tres puertas en papel y usad la ficha para indicar sus destinos y regresos.

Si queréis ayuda de la IA

No hace falta para completar el taller. El adulto puede copiar este mensaje en una herramienta que ya tenga autorizada y cuyas condiciones y edad admita el uso previsto. El prompt está preparado, no enviado ni probado con un modelo. Si la herramienta pide pagar o registrarse, podéis continuar con la ficha.

Tengo una copia local del ejemplo Sala recreativa T18.
Quiero entender por qué sala.html encuentra estrellas.html
solo si están en la carpeta esperada.
Explícalo con tres frases y un dibujo de carpetas.
No ejecutes nada, no publiques, no pidas cuentas
y no accedas a archivos personales. No me des comandos.

El descargable incluye otro mensaje para proponer una cuarta puerta, con revisión adulta antes de modificar nada. Un prompt no concede permisos ni los sustituye.

Tres retos para otro rato

• Muy pequeño: inventad un nombre nuevo, guardad y comprobad que se conserva al reabrir.
• De detectives: en una copia de práctica, el adulto mueve solo la sala a una carpeta vacía. Predecid qué puertas fallarán; después devolved el archivo junto a los juegos y comprobad que vuelven a funcionar. No borréis nada.
• De diseño: dibujad una cuarta puerta en papel. ¿Qué texto explicaría bien adónde lleva? Todavía no hace falta construir otro juego.

Descargar la sala, la ficha y los mensajes opcionales · Ver toda la serie Crear en familia

Qué se ha comprobado

Recorrido local en Chrome 153.0.8010.53 sobre macOS 27.0.1, sesión aislada y archivos sin conexión: enlaces de teclado, nombre y paleta, tercera puerta, descarga real y recuperación, tres victorias y reinicios, regresos y rechazo de nombre vacío. El juego no produjo errores JavaScript ni solicitudes HTTP/HTTPS durante las pruebas. Se revisaron vistas de 390 × 844 y 844 × 390; el tacto fue emulado, sin teléfono físico. No se ha realizado una prueba con una familia, lector de pantalla o Windows.

Fuentes oficiales consultadas el 20 de octubre de 2026: enlaces HTML, elemento a y descarga, archivos Blob para la copia, extracción en Windows, extracción en Mac, condiciones de Chrome, condiciones de Google en España y edades para cuentas. Las condiciones e interfaces pueden cambiar; las pruebas describen esta versión, no todos los equipos.