Building an online multiplayer snowball throwing game (vanilla js, node, socket.io)

00:00 - Intro
01:05 - Agora
09:59 - Drawing the map
39:15 - Players and Movements
54:19 - Camera focus
01:00:38 - Throwing snowballs
01:17:10 - Draw tree map
01:29:47 - Collide with trees
01:38:57 - walk sound effect
02:02:05 - Voice icon
02:07:35 - Proximity voice volume
02:23:30 - Good enough!
02:24:31 - Deploying
02:26:31 - End
02:27:17 - Just being dumb

My VSCode Extensions:
- theme: material community high contrast
- fonts: Menlo, Monaco, 'Courier New', monospace
- errors: Error Lens
- extra git help: Git Lens
- tailwind css intellisense
- indent rainbow
- material icon theme
- prettier & eslint
- ES7+ React Snippets

[Goukiesm]

At 21:05, the correct formula for the tile index should be "row * map.width + col". Using map.height does not cause any errors because the width and height are the same in your context, but I'm sure it would cause a huge headache for anyone who uses the code with a map with different values of width and height

[jorgesfs]

We're 1 week away from the Global Game Jam and I must say thank you, I believe your tutorial will help us a lot with preparing a boilerplate.

[megamind]

This video is so helpful for learning sockets io, html canvas, so far I have watched, will return for some more info later. Keep up the good work sir 👍

[lukichaaa]

good job man, i figured out lot of things with this video. respect!

[libanjama]

Beautiful tutorial sir Thank you so much! Learned a lot!

[total]

just comm for u2b algo
can u explain what brackets "()" doing why u put them when u destructorized id ({id} = groundMap[col][row]) 1:27:31 what was the point of that

[arjunharidas]

It would be awesome if u could do a voice chat app without using 3rd party

[ToddsDiscGolf]

If you build an app using agora for voice chat, and then agora goes away, that will stop your voice chat right? Or does the voice chat functionality stand alone once made? (I’m at the beginning of the video)

[cccll]

Sir plz.. make video on location tracking using GPS Device ( in JavaScript language ) or Suggest any npm package

[ibo]

Thank you, working and fully functional!

[jasonfu]

but do I need docker to it run on my M1 Mac and Node 16? 🤔

[mstarvy]

Hi, do you know of a good software to create tmx files on windows 10? I have only found a few softwares that haven’t been updated in 5+ years. Great vid!

[Jenkkimie]

I am software engineering student writing my thesis. Got any recommendations what I could use to make https calls or simulate a server easily? I am writing it with React + NodeJS, but honestly anything works.