React Three Fiber Tutorial - Mesh Portal Material

Опубликовано: 30 Июнь 2023
на канале: Wawa Sensei

18,547

786

Let's build 3D portal worlds with React Three Fiber and the incredible MeshPortalMaterial from the Drei library!

We'll use BlockadeLabs amazing Skybox AI tool, to create the different monster worlds

Live demo
https://r3f-mesh-portal-material.verc...

Get the starter pack here 🔗
https://github.com/wass08/r3f-vite-st...

Final Code
https://github.com/wass08/r3f-mesh-po...

#threejs #r3f #portal

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

My complete course to learn React Three Fiber
https://lessons.wawasensei.dev/

BlockadeLabs
https://www.blockadelabs.com/

Quaternius Ultimate Monsters Pack
https://quaternius.com/packs/ultimate...

Maath Library
https://github.com/pmndrs/maath

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fibe...

R3F Drei
https://github.com/pmndrs/drei

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

00:00 - Intro
00:41 - Starter pack
01:09 - BlockadeLabs worlds
05:09 - Pocket Monsters?
08:31 - MeshPortalMaterial
10:58 - Refacto
15:46 - Text
19:11 - Enter into worlds
22:49 - Camera Controls
27:01 - Hover monster animation
30:48 - useCursor
31:28 - Final result
32:05 - Conclusion

▬▬▬▬▬▬ 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

Смотрите видео React Three Fiber Tutorial - Mesh Portal Material онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 30 Июнь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,547 раз и оно понравилось 786 людям.