Building a 3D TikTok Live Game with React Three Fiber & Playroom
Let's learn how to make a 3D live game for TikTok with Playroom and React Three Fiber! 🎄
Playroom TikTok live feature documentation
https://docs.joinplayroom.com/compone...
🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/course...
Starter pack 🔗
https://github.com/wass08/r3f-vite-st...
Final code 🔗
https://github.com/wass08/r3f-tiktok-...
Demo 🔗 (use "test" as username)
https://r3f-tiktok-christmas.vercel.app/
#threejs #developer #tiktoklivegame
▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬
3D Assets
https://poly.pizza/u/Polygonal Mind
https://poly.pizza/m/KtbHdsr07s
https://poly.pizza/m/LVg3ynJDxa
https://poly.pizza/m/bydgit--BYd
https://poly.pizza/m/1oeJ9IH1igP
https://kaylousberg.itch.io/halloween...
▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬
00:00 - Intro
00:58 - Project setup
01:35 - Loading and animating characters
09:36 - useGame hook
19:31 - Infinite background animation
22:35 - Playroom integration
26:05 - Tailwind UI
30:44 - Handle Tiktok events
37:13 - Leaderboard
42:53 - Timer and game over
47:40 - Graves
49:53 - Tiktok live test session
53:06 - Bloom & Explosion
59:49 - Real Tiktok live game session
01:00:38 - Merry Christmas 🎄
▬▬▬▬▬▬ 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 Building a 3D TikTok Live Game with React Three Fiber & Playroom online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 22 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,421 once and liked it 244 people.