El Juego de la Vida hecho en... DHTML

Gamoliyas fue mi noveno juego íntegramente en DHTML (JavaScript, CSS y HTML) que hice después del Hundiyas. Se trata del juego de la vida de John Conway ("John Conway's Game of Life").

Para quien no conozca el juego, puede leer sobre él en la wikipedia: http://es.wikipedia.org/wiki/Juego_de_la_vida

Mientras el juego está en marcha, siempre que no se haya especificado lo contrario (en Guardar mundo), se pueden crear (pintar) más individuos con el botón izquierdo del ratón.
Para borrar, se debe utilizar el botón derecho del ratón o el izquierdo mientras se pulsa una de estas teclas: Control, Backspace, Suprimir, D, E o 0 (útil para Opera que no detecta el botón derecho del ratón). También es posible borrar haciendo doble click encima de una casilla (sí, en Opera también).

El juego es muy configurable, pudiendo hacer un mundo esférico y de distintos tamaños. También se puede modificar la velocidad de los ciclos, verse en color (según los vecinos de cada individuo), guardar mapas y volver a cargarlos, etc.

Al guardar un mapa se pueden elegir otras opciones (como ocultar el menú de opciones y otras cosas, reproducir automáticamente nada más carguemos, etc). Esto genera una URL que la podemos guardar para visitar luego o bien la podemos poner en el diálogo que sale al apretar la opción de Cargar mundo y así no tenemos que recargar la página del juego: esta opción descompone la URL y aplica las opciones elegidas y visualiza el mundo correspondiente.

Y ahora viene el punto fuerte: estas mismas URL que se generan al guardar sirven también para insertar el juego en otras páginas (educativas, por ejemplo) mediante un iframe o mediante otra técnica que se prefiera. Podéis utilizar el juego en vuestra página sin ningún compromiso, siempre que sea respetando el nombre de autor.
Para más información de cómo utilizar el juego en otras páginas podéis visitar http://www.granvino.com/jam/stuff/juegos/gamoliyas/spanish/ejemplo.htm (en inglés en http://www.granvino.com/jam/stuff/juegos/gamoliyas/english/ejemplo.htm)

Puede jugarse en línea en http://www.granvino.com/jam/stuff/juegos/gamoliyas/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/gamoliyas/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://gamoliyas.sourceforge.net/

Un "Hundir la flota"... sí, en DHTML

Hundiyas fue mi octavo juego íntegramente en DHTML (JavaScript, CSS y HTML) que hice después del Conectayas.

Se trata del juego de "los barquitos" o "los barcos", tambien conocido como "Hundir la flota", "Tocado y hundido" o "Batalla naval".

Pero la diferencia es que se pueden modificar muchos parámetros con el menú de opciones: dificultad, alto y ancho del tablero, poder poner barcos adyacentes (unos junto a otros), etc.

Se juega contra el ordenador. La "inteligencia" de éste vendrá dada por el nivel de dificultad escogido. Aunque parezca un juego sólo de suerte, en realidad es también un juego de inteligencia.

Lo primero que se debe hacer es colocar tus barcos (haciendo click en ellos, no arrastrándolos) en tu panel, que es el de la izquierda. Una vez colocados pueden volver a moverse volviendo a hacer click en ellos y eligiendo su nuevo emplazamiento. Cuando se coloquen todos, se debe dar al botón de "Comenzar batalla" que aparecerá donde inicialmente estaban los barcos. Entonces comienza a bombardear el primer jugador y luego el oponente... así rodo el rato, por turnos. El jugador que bombardea primero también puede ser configurado en el menú de opciones. Se debe bombardear en el panel de la derecha, que aunque no se vean es donde se encuentran los barcos del oponente. Gana quien consigue eliminar todos los barcos del oponente sin que le eliminen todos los suyos.

Puede jugarse en línea en http://www.granvino.com/jam/stuff/juegos/hundiyas/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/hundiyas/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://hundiyas.sourceforge.net/

