Building a 3D TikTok Live Game with React Three Fiber & Playroom

Опубликовано: 22 Декабрь 2023
на канале: Wawa Sensei

5,421

244

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

Смотрите видео Building a 3D TikTok Live Game with React Three Fiber & Playroom онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 22 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,421 раз и оно понравилось 244 людям.

1,338