Multiplayer Game Tutorial with R3F & Socket.io: Grid System

Published: 11 August 2023
on channel: Wawa Sensei

5,092

143

Let's continue to build our online Sims-like multiplayer game with React Three Fiber and Socket.io

In this second part of the tutorial, we will setup our grid system. It will enable us to later do:
a room builder
a simple pathfinding system

If you haven't watched the first part, it's available here:
   • Build a multiplayer game with React T...

Get the starter pack here 🔗
https://github.com/wass08/r3f-sims-on...

Final Code
https://github.com/wass08/r3f-sims-on...

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

#threejs #r3f #socketio

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

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

Quaternius 3D models
https://quaternius.com/

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

Socket.io Documentation
https://socket.io/get-started/

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:30 - Project setup
01:11 - Blender model preparation
06:50 - Last checks
09:03 - Generic Item Component
10:37 - Server Room Setup
15:19 - Display Room
19:59 - Position items on the Grid
22:27 - Camera Follow
23:57 - Add more items
25:04 - Final result

▬▬▬▬▬▬ 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 Multiplayer Game Tutorial with R3F & Socket.io: Grid System online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 11 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,092 once and liked it 143 people.

12,373

289