Blockrain.js Juego de Tetris en HTML5 con jQuery

DESCARGA : Blockrain

Blockrain.js Juego de Tetris en HTML5 con jQuery, si bien el juego de tetris es uno de los juegos más antiguos de tipo (puzzle), fue lanzado el 6 de junio de 1984 por Alekséi Pázhitnov en la Unión Soviética, creo que el éxito más favorable para este juego fue despues de la salida de Gameboy.

Como dato interesante podemos comentar que el nombre “tetris” deriva del griego “tetra”, que significa “cuatro” esto lo notamos en las piezas que se arman de a cuatro, la mecánica no es necesaria explicarla, ya que le juego es muy sencillo de jugar, el objetivo es armar líneas con los bloques que el juego te otorgue cada determinado tiempo.

Se comenta también que: “Jugar al Tetris de forma prolongada puede llevar a una actividad cerebral más eficiente durante el juego.La primera vez que se juega al Tetris, aumentan la función y actividad cerebral” (http://www.reuters.com/article/2009/06/02/us-videogames-tetris-idUSTRE5510V020090602).

Pero bueno sin importar los efectos que puede ocasionar este juego, lo importante de esta nota es hablar de la implementación del plugin, para tener este juego en nuestros sitio de forma fácil, efectiva y entretenida (con HMTL5).

 

La forma de implementar este juego es utilizar este plugin:  http://aerolab.github.io/blockrain.js/ aplicando unas cuantas lineas de código para su implementación:

1.- Lo primero que debemos hacer es, colocar codigo css y js para llamar al plugin:


<link rel="stylesheet" href="blockrain.css">
 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 <script src="blockrain.jquery.min.js"></script>

2.- Colocar una etiqueta html para invocar al plugin y controlar la aparición del juego.


<div class="game" style="width:250px; height:500px;"></div>

3.-  Incluir el script de javascript:

 $game=$('.game').blockrain( );

y obtendrás un juego de forma sencilla, si quieres más opciones puedes ingresar al siguiente enlace y ver la documentación completa.
https://github.com/Aerolab/blockrain.js

You may also like...