Build a Multiplayer Game Lobby with R3F & Playroom

Let's learn how to make a 3D Multiplayer Car Game with JavaScript with React Three Fiber and Playroom

Playroom Documentation
https://docs.joinplayroom.com/

🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/course...

Starter pack 🔗
https://github.com/wass08/r3f-vite-st...

Final code 🔗
https://github.com/wass08/r3f-playroo...

Demo 🔗
https://r3f-playroom-lobby-car-protot...

#threejs #developer #reactthreefiber

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

3D Models: Kenney Car Kit
https://www.kenney.nl/assets/car-kit

3D Models: Kay Lousberg City Builder Bits
https://kaylousberg.itch.io/city-buil...

Toolbox https://poly.pizza/m/bNqhcgTSc_E
Toolbox2 https://poly.pizza/m/20JcnkCnbAc
Workbench https://poly.pizza/m/24I9X8aeWTR
Cone https://poly.pizza/m/WoXpAJT0oDn
Tires https://poly.pizza/m/mmq7GmG1AK
Shelf https://poly.pizza/m/6gKdASmfB9U

Audio Soundbank
https://soundeffect-lab.info/sound/ma...

Generate Images With AI
https://app.leonardo.ai/

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 - Intro
01:23 - Project setup
01:55 - Lobby 3D scene
07:48 - Custom Playroom Lobby
10:21 - Responsive Camera
13:58 - Car selection
23:28 - Username editor
27:21 - Car switching animation
30:37 - Light & Camera dynamism
31:48 - Invite button
33:03 - Private game & matchmaking
37:35 - Game city map
39:16 - Physics World w/ Rapier
40:46 - Multiplayer car controller
48:53 - Mobile development mode
50:40 - ありがとう



▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
   / @wawasensei  

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
  / discord  

📸 Instagram :
  / wawa.sensei  

🎎 Facebook :
  / wawasenseiyt  

🐦Twitter :
  / wawasensei  

🐦TikTok :
  / wawasensei08  

💻 My website :
https://www.wawasensei.dev