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