React Three Fiber Tutorial - Mesh Portal Material

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.vercel.app/ Get the starter pack here 🔗 https://github.com/wass08/r3f-vite-starter Final Code https://github.com/wass08/r3f-mesh-portal-material #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/ultimatemonsters.html Maath Library https://github.com/pmndrs/maath React Three Fiber documentation https://docs.pmnd.rs/react-three-fiber/getting-started/introduction 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: https://www.youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ 💻 The Discord Community https://discord.gg/2wBhwchcWu 📸 Instagram : https://instagram.com/wawa.sensei 🎎 Facebook : https://www.facebook.com/wawasenseiyt 🐦Twitter : https://twitter.com/wawasensei 🐦TikTok : https://www.tiktok.com/@wawasensei08 💻 My website : https://www.wawasensei.dev