How to Create Scene Transitions with React Three Fiber

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

5,905

178

Let's learn how to create transitions between 3D scenes with Three.js and React Three Fiber

In this project-based tutorial, will learn how with the help of Render Targets and Custom Shaders, we can create amazing 3D scene transitions.

Learn Render Target:
https://lessons.wawasensei.dev/course...

Learn Shaders:
   • How to create animated shaders with t...

Part2:
   • How to Create Shader Transitions with...

Starter pack 🔗
https://github.com/wass08/r3f-scene-t...

Modern Kitchen 3D Model
https://sketchfab.com/3d-models/moder...

#threejs #javascript #r3f

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 - Intro
01:02 - Starter project
04:00 - Render target explanation
06:24 - Different scenes
08:09 - Model preparation
09:58 - Render target
11:14 - Custom shader transition
13:51 - Final result
14:17 - 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 :
https://www.wawasensei.dev

Смотрите видео How to Create Scene Transitions with React Three Fiber онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 01 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,905 раз и оно понравилось 178 людям.

561