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.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
Watch video React Three Fiber Tutorial - Mesh Portal Material online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 30 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 18,547 once and liked it 786 people.