Build a Multiplayer Game with JavaScript & Firebase

In this video, we're going to make a simple online multiplayer game from scratch with HTML, CSS, vanilla JavaScript and Firebase. You can take these concepts and apply them to whatever front end framework you like to use (React, Vue, Angular, etc).

We'll also cover some top down movement, sprites, basic collisions, and score upticking. Hope you enjoy working with Firebase!

Code download link (You'll need to set up a Firebase app to use it. Please read the notes in the security-rules file!):
NOTE: Also includes a bug fix for updating local coins ^^

💬 Discord
Need help, have a question, or want to share your game dev project?

---------------------------------
More tutorial series:

⭐️ Full Bundle of all my Series:

Ciabatta's Revenge - Action puzzle game in React JS!

Action Multiplayer - GBC-style Zelda game, but with multiplayer!

Pizza Legends in Godot - RPG Overworld in Godot v4!

Canvas RPG Kit - everything you need to build a quick RPG game engine:

Front End Interviewing Bootcamp:

---------------------------------

Written version of this video:

Create your first Firebase app here:

✉️ Join my Email List!
Get updated when new videos are ready.
You'll get a free RPG Sprite Pack in your inbox, too:

---------------------------------

Thanks to Harris Heller for the music:

Firebase docs:

[DrewConley]

Important update!
The Firebase JS library has changed a bit since this video was recorded.
For following this video tutorial, you must use the exact version (8.10.1) as seen in the video. You can grab a copy of the script tags in the description's Code Download zip.
To use the latest versions of Firebase and Common JS, you'll need to follow the latest documentation on Firebase's website. It's not too bad, but it will be a little different than what I show here.
Thanks - let's go!

[WilliamMelton]

This was SUCH a well made tutorial my guy!! Don't stop teaching!

[trenom]

I never thought we could create pixelated game rooms like this using javascript, thank you!

[mr_miguu]

I love exactly this kind of content. Also consider looking into Firebase Emulators to simulate the database locally during dev.

[erichgq]

Thank you for having made this video. My friend sent me this link and I think he and I will work on a game project for my son. Please continue to make these kind of videos. Cheers

[asdffacil]

Love your content, thanks for the free guides

[RodrigoDAgostino]

Thank you so much for sharing, Drew. It is really difficult to come by this kind of content. I really appreaciate it, and I’m sure I’m not the only one :)

[heatbrando]

I love your videos so much, it taught me a lot, please keep doing it.

[ajinkyax]

thats an amazing title, I hope its not a click bait. Im already following this now :) Thanks for creating this.

[sexi_larry]

Yoooo Good Job bro :D My small project was some 'help" script to let me pass my history test ^^ it worked

[aoukrad]

That's what i'm talking about, Thank you so much for this video. i like all ur content <3

[justadudewhoplaysgames]

Thanks for making this video
This helps alot on my dream game

[SYNDESTV]

Great video Drew! It's been so long since we've done coding and it'd be awesome to get our hands dirty again

[syahrul]

Finally, I was waiting when this is going to happen..

[eboatwright_]

This is really awesome! I'm going to have to incorperate this into my pure JavaScript ASCII game engine :D

[cmtg]

I dont know if it just me, the more I listen to your voice the more I hear Ryan Reynolds ahhaha, but man your video rocks... plain, simple and straight forward.... by the way new subscriber here

[azizutkuozdemir]

Thanks for this video, you are awesome

[vicentefleitas]

Hi ! this tutorial is really good, I made my own version of this project with Firebase 9 (using modals) the api its a little diferent, and I use canvas graphics instead of html elements, its by far more easy and clean; we can change ideas about this aprouch (method) if you want, keep yur good work Drew, i really appreciate it.

[LucasDev]

ok, now you got me. I'd have paid to learn that!!

[judgsmith]

Oh, wow, you have a tutorial for this to this is going to be awesome.