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

Опубликовано: 11 Август 2023
на канале: 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


Смотрите видео Multiplayer Game Tutorial with R3F & Socket.io: Grid System онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 11 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,092 раз и оно понравилось 143 людям.