Videojuegos JavaScript

Este apartado lo dedicaremos a mostrar todos los videojuegos que se pueden desarrollar con las técnicas JavaScript descritas en mis libros Programando Videojuegos: JavaScript y Programando Videojuegos 2.0: JavaScript disponibles en Amazon. También puedes consultar la categoría Videojuegos donde publico artículos sobre conceptos de dibujo y animación gráfica.

Siempre con JavaScript puro, sin plugins ni frameworks, para que puedas entender la base de su funcionamiento

Hay que tener en cuenta que las técnicas JavaScript descritas en los libros son progresivas y no tienen las mismas características los videojuegos desarrollados en el primer libro que los videojuegos desarrollados en el segundo libro.

En este sentido, he separado el código JavaScript de todos los videojuegos para mantenerlo tal y como está explicado en cada libro. Así, la librería gráfica funciona diferente en el primero que en el segundo libro. Lo mismo ocurre con las técnicas JavaScript a la hora de tratar a los gráficos como items, unidades, entidades, etc.

Dicho esto, vamos a hacer un repaso de todos los videojuegos JavaScript creados hasta la fecha por orden cronológico y en dificultad creciente según el nivel de los libros. En cada libro se enseña detalladamente cómo hacer alguno de estos videojuegos. El resto de videojuegos los he realizado implementando las técnicas JavaScript de cada libro.

Libro Programando Videojuegos: JavaScript

En este libro se enseñan los pilares de la programación de videojuegos con la API JavaScript de canvas y se muestran las técnicas para hacer videojuegos sencillos. Este tipo de videojuegos, desarrollados en JavaScript, son ideales para iniciarse en la programación y representan algunos de los juegos clásicos de los primeros días de la informática.

Endless Tunnel
Videojuego tipo mouse clicker donde debemos sortear los obstaculos en una gruta infinita
Endless Tunnel
Snake
El famoso videojuego de la serpiente que va creciendo a medida que come fruta
Snake
Snake two players
Versión de dos jugadores del juego Snake, ahora el objetivo es encerrar a tu rival
Snake two players

Libro Programando Videojuegos 2.0: JavaScript

En este segundo libro se explican técnicas de programación JavaScript más avanzadas sobre el desarrollo de videojuegos. Se añaden nuevos conceptos como las unidades y entidades gráficas: conjunto de elementos gráficos que componen una unidad lógica.

También se mejora la librería gráfica y se adecúa al tratamiento gráfico y lógico más avanzado, al tiempo que se profundiza más en la parte de la interfaz gráfica del usuario.

En general, el libro está orientado al desarrollo completo de un videojuego más sofisticado, abarcando desde la concepción inicial hasta la programación final, pasando por todas las etapas intermedias hasta lograr la creación de un videojuego completo, funcional y atractivo visualmente.

Videojuego Asteroids ReturnAsteroids Return
El clásico videojuego de Asteroides con unos cuantos añadidos como bonus, escudo protector, diferentes tipos de disparos, ovnis enemigos, etc. Utilizando técnicas de programación JavaScript reutilizables en otros videojuegos
Asteroids Return
Asteroids Invaders
Una versión del Asteroids Return adaptada al estilo del clásico videojuego Space Invaders
Asteroids Invaders
Videojuego JavaScript Asteroids Invaders
Videojuego Asteroids Infinity AttakAsteroids Infinity Attak
En esta versión del Asteroids Return hemos modificado unos pocos elementos para disfrutar al máximo los potenciadores de disparo y escudo protector
Asteroids Infinity Attack
Asteroids two players
Una alternativa del Asteroids Return para que puedan jugar dos personas simultáneamente
Asteroids two players

Técnicas Avanzadas (próximamente)

En este futuro libro, del que no puedo ofrecer una fecha concreta de publicación, continúo inmerso en el emocionante mundo del desarrollo de videojuegos en JavaScript. En esta ocasión, me adentro de lleno en el tema de los mapas y los fondos decorativos.

Mi idea es cubrir las técnicas de programación necesarias para poder desarrollar tanto mapas de tipo scroll, como mundos 2D virtuales, donde el jugador debe explorar un mundo más ámplio que la pantalla visualmente activa. A estos mapas se debe añadir la salida sincronizada de enemigos, sus rutas por el mapa y una cierta IA para interactuar con ellos.

De momento sólo puedo mostrar cómo van avanzando los videojuegos a medida que el tiempo me lo permite.

Space Odissey (beta):
Un videojuego de naves estilo Scramble o R-type. En este videojuego se muestran las técnicas para hacer mapas con scroll, sincronizar la salida de enemigos, establecer sus rutas y gestión de disparos.
Jugar a Space Odissey

Demons (beta):
Un videojuego de tipo mundo abierto en 2D. En este videojuego se muestran las técnicas para crear mundos virtuales y cómo controlar las posiciones entre el mundo virtual y el lienzo canvas.
Jugar a Demons

Sin duda una serie de técnicas avanzadas de programación que permiten el desarrollo de videojuegos mucho más avanzados con JavaScript puro.

Espero que os gusten!