WebGL2 - Un cubo y una pirámide

WebGL2 - Un cubo y una pirámide

webgl-03-cube-pyramid.dll (2023-04-01)

Tercer tutorial de la serie de artículos dedicados a WebGL en su segunda versión. Ha llegado el momento de dibujar nuestras primeras figuras en 3D, y conocer un poco mejor cómo funciona el fragment shader cuando necesita calcular el color de cada píxel.

WebGL2 - Un poco de movimiento

WebGL2 - Un poco de movimiento

webgl-02-movement.c (2023-03-26)

Segundo tutorial de la serie de artículos dedicados a WebGL en su segunda versión. En este artículo aprenderemos los conceptos esenciales para conseguir animar a nuestros aburridos polígonos del primer artículo. Para ello, veremos una forma mejor de definir los vértices de nuestros polígonos, y cómo aprovecharemos el cambio para conseguir moverlos a nuestro antojo de forma más sencilla.

WebGL2 - Un triángulo y un cuadrado

WebGL2 - Un triángulo y un cuadrado

webgl-01-triangle-square.h (2023-03-12)

Primer tutorial de la serie de artículos dedicados a WebGL en su segunda versión. En este artículo haremos una introducción a los conceptos básicos de este potente api gráfico, y dibujaremos un par de polígonos en la pantalla.

Tutorial canvas 2D - Cómo hacer un juego en javascript 6ª parte

Tutorial canvas 2D - Cómo hacer un juego en javascript 6ª parte

2d-canvas-06.wav (2023-03-11)

Bienvenidos al remake de la sexta parte de cómo realizar un pequeño juego en JavaScript, más concretamente el tan viejo como popular Space Invaders. En el artículo anterior cambiamos el aspecto gráfico del juego usando sprites, y en este artículo cerraremos la serie añadiendo sonidos.

Tutorial canvas 2D - Cómo hacer un juego en javascript 5ª parte

Tutorial canvas 2D - Cómo hacer un juego en javascript 5ª parte

2d-canvas-05.jpg (2023-03-03)

Bienvenidos al remake de la quinta parte de cómo realizar un pequeño juego en JavaScript, más concretamente el tan viejo como popular Space Invaders. En el artículo anterior terminamos de darle forma al juego, añadiendo disparos y controlando el final del juego con una GUI muy básica. Para ponerle el broche final, vamos a mejorar un poco su aspecto gráfico.

Tutorial canvas 2D - Cómo hacer un juego en javascript 4ª parte

Tutorial canvas 2D - Cómo hacer un juego en javascript 4ª parte

2d-canvas-04.json (2023-02-24)

Bienvenidos al remake de la cuarta parte de cómo realizar un pequeño juego en JavaScript, más concretamente el tan viejo como popular Space Invaders. En el artículo anterior nos centramos en darle animaciones a las entidades para que se movieran por la pantalla, lo que nos introdujo el concepto de tiempo delta y el bucle principal del juego.

Tutorial canvas 2D - Cómo hacer un juego en javascript 3ª parte

Tutorial canvas 2D - Cómo hacer un juego en javascript 3ª parte

2d-canvas-03.js (2023-02-12)

Bienvenidos al remake de la tercera parte de cómo realizar un pequeño juego en JavaScript, más concretamente el tan viejo como popular Space Invaders. En el artículo anterior vimos cómo crear las entidades que necesita el juego mediante herencia de los atributos y métodos en común, y cómo empezar a dibujar el juego en la pantalla. Es hora de hacer que los aliens y el jugador se muevan un poco.

Tutorial canvas 2D - Cómo hacer un juego en javascript 2ª parte

Tutorial canvas 2D - Cómo hacer un juego en javascript 2ª parte

2d-canvas-02.css (2023-02-05)

Bienvenidos al remake de la segunda parte de cómo realizar un pequeño juego en JavaScript, más concretamente el tan viejo como popular Space Invaders. En el primer artículo, hablábamos un poco sobre la estructura general que tienen los videojuegos, de forma muy sencilla, de cómo íbamos a diseñar nuestro juego, y un par de consejos sobre cómo depurar.

Tutorial canvas 2D - Cómo hacer un juego en javascript 1ª parte

Tutorial canvas 2D - Cómo hacer un juego en javascript 1ª parte

2d-canvas-01.html (2023-02-02)

Bienvenidos al remake de mi primer tutorial sobre cómo realizar un pequeño juego en JavaScript, más concretamente el tan viejo como popular Space Invaders. Para hacerlo, me fue de gran utilidad el tutorial de Kevin Glass sobre cómo programar videojuegos en Java, quien también escogió este juego como punto de partida.

Juegos LEGACY

Juegos LEGACY

legazy-code.bas (2023-01-24)

Listado de juegos que hice hace muchos años cuando empecé a interesarme por este mundillo, y que poco a poco espero ir rescatando, reescribiéndolos a un JS mas moderno aplicando lo que he aprendido durante todos estos años.