I Built a Multiplayer Sims Game with Javascript

Published: 22 September 2023
on channel: Wawa Sensei

6,771

213

Welcome to the final episode of our multiplayer Sims-like game with React Three Fiber, Three.js, and Socket.io! 🎉

Try the final version here 👉 https://r3f-sims-online-client-u4.vm....

In this video we will discover how to enable a room/lobby and save system to our game, how to add nice camera transitions with CameraControls, how to create beautiful realistic shadows with AccumulativeShadows, and how to deploy both our client and server to make our project live 🚀

Deploy your project with Elestio
https://elest.io/

Discover Open Source Software with Elestio
   / @elestio

Get the final project here 🔗
https://github.com/wass08/r3f-sims-on...

#threejs #r3f #socketio

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

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

Socket.io Rooms Documentation
https://socket.io/docs/v4/rooms/

CameraControls
https://github.com/pmndrs/drei#camera...

AccumulativeShadows
https://github.com/pmndrs/drei#accumu...

Part 1    • Build a multiplayer game with React T...
Part 2    • Multiplayer Game Tutorial with R3F & ...
Part 3    • Multiplayer Game Tutorial with R3F & ...
Part 4    • Multiplayer Game Tutorial with R3F & ...
Part 5    • Multiplayer Game Tutorial with R3F & ...
Part 6    / uorkfslnow
Final part    • I Built a Multiplayer Sims Game with ...

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fibe...

R3F Drei
https://github.com/pmndrs/drei

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

00:00 - Intro
00:52 - Final Result
01:43 - Project setup
02:25 - Welcome Lobby
03:21 - Smooth transitions
05:29 - Avatar optimization
07:30 - Room system
10:18 - Socket.io Rooms
12:22 - Chat
13:30 - Adjustments
14:20 - Realistic Shadows
15:23 - Deploy websocket server
17:49 - Deploy React Three Fiber app
20:38 - Thank you!

▬▬▬▬▬▬ 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

Watch video I Built a Multiplayer Sims Game with Javascript online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 22 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,771 once and liked it 213 people.