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 🔗

Final Code

Part 1
Part 2
Part 3
Part 4
Part 5
Part 6

#threejs #r3f #socketio

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

My complete course to learn React Three Fiber

Quaternius 3D models

Royalty-free 3D models assets

Socket.io Documentation

React Three Fiber documentation

R3F 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:

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

💻 The Discord Community

📸 Instagram :

🎎 Facebook :

🐦Twitter :

🐦TikTok :

💻 My website :