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