Uploaded August 2023 | Updated September 2026, 1 week ago

---

Let's learn how to use Socket.io to make a multiplayer 3D game with React Three Fiber

In this tutorial, we will try to reproduce a sims-like/animal crossing-like video game by adding multiplayer networking features with Socket.io.

Get the starter pack here 🔗
github.com/wass08/r3f-vite-starter

Final Code
github.com/wass08/r3f-sims-online

Part 1 youtu.be/uLv1Zu8GyUw
Part 2 youtu.be/ALlk9cNRA1s
Part 3 youtu.be/voJ_z1y8fjk
Part 4 youtu.be/TkrhGHAt7o0
Part 5 youtu.be/C_7o9TAM_0I
Part 6 youtu.be/UOrkfsLNow

#threejs #r3f #socketio

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

My complete course to learn React Three Fiber
https://lessons.wawasensei.dev/

Quaternius 3D models
quaternius.com

Royalty-free 3D models assets
https://poly.pizza/

Socket.io Documentation
socket.io/get-started

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

R3F Drei
github.com/pmndrs/drei

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

00:00 - Intro
00:47 - Project setup
05:35 - Multiple Skinned Mesh models
07:17 - Socket.io Server
10:22 - Socket.io Client
12:21 - Display connected users
18:55 - Moving characters
24:22 - Love

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬
Become a member to get access to awesome perks:
youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join

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

💻 The Discord Community
discord.gg/2wBhwchcWu

📸 Instagram :
instagram.com/wawa.sensei

🎎 Facebook :
facebook.com/wawasenseiyt

🐦Twitter :
twitter.com/wawasensei

🐦TikTok :
tiktok.com/@wawasensei08

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