Canvas Game Bootstrap

Este es un juego que esta desarrollado con sprites, css, jquery, canvas, etc., el juego a mi parecer es bastante adictivo, y analizando el código no estan dificil, no quiere decir que sea facil, pero a veces uno cree que para hacer un juego nos va a llevar demasiado tiempo, el chiste esta en empezar a jugar con funciones que nos pueden permitir este tipo de animaciones, les dejo el demo y el link para que lo vean en acción y puedan ver el código fuente

Demo: http://jlongster.github.io/canvas-game-bootstrap/

Street Fighter con CSS y Jquery

Vi una página donde estaba este ejemplo de como crear un pequeño juego de street fighter, todo esto hecho con css y jquery, me tome la libertad de tomar el ejemplo y comentar el codigo ya que creo que es importante saber que se esta haciendo para que esto funcione, de igual forma dejo el link para la página original, esto se vuelve muy interesante por si quisieramos agregar a un ryu por ejemplo y hacerlos pelear, yo agregue cierto codigo para que el ken no se salga del stage o que el hadoken no salga mas alla del stage, pero seria interesante hacer algun otro ejemplo donde se ponga otro personaje y los poderes peguen en el otro personaje y llevar un score!!!

Les dejo el codigo que use para implementarlo, este solamente lo guardan como un html y listo!!

Fuente: http://davidwalsh.name/street-fighter

Sprites con JQuery - Doodle de Pacman en Google

Quieres saber como hicieron el Doodle de Pacman que jugaste en el 30 aniversario del juego, bueno básicamente lo hicieron con sprites, pero se han de preguntar que es un sprite.

Los sprites son imágenes pequeñas utilizadas principalmente en juegos, estas permiten mostrar personajes u objetos utilizando muy poca memoria. Inicialmente fueron utilizados en consolas como Atari. 

En el siguiente vamos a encontrar el código fuente y el demo para que veas como funciona, en este caso se hizo con una catarina que la puedes mover hacia el norte/sur/este/oeste