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