Librería gráfica con JavaScript

En este artículo vamos a explicar cómo crear nuestra propia librería gráfica con JavaScript y la API HTML5 de Canvas. A lo largo de diferentes artículos ya hemos explicado en que consiste la etiqueta o tag canvas de HTML5, la cual nos permite dibujar gráficos en la web. También hemos visto cómo dibujar diferentes formas … Leer más

Ordenar arrays en JavaScript

En este artículo vamos a explicar las diferentes instrucciones disponibles en JavaScript para ordenar arrays. En artículos anteriores ya analizamos diversos métodos y algoritmos para ordenar arrays, explicando las técnicas más utilizadas desde un punto de vista general, aplicables a prácticamente cualquier lenguaje de programación. Ahora nos centraremos específicamente en JavaScript y en las instrucciones … Leer más

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