JUEGO DE MEMORIA TIPO 1

Este primer juego consta de los siguientes elementos:

El archivo de ejecución memoria.htm

Varias carpetas con las imágenes del juego y los datos que aprenderás a modificar en este manual:

Una carpeta de datos con los siguientes archivos de texto:

A continuación veremos cómo modificar el archivo ficheros y el archivo temas.

Paso 1. Añadir un nuevo tema.

Abre el archivo llamado ficheros. Observa que tiene los siguientes datos: un número que indica la cantidad de temas del juego, y las expresiones que señalan las carpetas creadas. Nuestra tarea es añadir un nuevo tema; entonces cambiamos el número y agregamos la expresión '/imagenesn/', donde n es igual al nuevo número de carpetas (observa en la siguiente imagen el cambio al ingresar un nuevo grupo de imágenes). Guarda el archivo modificado.

Ahora, abre el archivo temas e incluye el nombre del nuevo tema. No exageres en la longitud de la expresión:

Paso 2. Las nuevas imágenes.

Cada carpeta de imágenes posee un total de 21 archivos: img0.png, img1.png,… img20.png. La imagen 0 es de un tamaño no superior a los nueve centímetros (uno 500 pixeles): Las 20 imágenes siguientes son de un tamaño máximo de 2x2 (en centímetros) o de 120x120 (en pixeles). Si bien el juego sólo usa ocho imágenes por tema, el uso de una base de 20 nos permite una presentación de grupos diferentes de parejas en un mismo tema. Ahora, desenredemos lo de los tamaños de las imágenes:

La cuarta carpeta referida al tema de autos, la podemos construir así: En un buscador de Internet consultamos la siguiente expresión autos 300x300 (En España sería coches 300x300). Si usas Google, activa la opción imágenes. Para una mejor presentación es preferible que las imágenes sean cuadradas, por ello lo de 300x300, además de ser un tipo de imagen común. Puedes ensayar, también, con 150x150 o 250x250.

Para crear las imágenes de tamaño 120x120, utilizaremos como herramienta el editor de Descartes (gracias Solín por la idea). El procedimiento es el siguiente: i) Creas un archivo con el nombre que quieras (generador_120x120, por ejemplo). ii) Agregas una escena Descartes 4. iii) Desactivas los botones. iv) Cambias el tamaño de la escena a 120x120, desde la opción código (observa la imagen anterior; recuerda, además, de hacer clic en aceptar para hacer efectivo el cambio de tamaño). v) En la opción gráficos, insertas la imagen que deseas crear (auto1.jpg, para este ejemplo). Usa (0, 0, 1, 1) en la casilla de expresión, esto significa que la imagen estará centrada en el origen y su tamaño es el mismo de la imagen original (observa la imagen de abajo). Lo normal es que nuestra imagen sea mayor al tamaño de 120x120; por ello, debes reducir su tamaño utilizando la casilla de expresión; para nuestro ejemplo, la reducción fue del 40%, con una expresión igual a (0, 0, 0.4, 0.4).

Finalmente, vi) exportas la escena a png. Sí es nuestra primera imagen, asegúrate de escribir img1.png (es importante incluir la extensión, Descartes no lo hace por defecto).

Sigue este procedimiento con el resto de imágenes.

A continuación podrás observar el puzle

Esta unidad interactiva requiere la máquina virtual de Java J2RE.