How to code a Bomberman game | JavaScript, Canvas | Tilemap and player movement/collision (Part 1)

Welcome to part 1 of a series of videos where I go into detail about developing a Bomberman-style game from scratch using vanilla JavaScript and web technologies. This video delves into tile maps, what they are, and how to use them. We also investigate Bomberman's unique movement mechanics and how to replicate them along with collision. 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:57 Setting up the development project 03:59 Downloading and setting up the image assets 06:32 Understanding and breaking down the game 07:27 Building the tile map for the stage entity 16:24 Adding the hud entity 17:31 Understanding the Bomberman movement mechanics 18:38 Adding the Bomberman entity 25:00 Adding the movement mechanics to the Bomberman entity 31:38 Adding the collision map for the stage 33:00 Adding collision detection to the Bomberman entity 37:54 Adding some debugging functions 39:37 Refactoring time! 42:05 Ending