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