Un Conecta-4 que se transforma en un 3 en raya y en más juegos similares... por supuesto, con DHTML

Conectayas fue mi séptimo juego íntegramente en DHTML (JavaScript, CSS y HTML) que hice después del Buscayasminas.

Conectayas es un juego muy configurable que puede convertirse en un Conecta cuatro, un Tres en raya (Tic-Tac-Toe o gato) y en muchos más juegos similares mediante el menú de opciones.

Con el menú de opciones podremos configurar, entre otras cosas, el alto y ancho del tablero, las fichas necesarias para ganar y la gravedad (si ésta está activada, las fichas caen como en el Conecta-4 y si no se quedan en el hueco donde las dejas al estilo del 3 en raya).

Se puede jugar contra el ordenador o contra otra persona de forma local (por turnos, claro).

Al principio puede ser difícil ganarle al ordenador pero cuando se coge el truco ya es más fácil.

Puede jugarse en línea en http://www.granvino.com/jam/stuff/juegos/conectayas/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/conectayas/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://conectayas.sourceforge.net

Un Buscaminas muy configurable en tu navegador... ¡también con DHTML!

Buscayasminas es mi sexto juego íntegramente en DHTML (JavaScript, CSS y HTML) y es el siguiente juego con esta tecnología que hice después del Yasminoku.

El Buscayasminas es un clon del Buscaminas que viene en las diferentes versiones del sistema operativo Windows pero haciendolo más configurable grácias a su menú de opciones: se puede fijar un límite de tiempo, por ejemplo.

El botón derecho se puede utilizar para poner banderas (marcar minas) en Internet Explorer, Netscape, Mozilla/Mozilla Firefox, etc. pero en Opera (al menos en su versión 9 y anteriores, con la configuración por defecto) deberemos hacer click con el botón izquierdo del ratón mientras pulsamos la tecla Control (o Alt, o Mayus...).

El juego ha sido traducido a diversos idiomas por diversos usuarios de alrededor del mundo. De esto ya os hablaré otro día ;)

Puede jugarse en línea en http://www.granvino.com/jam/stuff/juegos/buscayasminas/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/buscayasminas/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://buscayasminas.sourceforge.net

Un Sudoku... ¡con más DHTML!

Yasminoku es el juego en DHTML (JavaScript, CSS y HTML) que hice después del Yasminuroban y se trata de un juego de Sudoku.

El juego puede generar sudokus con la cantidad deseada de números iniciales que luego has de resolver y darle al botón "Validar" para comprobar que estén bien resueltos. A veces tienen más de una solución.
También se le puede insertar un sudoku, por ejemplo uno que hayamos visto en un periódico, y hacer que lo resuelva.

Para mayor facilidad puede utilizarse el teclado para cambiar de número en lugar de hacer click en ellos.

El juego ha tenido bastante repercusión (y sigue teniendola). Ha sido traducido en varios idiomas (incluido el chino) por otras personas y utilizado en otras webs. E incluso le han dedicado dominios exclusivamente para él. Pero de eso ya os hablaré otro día :)

Puede jugarse en línea en http://www.granvino.com/jam/stuff/juegos/yasminoku/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/yasminoku/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://yasminoku.sourceforge.net

Un Sokoban en el navegador web... ¡y dale con el DHTML!

Yasminuroban es el juego en DHTML (JavaScript, CSS y HTML) que hice después del Tetríssimus y se trata de un clon del juego japonés "Sokoban" (también conocido como "Warehouse Keeper" o "Boxes", entre otros nombres). Podéis encontrar más información sobre este juego aquí.

Se utilizan las flechas del teclado para poder manejarlo (aunque el editor de niveles hace uso del ratón).

Permite volver atrás los pasos necesarios, deshaciendo movimientos, y también lo contrario, rehacer movimientos. Incluye un contador de movimientos para saber cuántos hemos realizado. Si nos hemos equivocado demasiado podemos reiniciar el nivel por completo.

Para poder elegir nivel, incluye un selector de niveles. Los niveles impares son sacados del Sokoban y los pares son de cosecha propia.

