Customize ThreeJS Materials With Shaders

Рет қаралды 6,056

Күн бұрын

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 :
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

Пікірлер: 14

@visionary_3_d Жыл бұрын

Hey guys I hope you enjoyed this video. 😁 Reply to this comment and let me know what videos you want to see from me about Three.js. 🙏 Checkout my playlist on shaders if you're interested : kzfaq.info/sun/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy

@StellarWeb008 Жыл бұрын

Sir I tried this method of changing the diffuseColor variable but I see a problem that even if I inject my vertex pars & fragment pars & get the vUv into the fragment shader, i am unable to shade dynamic colors on it using the uv or any other varyings even after bringing them to the fragment shader from the vertex shader by using a varying. Please help me how to get dynamic colors injected.

@masoudrezazadeh6067 Жыл бұрын

It was very useful. Please upload more of these videos, because there is a lack of them on KZfaq. Thanks

@ariox5793 Жыл бұрын

It took me hours to figure this out by my own . and I didn't find any videos on this topic at all 😕 Much needed video 😍😍 Keep the good work up

@dariayudina8463 Жыл бұрын

I like your tutorials, thanks for sharing your knowledge!

@pooyanoaman5038 Жыл бұрын

I enjoyed this video, I will definitely use this video in the future🤩

@jamesmartens160 Жыл бұрын

Super cool technique, thanks very much for sharing 👏

@visionary_3_d Жыл бұрын

My pleasure 😊

@evil_core3029 Жыл бұрын

thank you, this video helped me solve my problem )

@visionary_3_d Жыл бұрын

That's Great!

@richardramirez5746 2 ай бұрын

you are the best.. just a question, which graphics card and processor are you using? You think it requires too much GPU for three js.. examples like lusion or elysium pages to consider

@visionary_3_d 2 ай бұрын

Thanks! I use "AMD ryzen 9 7900X", and "Nvidia RTX 4070 Ti". I recommend, you invest in a really good GPU because it's gonna help you in development massively. For three.js a mid-level GPU will get the job done.