How to code a Bomberman game | JavaScript, Canvas | Power-ups, multiplayer and game state (Part 3)

Welcome to part 3 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 add a number of power-ups, add the other Bombermen (?) to allow for a multiplayer game, game state so players can accumulate wins and finally update the hud.

Game template: https://github.com/shezzor/javascript...
Image content: https://www.spriters-resource.com/tur...
Rectangle collision tutorial:    • 2d Rectangle collision detection for JavaS...  

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
01:01 Preparing/Refactoring code for new features.
07:25 Understanding power-ups.
08:27 Adding power-ups.
17:54 Allowing players to pick up power-ups.
20:17 Applying power-up effects to the player.
21:11 Adding the remaining players to the game.
25:21 Adding the game's state and updating the hud.
30:43 Update the player's death state.
32:20 Add the end game state.
34:31 Refactoring time!
37:40 Ending