Pero Yasminuroban es más que un simple clon del Sokoban: también incluye un editor de niveles. Se trata del primer editor de niveles escrito en DHTML (más información en http://www.gameinnovation.org/index.php/Yasminuroban). Este editor de niveles permite crear tus propios niveles y jugarlos (también editar los niveles ya existentes en el juego) u obtener su código para ponerlos dentro del juego o de otro juego tipo Sokoban.

Puede jugarse en línea en http://www.granvino.com/jam/stuff/juegos/yasminuroban/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/yasminuroban/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://yasminuroban.sourceforge.net

Un Tetris en el navegador web... más DHTML

"Tetríssimus" es mi tercer juego íntegramente en DHTML (JavaScript, CSS y HTML), sin utilizar PHP para nada.

Es un sencillo clon del Tetris que se maneja con las flechas del teclado y que se pueden rotar las piezas en dos sentidos: hacia la izquierda (teclas shift, espacio, insert o...) o hacia la derecha (flecha arriba, control, intro o...).

Cada seis líneas se sube de nivel y a cada nivel nuevo las piezas todavia van más deprisa (en los primeros niveles cuesta apreciarlo). Hay niveles infinitos.

El algoritmo de rotación de las piezas, que utiliza para rotar las matrices que guardan a éstas, seguramente no sea el mejor pero lo idee yo mismo porque no lo encontraba en ninguna parte. Funciona perfectamente para matrices de cualquier tamaño y tanto para rotar hacia la izquierda como hacia la derecha.

El juego tiene algunos bugs como cuando se rota la pieza cerca del suelo y esta se eleva (aun siendo un cuadrado) o bien cuando las piezas se solidifican demasiado temprano al chocar con otras ya puestas, sin dar tiempo a moverla.

Podéis probar el juego en línea en http://www.granvino.com/jam/stuff/juegos/tetrissimus/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/tetrissimus/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://tetrissimus.sourceforge.net

El clásico Pong en el navegador web... también con DHTML

"PunkPong" es mi segundo juego íntegramente en DHTML (JavaScript, CSS y HTML), sin utilizar PHP para nada.

No es más que un clon del Pong con niveles infinitos. Cada vez que marcas tres goles, pasas de nivel y el enemigo es más difícil. Los primeros enemigos son bastante sencillos, lo sé, pero... ¡intentar superar el nivel 11!

Se puede jugar utilizando el teclado, con las flechas arriba y abajo y el espacio para sacar la pelota cuando es tu turno (también flecha derecha, control, etc), o el ratón (click para sacar).

Tiene algunos bugs, como el de la pelota fantasma que atraviesa la paleta (tanto la del enemigo como la tuya), pero a veces hacen mas divertido el juego porque cambia un poco su dinámica y ocurren inesperadamente.

Podéis probar el juego en línea en http://www.granvino.com/jam/stuff/juegos/punkpong/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/punkpong/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://punkpong.sourceforge.net

Los "Marcianitos" hacen el animal en el navegador... con DHTML

"La Ranisima" es mi primer juego íntegramente en DHTML (JavaScript, CSS y HTML), sin utilizar PHP para nada.

Se trata de un juego tipo "Space Invaders" bastante infantil, de muy sencillo manejo y muy facil de ganar.

En lugar de "marcianitos" tenemos a distintos animales que irán cambiando en cada fase hasta que salgan todos en una de ellas y luego vuelve a comenzar otra fase por el primero. Hay niveles infinitos y la difultad siempre va incrementando.

La protagonista es una rana (de ahí el nombre) que puede moverse en los cuatro puntos cardinales y disparar con uno de estos botones: Control, Barra espaciadora, Shift, etc...

Podéis probar el juego en línea en http://www.granvino.com/jam/stuff/juegos/ranisima/spanish/ (en inglés en http://www.granvino.com/jam/stuff/juegos/ranisima/english/).

Y podéis bajar el juego, con licencia MPL 1.1, en http://ranisima.sourceforge.net