Mapa de tiles en JavaScript

En este artículo vamos a explicar las bases para crear un mapa de tiles con HTML5 y la API Canvas de JavaScript. Cuando desarrollamos un videojuego 2D con JavaScript y HTML5, una técnica muy común para construir escenarios es el uso de tilemaps. Un tilemap es básicamente una matriz (array bidimensional) donde cada celda contiene … Leer más

Vanilla JS, librerías o frameworks

En este artículo vamos a explicar las principales ventajas y desventajas de programar en Vanilla JS, librerías o frameworks en JavaScript. Para ello primero debemos empezar por definir qué es cada uno de estos conceptos: Explicados estos conceptos, vemos que la base de todo es el lenguaje JavaScript puro y, sobre ello, se programan las … Leer más

Voltear una imagen con JavaScript

En este artículo vamos a explicar cómo voltear o reflejar una imagen en un lienzo Canvas con HTML5 y JavaScript, tanto en horizontal como en vertical. Cuando desarrollamos un videojuego o una animación con HTML5 Canvas, es habitual que necesitemos que un personaje, enemigo u otro elemento gráfico mire hacia el lado contrario. Por ejemplo, … Leer más

Drag and Drop en JavaScript

En este artículo vamos a explicar el sistema Drag and Drop (arrastrar y soltar) en JavaScript que permite a los usuarios mover elementos dentro de una página web de manera interactiva. Es muy útil para interfaces como organizadores de tareas, carga de archivos y editores visuales. Esto permite al usuario mover elementos dentro de una … Leer más

Barra de salud en videojuegos

En este artículo vamos a explicar cómo crear una barra de salud para tus videojuegos con Vanilla JS o JavaScript puro. En los videojuegos, la barra de salud es un elemento visual importante para indicar cuánta vida le queda a un personaje o enemigo. Son esenciales para la retroalimentación visual del jugador y permiten evaluar … Leer más

Pointer Events en JavaScript

En este artículo vamos a explicar que son los eventos apuntadores o Pointer Events en JavaScript, la unificación de todos los dispositivos apuntadores. En los dispositivos modernos, interactuar con la interfaz de usuario puede involucrar una combinación de dispositivos de entrada, como el mouse, pantallas táctiles o incluso dispositivos como lápices ópticos (stylus). Para gestionar … Leer más