Building an online multiplayer snowball throwing game (vanilla js, node, socket.io)
This video was a paid promotional video for Agora.io.
Agora: https://bit.ly/3xJkumJ
Sprites: https://axlplosion.itch.io/
Code: https://github.com/codyseibert/snowball-fight-online
💬 Discord https://discord.gg/4kGbBaa
🔔 Newsletter http://eepurl.com/hnderP
📁. GitHub https://github.com/codyseibert
00:00 - Intro
01:05 - Agora
02:03 - Setup express + socket.io
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
01:44:18 - Agora.io voice chat
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
Other Videos By Web Dev Cody
| 2022-12-30 | Trying a new design for quick select match ups | full stack next, prisma, tailwind 2 - part 2 |
| 2022-12-29 | I'm starting a new full stack project series | next, tailwind, prisma - part 1 |
| 2022-12-28 | Why I update software dependencies as often as possible (upgrading trpc to v10) |
| 2022-12-27 | Coding an Omegle clone MERN prototype (with Next.js, Mongo, and Agora) |
| 2022-12-24 | Is ChatGPT actually useful for coding? |
| 2022-12-23 | Here is another great React practice problem (Tower of Hanoi) |
| 2022-12-22 | A practical react example using maps for permission checkboxes (good interview practice problem) |
| 2022-12-02 | How would I design a URL shortener application (interview question prep) |
| 2022-12-01 | They had 24 hour to submit this assignment (junior full stack interview) |
| 2022-11-24 | Trying to answer interview questions a subscriber was asked for junior full stack position |
| 2022-11-23 | Building an online multiplayer snowball throwing game (vanilla js, node, socket.io) |
| 2022-11-21 | A subscriber was asked these junior interview questions |
| 2022-11-20 | Trying Next.js 13 and Strapi CMS (collab with Coding After 30) |
| 2022-11-18 | This is why you get CORS errors sometimes |
| 2022-11-17 | What to expect during a web dev interview (sharing my experiences) |
| 2022-11-16 | Solving a practical intermediate react interview challenge |
| 2022-11-15 | Here is a more challenging react interview exercise |
| 2022-11-14 | How to build & deploy a MERN stack web application (typescript, mongo, express, react, node) |
| 2022-11-10 | I loved solving this junior react interview challenge |
| 2022-11-09 | This is a good intermediate react interview challenge |
| 2022-11-08 | When do you need React's useLayoutEffect hook? |
Tags: web development
programming
coding
code
learn to code
tutorial
software engineering
549