React Three Fiber Tutorial - Mesh Portal Material

Wawa Sensei
Wawa Sensei
17.6 هزار بار بازدید - پارسال - Let's build 3D portal worlds
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: discord

📸 Instagram :
Instagram: wawa.sensei

🎎 Facebook :
Facebook: wawasenseiyt

🐦Twitter :
Twitter: wawasensei

🐦TikTok :
TikTok: wawasensei08

💻 My website :
https://www.wawasensei.dev
پارسال در تاریخ 1402/04/09 منتشر شده است.
17,690 بـار بازدید شده
... بیشتر