Uploaded August 2023 | Updated September 2026, 1 week ago

---

Let's add pathfinding movements into our online Sims-like multiplayer game with React Three Fiber and Socket.io

In this third part of the tutorial, we will set up a simple pathfinding system to avoid objects while moving our characters

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


Get the starter pack here 🔗
github.com/wass08/r3f-sims-online-part-2

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

#threejs #r3f #socketio

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

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

Kenney Furniture Pack
https://poly.pizza/bundle/Furniture-Kit-NoG1sEUD1z

Blender Super Batch Export
github.com/mrtripie/Blender-Super-Batch-Export

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:33 - Project setup
01:18 - Added items
05:23 - Pathfinding
11:23 - Server full grid
14:35 - Move event
20:29 - Client path system
24:40 - Arigatou Gozaimasu

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