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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Three Fiber Tutorial - Mesh Portal Material», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.