Canvas en HTML5 (Brickbreaker Game)

Hola a todos, en esta entrada les traigo un ejemplo de Canvas, pero primero tenemos saber que es canvas?.


Canvas, su traducción al español seria lienzo, y permite la generación de gráficos dinamicamente  tanto como estáticos y dinámicos.

Este gran objeto de dibujos fue el culpable de una de las caídas mas grandes del Internet, del famoso FLASH, antes se necesitaba de flash para poder producir gráficos en el explorador, ya no, el objeto canvas ya se encuentra en los browser o cliente, y se pueden hacer cosas muy interesantes con el.

Hoy les traigo como ejemplo un juego de brickbreaker hecho totalmente en canvas, a nivel de gráficas no es nada del otro mundo, pero es un juego que no necesita de ningún tipo de pluggin para correr, solo con el tag <canvas></canvas>, ya se crea un cuadro canvas, primero aparece totalmente blanco luego lo que tenemos que hacer es dibujar sobre el.


El objeto canvas se agarra con una variable en javascript:
var can = document.getElementById("MyCanvas"); 

y se le accede al contexto por ejemplo:

var contexto = can.getContext("2d");

por ahora solo explicare el contexto en 2d, luego de eso ya se puede empezar a dibujar sobre el, si hacemos algo como

ctx.beginPath();
ctx.font = "10px Arial";
ctx.fillText("Hola mundo",10,10);
ctx.closePath();

la primera linea indica al canvas que se prepare para dibujar, la segunda linea elige el tipo y tamaño de letra con la que se quiere escribir y fillText es la función para escribir que primero agarra un string luego sus posiciones en x,y respectivamente. Luego siempre se tiene que cerrar el proceso de dibujo, y con eso podemos escribir ya algo en el canvas.

En el juego que les traigo en esta entrada es un poco mas profundo pero no es nada del otro mundo, los juegos son como las películas, son millones de frames(imágenes) corriendo rápidamente y eso hace una secuencia de acción.

por eso encontraran  una función se llama setInterval(function(),time) esta función repite la función que recibe como parámetro, cada tiempo que recibe como parámetro en MILI SEGUNDOS.

Con esa función, repito la función dibujar(), y el tiempo es variante con la cantidad de brick que se van destruyendo, esa función dibuja los brick y los va re dibujando depende de como se esta jugando, y así sucesivamente todo el juego se va construyendo.

Les dejo este juego para que se diviertan y exploren un rato, saludos para todos

Pueden descargar el juego como siempre por aquí

Y pueden jugar el juego sin descargar por aquí (Como siempre les pido disculpa por las publicidades)

Pueden seguirme en twitter por @AnteroOfficial


Saludos a todos.

PD: El juego se juega con las teclas derecha e izquierda de tu teclado. Suerte!

Nuevas consolas

Hoy en día la guerra de las consolas ha sido una brutal batalla en el campo de los videojuegos, las marcas reconocidas como Sony, Microsoft y Nintendo ya presentan su nueva generación de consolas, también se presenta Android, en esta nueva generación de consolas, con su idea de OUYA aquí para mi lo que es lo nuevo en las consolas:


Sony Play Station 4: Para mi la consola mas esperada por todo los gamers, siempre sony ha dado de que hablar y siempre ha traído grandes títulos y grandes gráficas, para mi es la mejor consola de estas.


Microsoft Xbox One: De la nueva generación la 2da que salio, trae la tecnología de Blu Ray y trae 8GB de ram, es una consola que trae muchas cosas interesantes, ya de salida trae muchas cosas negativas como que no permite leer los títulos del xbox 360 y tampoco se podrá prestar juegos.

Aun así Xbox, siempre ha dado de que hablar y mas aun con el Kinect que trajo muchas mejoras que están muy interesantes.

Aquí les dejo un vídeo del nuevo motor gráfico que tiene EA Sport para el nuevo Xbox One

http://www.youtube.com/watch?v=QS6IlceFF9g&feature=share


WII U: La decaída de la marca japonesa Nintendo, ha sido preocupante, la falta de títulos interesante ha hecho perder mucho terreno a la Nintendo que tenia años siendo la consola mas vendida por sus grandes títulos que se han ido perdiendo.

Aun los gamers esperamos que la Nintento sea lo que era antes con esos grandes títulos como: Donkey Kong, Super Smash Brother, etc. Que tanto nos gustaron.

Aquí les dejo un vídeo de la Wii U

http://www.youtube.com/watch?v=4e3qaPg_keg

OUYA: Para mi la mejor idea de crear juegos que he visto en mi vida, esta idea de hacer los juegos para quien quiera que los hagas bajando un Developer Kit, me parece sencillamente genial, esto para los desarrolladores independientes (Indi developers) es la primera vez que se toma en cuenta seriamente por una consola, es una consola basada en Android Jelly Bean y sus principios son sencillamente geniales.

http://www.youtube.com/watch?v=j8Hf1VWbLFo