How to code a Bomberman game | JavaScript, Canvas | Bombs, explosions and destroying walls (Part 2)
Welcome to part 2 of a series of videos where I go into detail about developing a Bomberman-style game from scratch using vanilla JavaScript and web technologies. In this video, we give our Bomberman character the ability to drop bombs and use them to destroy everything around him. This includes walls, other bombs and unfortunately, even himself!
Game template: https://github.com/shezzor/javascript...
Image content: https://www.spriters-resource.com/tur...
Playlist: • How to code a Bomberman game
If you'd like to support what I do, get access to the code or just say thank you, why not visit my Patreon page here? / shezzor
#javascript #bomberman #tutorial
DISCLAIMER: All used game assets are copyrighted to their original owners and have been used from freely available sources as shown in the video. However, the code within this video is entirely my own interpretation of the game mechanics. This tutorial was created for study and learning purposes and is not intended to be a 100% recreation of the original game.
Timestamps:
00:00 Intro
00:58 Installing npm dependencies
01:33 Aligning the collision map reference
02:19 Understanding bomb placement
03:10 Adding the ability to place bombs
15:33 Understanding bomb explosions
16:19 Adding bomb explosions
26:15 Adding the Bomberman death state
29:15 Adding bomb chain reactions
31:25 Understand destroyable walls
32:03 Filling the stage with destroyable walls
36:08 Make destroyable walls, erm, destroyable!
39:34 Refactoring time!
42:06 Ending