Flujo natural de elementos HTML

En este artículo vamos a explicar cómo funciona el flujo natural de elementos HTML en una página web y su distribución en la pantalla. Cuando el navegador lee un archivo HTML se inicia el proceso de carga de los recursos de la página web. Dentro de estos recursos encontramos hojas de estilos CSS o JavaScript … Leer más

Movimiento en videojuegos

En este artículo vamos a explicar los diferentes tipos de movimiento en videojuegos con HTML5 y Canvas en juegos 2D. El movimiento en los videojuegos es una parte esencial que afecta tanto la jugabilidad como la experiencia del jugador. A través del teclado, las teclas (CURSOR o WASD) suelen utilizarse para mover al personaje hacia … Leer más

Controlador de teclado JavaScript

En este artículo vamos crear nuestro propio controlador de teclado JavaScript para saber las teclas que hay pulsadas simultáneamente. El control del teclado en el desarrollo de juegos y aplicaciones interactivas es fundamental para detectar la interacción del usuario con el software. Los Sistemas Operativos suelen interferir en cómo se comporta el teclado para hacerlos … Leer más

Cargador de imágenes JavaScript

En este artículo vamos a explicar cómo crear un cargador de imágenes JavaScript para guardarlas y usarlas en nuestros videojuegos. Tener un cargador de imágenes es un aspecto fundamental en la programación de videojuegos y forma parte de los artículos siguientes: En este artículo, vamos a explicar cómo cargar imágenes con JavaScript y guardarlas para … Leer más

Modelo de caja en CSS

En este artículo vamos a explicar qué es y cómo funciona el modelo de caja en CSS, un concepto fundamental para posicionar elementos con CSS. Cuando se empieza a aprender CSS, uno de los conceptos más importantes que se deben comprender es el modelo de caja. El modelo de caja en CSS describe cómo se … Leer más

Sprites en HTML5 Canvas

En este artículo vamos a explicar cómo dibujar sprites en HTML5 Canvas y la API que nos proporciona el navegador para renderizar gráficos. Dibujar sprites es una tarea esencial en la programación de videojuegos y forma parte de los artículos siguientes: En este artículo, vamos a explicar cómo dibujar sprites en HTML5 Canvas y sus … Leer más