Profile cover photo
Profile photo
Crea juegos en HTML5 Canvas
287 followers -
Blog con cursos prácticos para aprender a crear juegos en la web.
Blog con cursos prácticos para aprender a crear juegos en la web.

287 followers
About
Posts

Post has attachment
Reto: Terrenos con laderas
Sea que empezaste desde cero, o tan solo buscando perfeccionar tus avanzados conocimientos, llegaste a este blog buscando conocimiento, el cual gracias a comentarios como el tuyo, me enorgullece saber que ha sido de mucha ayuda a todos ustedes. Bueno, es ti...
Add a comment...

Post has attachment
Mapas con colindancia automatizados
En esta ocasión, les traigo un truco que hará sus juegos de plataformas mucho más atractivos de forma sencilla. Quizá ya hayas notado algunos juegos donde no se conforman con sólo una imagen por cada tipo de bloque, si no que agregan distintos tipos de imág...
Add a comment...

Post has attachment
Experiencias y colaboraciones
El fin de semana pasado estuve trabajando con mi equipo en el port de un juego de plataformas en JavaScript a móviles, y nuestra emoción se convirtió en terror al ver los cuadros por segundo caer en picada al empezar el juego. Después de un rato de investig...
Add a comment...

Post has attachment
Reto: rompecabezas animado
Anteriormente aprendimos a crear un juego de rompecabezas. Es tiempo de poner a prueba todo lo que hemos aprendido en los cursos hasta ahora. A continuación, se muestra el rompecabezas con un nuevo detalle: Las piezas están animadas. El reto consiste en rea...
Add a comment...

Post has attachment
Reordenar un arreglo al azar
Nuestro juego de rompecabezas ha quedado terminando y funcionando de maravilla, pero aceptemos los hechos: El hecho que aparezcan todas las piezas revueltas por el lienzo se ve muy mal para un juego de este género. Seguro, poner objetos en lugares al azar n...
Add a comment...

Post has attachment
Clic secundario y rotación opuesta
Habiendo aprendido a crear transiciones, aplicadas a rotaciones en este caso, algunos no han quedado muy seguros de como realizar una transición en sentido opuesto ¿Hay que crear una nueva variable, o se puede hacer con la misma? ¿Cómo se hace? Para dejar e...
Add a comment...

Post has attachment
Transición de animaciones
Ahora que tenemos la base de nuestro rompecabezas, es tiempo de ponerle una imagen. Salvo un nuevo detalle, ya sabemos cómo hacer esto, así que sólo lo remplazaremos rápidamente desde el comienzo. La imagen que usaremos para nuestro rompecabezas será la sig...
Add a comment...

Post has attachment
Ajusta a la rejilla
Con el conocimiento que hemos adquirido hasta ahora, crearemos un juego de rompecabezas. Para empezar, necesitaremos una rejilla donde acomodar las piezas del rompecabezas. Comencemos declarando el arreglo que contendrá dicha rejilla: grid = [], Vamos a hac...
Add a comment...

Post has attachment
Getters & Setters
Aprendiendo como interactuar rectángulos con el ratón, nos dimos cuenta que la interacción entre estos dos no es muy natural, pues a diferencia de los círculos, el origen de los rectángulos no es en el centro, si no en la esquina superior izquierda. Conform...
Add a comment...

Post has attachment
Rectángulos y el ratón
Anteriormente aprendimos como realizar la interacción entre un círculo y el puntero; ahora aprenderemos como realizar esa interacción misma interacción entre un rectángulo y el puntero. Antes de empezar, conoceremos la función "contains", que verifica si un...
Add a comment...
Wait while more posts are being loaded