Multiplayer Game Tutorial with R3F & Socket.io: Grid System смотреть онлайн

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:
https://youtu.be/uLv1Zu8GyUw

Get the starter pack here ?
https://github.com/wass08/r3f-sims-online

Final Code
https://github.com/wass08/r3f-sims-online-part-2

Part 1 https://youtu.be/uLv1Zu8GyUw
Part 2 https://youtu.be/ALlk9cNRA1s
Part 3 https://youtu.be/voJ_z1y8fjk
Part 4 https://youtu.be/TkrhGHAt7o0
Part 5 https://youtu.be/C_7o9TAM_0I
Part 6 https://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
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-fiber/getting-started/introduction

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:
https://www.youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join

▬▬▬▬▬▬ Connect with me ? ▬▬▬▬▬▬

? The Discord Community
https://discord.gg/2wBhwchcWu

? Instagram :
https://instagram.com/wawa.sensei

? Facebook :
https://www.facebook.com/wawasenseiyt

?Twitter :
https://twitter.com/wawasensei

?TikTok :
https://www.tiktok.com/@wawasensei08

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