React Three Fiber & Three.js - Textures Explained
Hi there ?♂️
Want to create a realistic 3D scene in the browser? In this video, different texture types will be explained which can make your objects look more realistic. We will discuss the most used textures: the color/diffuse, displacement, normal, ambient occlusion, roughness, metalness and alpha texture. We will also implement all of them and tweak their values in the browser using three.js, react three fiber and LEVA.
This channel is meant to help you start developing 3D websites. The videos are meant to be short and educational. Make sure to subscribe in case you want to learn more about developing 3D websites!
---
? LINKS MENTIONED IN THE VIDEO
3️⃣ Starting code: https://github.com/sjoerdvanBommel/youtube/tree/base-code-v2
3️⃣ Code from video: https://github.com/sjoerdvanBommel/youtube/tree/008-textures-explained
3️⃣ Poly Haven: https://polyhaven.com/
---
? OTHER VIDEO'S
3️⃣ React Three Fiber Camera's Explained: https://youtu.be/Isr-hIveUK0
3️⃣ React Three Fiber & Three.js Geometries Explained: https://youtu.be/QHLEo0Rf8RY
3️⃣ Learn to debug your UI real time using LEVA: https://youtu.be/FQ_CIS2YJxA
3️⃣ Showcase your 3D model in the web using three.js, react three fiber, react three drei and gltfjsx: https://youtu.be/tBSbgRRpNzI
---
? CONTACT ME
3️⃣ GitHub: https://github.com/sjoerdvanBommel
3️⃣ Instagram: https://www.instagram.com/threeveloper/
3️⃣ Twitter: https://twitter.com/threeveloper
3️⃣ LinkedIn: https://www.linkedin.com/in/sjoerd-van-bommel-8a232914a/
---
⏲ TIMESTAMPS
00:00 Introduction
00:28 Download textures
00:51 Explain downloaded textures
02:12 Setup 3D scene
02:48 Apply color texture
03:10 Apply displacement texture
05:12 Apply ARM texture
06:14 Apply normal texture
06:39 Apply alpha texture
07:09 Play with texture values
08:00 Debug texture related properties with LEVA
10:19 Outro
---
❌ DON'T CLICK HERE
https://shorturl.at/mqtCR
Got you there ;)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Three Fiber & Three.js - Textures Explained», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.