Customize ThreeJS Materials With Shaders

Автор: Visionary 3D

Загружено: 2023-03-08

Просмотров: 9608

Описание:

In this video I'll show you how to extend three.js materials with GLSL.
And I'm also going to show you how to add uniforms and defines to your injected shader.

If you wanna learn more about shaders and GLSL, here's my playlist on shaders :
• Shaders

My Three.js Boilerplate :
https://github.com/visionary-3d/three...

00:00 - Intro
00:16 - Scene Overview
01:09 - Extending The Material With GLSL
05:18 - Adding Custom Uniforms
08:06 - Adding Defines
09:06 - Outro

#threejs
#threejs_tutorial
#glsl
#shaders
#3d

Customize ThreeJS Materials With Shaders

Доступные форматы для скачивания:

Скачать видео mp4

Информация по загрузке:

Скачать аудио mp3

Похожие видео

Three.js Music Visualizer With Shaders For Beginners

Three.js Music Visualizer With Shaders For Beginners

A Different Way Of Thinking About Shaders in WebGPU

A Different Way Of Thinking About Shaders in WebGPU

Three.js Shaders Tutorial (part 1/2) | Intro to GLSL Vertex and Fragment Shaders

Three.js Shaders Tutorial (part 1/2) | Intro to GLSL Vertex and Fragment Shaders

7 примеров, доказывающих, что шейдеры — это здорово

7 примеров, доказывающих, что шейдеры — это здорово

Three.js Tutorial on Shaders (beginners)

Three.js Tutorial on Shaders (beginners)

Ваши изображения ЗАСЛУЖИВАЮТ этих эффектов

Ваши изображения ЗАСЛУЖИВАЮТ этих эффектов

Введение в кодирование шейдерной графики

Введение в кодирование шейдерной графики

WebGPU :: Compute Shaders Crash Course For Beginners

WebGPU :: Compute Shaders Crash Course For Beginners

ПРОЩАЙ СТАРЫЙ BLENDER 5.0 #blender

ПРОЩАЙ СТАРЫЙ BLENDER 5.0 #blender

Введение в поля знаковых расстояний

Введение в поля знаковых расстояний

Gemini 3, кванты и плоть. Странное будущее искусственного интеллекта.

Gemini 3, кванты и плоть. Странное будущее искусственного интеллекта.

WebGPU :: Rendering the future in Real-Time

WebGPU :: Rendering the future in Real-Time

ThreeJs Tutorial: Textures

ThreeJs Tutorial: Textures

Как создать эффект 3D-стекла с помощью Three.js и Next.js

Как создать эффект 3D-стекла с помощью Three.js и Next.js

Заработок 3D художника на NSFW: Стоит ли оно того? / Making Money as NSFW 3D Artist: Is It Worth It?

Заработок 3D художника на NSFW: Стоит ли оно того? / Making Money as NSFW 3D Artist: Is It Worth It?

Three.js Shaders Tutorial (part 2/2) | GLSL Shaders with Uniforms and Varying

Three.js Shaders Tutorial (part 2/2) | GLSL Shaders with Uniforms and Varying

Введение в шейдеры: изучите основы!

Введение в шейдеры: изучите основы!

Three.js Shaders in 2 Minutes

Three.js Shaders in 2 Minutes

Хотелось бы знать это до использования React Three Fiber.

Хотелось бы знать это до использования React Three Fiber.

An introduction to Raymarching

An introduction to Raymarching