Build a 3D Multiplayer Mobile Shooter Game with Playroom and React Three Fiber
Вставка
- Опубліковано 1 лип 2024
- Let's learn how to build a 3D Multiplayer Mobile Shooter Game easily with Playroom (@joinplayroom) and React Three Fiber
In this video we will use Playroom toolkit to enable multiplayer features into a React Three Fiber game we will build together.
Try Playroom SDK for Free 👉 joinplayroom.com/?=wawasensei
Play the game 👉 r3f-playroom-multiplayer-u4.v...
To understand how physics system work, watch my dedicated video 👉 • React Three Fiber Tuto...
Final code 🔗
github.com/wass08/r3f-playroo...
Starter pack 🔗
github.com/wass08/r3f-vite-st...
#threejs #multiplayer #gamedev
▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬
🚀 Learn React Three Fiber with my complete course ✨
lessons.wawasensei.dev/course...
Playroom Doc
docs.joinplayroom.com/
Quaternius Pack
quaternius.com/packs/toonshoo...
DirectionalLightShadow
threejs.org/docs/#api/en/ligh...
React Three Rapier
github.com/pmndrs/react-three...
Tailwind CSS
tailwindcss.com/docs/guides/vite
ReactJam
reactjam.com/
AxieJam
hub.skymavis.com/axie-game-ja...
▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬
00:00 - Intro
01:16 - Starter project
02:31 - Map
04:41 - Enabling multiplayer with Playroom
07:14 - Soldiers
11:49 - Physics with Rapier
13:42 - Multiplayer player movement
20:10 - Firing bullets
28:11 - Bloom Postprocessing
29:10 - Syncing bullets
30:41 - Player hit
34:43 - Leaderboard
36:57 - Bullet impact
39:42 - Test on mobile
40:05 - Thank you!
▬▬▬▬▬▬ 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 :
www.wawasensei.dev - Наука та технологія
I attribute my entire engineering knowledge and future engineering career right now to this man’s content. Wawa truly is a special person helping us get to our dream projects. Bought his course just to support him.
bro same! Sensei without you I would be homeless by now! Thanks
guys, thanks a lot, I will do my best to make learning 3d web development accessible & fun 🔥
You are killing it right now, thank you Sensei
Thank you so muuuuch 🙌
your content is something else man!
💜💜💜
great tutorial!
I'm a new follower and admirer, wish I had found this channel forever ago :)
Welcome aboard! So happy to read it, thank you! Wish you a great learning journey 🙌
wow, amazing game, thanks for sharing
Thanks to you 🙏🙏🙏
Awesome work bro you are the Best ❤❤
You are the best, really! Your support to my content is a huge factor of motivation 🙌
Wow, man, you are awesome!
Your support is awesome man!
I really love this game type of video❤
🙌 glad you like it, it's always a pleasure to make games!
wow that's INSANE!!
❤️ Thank youuuu, wish you are fine!
Totally am! Thanks for asking!@@WawaSensei
who so ever is following your content will soon be a great developer
That's my dream to be able to contribute and see you create great projects 🚀
excellent, you level up more
Thank you so much for your consistent support! 🙏
🔥🔥🔥🔥
🧯🧯🧯🧯 please you burnt all the comments 🤣
Very well done, the best playroom game I've seen so far!!
Do you participate to the curent React Jam?
Thanks a lot! 🙌
I'm considering to participate for this week video yes 💪
Great❤❤❤
😍
Amazing content. You just gained a lifetime subscriber!
I'm curious to know if adding batching (e.g. reducer?) for the bullets & networkBullets would have a positive effect on latency, as you don't need to wait for the bullets state to be updated and for the useEffect to kick in.
Welcome aboard! Thank you very much! Indeed, that could help! Note that Playroom is working on the possibility to add events in addition to sharing state, that could make it even easier 🔥
@@WawaSensei Cool! Btw I'm curious, if I wanted to make the player move when I click the mouse on the map, any tips on how I could achieve that?
Have two two years expirience of React in prod, but still watch this video like junior, that dont understand what happening)) thank you
Hehe, don't worry it will come! At least it keeps the excitement to know we still have a lot to learn!
I also feel the same on many topics I have no idea about (even related to 3D web development 🤭)
Amazing
🎆 thank youuu
niceee
😍
Awesome project! The Playroom SDK seems to really facilitate development of multiplayer games, but I find it quite weird that the state updates are done in the host's client rather than on the server. Is it made to build dApps?
Thank you very much!
Yes it's a pleasure to work with 🚀
I think it's made this way to simplify the life of the developer. (PS: it's also the case for Unity Relay multiplayer)
By having a host client responsible of the state update instead of a "backend" server, you have everything available, the physic world, the inputs, etc. If it's done server side, you need to do a lot of calculation, if it's the best approach for "competitive" games, this add a lot of complication for other projects.
(Can be used for dApps but I don't think it's the main purpose)
top thanks 💎💎💎
😍 Thanks to you more!
What's that song? In the intro.
Excellent! Can we add tpp or fpp player camera position?
Thank you! Of course, you can adjust the camera controls position to make it easily. You'd also need to adjust the movement logic based on the angle to do it, but the rest would stay the same.
@@WawaSensei I hope we can see these features in the coming episodes :)
wawa, do you have a course like threejs journey?
Indeed, it's available here lessons.wawasensei.dev/courses/react-three-fiber
Do Something with Spline Sensei!
Would love to! If only I could get sponsored by them too 🤭
Can I play game in PC with keyboard control? Please help me fix code control game in PC with keyboard
Hi! Well not using the Joystick feature but you can definitely change the code to use the keyboardControls and setState
est ce qu'il y a un serveur discord communautaire pour playroom ?
Yes! discord.gg/fJ6K66TXUe 🙌
I want to host this locally
What do you mean? To run it locally or use your computer as a remote server? 🤨
@@WawaSensei just locally that's all
@@geelemoyou can follow the instructions from the final code repository to do it 👉 github.com/wass08/r3f-playroom-multiplayer-shooter-game
@@WawaSensei oh lovely