Nice tutorial! I had an error when injecting shaders into standard materials because of the replacement. The first line of the pars/main file continues at the end of the last file in the include. This means that it ruins an ifdef block, then the compilation fails. If you let one free line at the beginning of the main file, this won't happen. But if your code starts at the first line, you have to add linebreak into the replace (just add linebreak and don't think about it). // Do this for both pars and main injections and you are golden. shader.vertexShader = shader.vertexShader.replace( parsVertexString, parsVertexString + " " + vertexPars )

Finally, I have been learning about shaders for a while. It was a nightmare for me to find any tutorials about shaders on KZfaq. This was the best video I saw about shaders. Even though I was already familiar with shaders, I still learned a lot from this video.

Not even finished yet, and this is a complete GEM 💎 Thank you so much for it, my friend. Sending all the best vibes ✨

Amazing to see such content free on KZfaq, it's a blessing for the community 👊👏 Keep up the good work 👌

huge thanks for your effort put into this thorough video, it's perfect to start into all of this, literally everything needed perfectly explained 👌🏼

Man you are amazing.. for real, first time seeing someone explaining shaders in such a good way! Thank you.

Hey, Just wanted to drop a comment to say a massive THANK YOU for the awesome shader tutorials you've been putting out there! 🙌 Your ability to break down complex concepts and explain them in such a simple and easy-to-understand way is truly amazing. It's really helped me (and I'm sure many others) get a grip on shaders like never before. Keep up the fantastic work, and I can't wait to see what you'll share next! You're a rockstar! 🌟 Cheers

This is an excellent tutorial by a very good person. I can say he knows about the subject very well. He has created one of the best guided videos on shaders.

this tutorial was amazing. Thank you so much for sharing your talent and creative power with us. Wish you all the best. loving the way you are explaining things especially the mathematical part where lot of teacher lack at explaining how they got there.

genuenly the best glsl tutorial on youtube

Gracias por este tutorial, no tienes idea de lo mucho que lo necesitaba, no encontre tutoriales asi en todo youtube, en serio, muchas gracias.

I'm 33 minutes in and I just had to stop to say that you are a fantastic teacher. It's a pleasure to learn from you. Count me as a delighted new subscriber. 🤗

I really appreciate the mindset note at 1:08:49. Very important when consuming information for the first time (especially somewhat dense) to step back and give perspective, especially when following a tutorial. Great teacher!

Excellent course for an absolute beginner in 3d-graphics like me!

Nice work man you definetly deserve more people who support you! 💪🏽🔥

Loved your explaination here ❤❤

Amazing course. Really good examples and easy to follow . Thanks a lot

Excellent tutorial!!! I really feel like I learned a lot.

You're great, man! Thank you for sharing your knowledge!

Your content & video quality are awesome! Keep going 🔥

Yeah!! I finally found the ultimate lecture...

Thank you for uploading this!

Hey guys I hope you enjoy this video. Here's the link for my extending three.js materials video if you need it : kzfaq.info/get/bejne/rNWnh8Jp1LyqnYE.html If you want to learn more about shaders checkout this playlist : kzfaq.info/sun/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy

Very comprehensive and super helpful, great work, thanks

Excellent course man, you're a great teacher. Keep it up!

You are so fantastic at explaining shaders. Thank you so much for this video 🙏

Amazing. Thank you for sharing your knowledge

Thanks this was very helpful.

Thank you so much, helped a lot.

This was a great intro, thanks.

I think this video answers what I want to do, plan is to make a sphere but color is defined at 4 specific vertices and interpolated elsewhere, which ofc shaders should be perfect for! I'll add an edit to say whether or not it was useful

Man, it is so brilliant! Much thanks

fire video! well done 🔥

thanks for the content 💎 thats really precious

This is great stuff! Thanks for sharing!

I cant understand why you have 'only' 3k subscribers. Your tutorials are so good, thank you !

Super late to the party, but thank you. I have followed courses by Bruno Simon etc, and he is brilliant. But you go to another level with explaining every character. Other channels seem to skip the detail. Thanks for the effort and filling the gaps in my knowledge.

So incredibly useful

great, big thanks and keep going...

thanks a lot this was super helpful!!!

very helpful and well explained, thanks

BRILLIANT, brother thanks. :D

I enjoyed this video. good luck

Nice and concise thanks for creation

Really nice content, thanks!!!

The most important section in the video is the Mindset one. That's what learners need :D

I like how he explain, thanks for the tutorial

amazing tutorial, your explanation is better at shader than bruno's keep up the good work!

Hello people! I was a bit curious about the variables provided by threejs by default, so here is a list of the most common uniforms provided by threejs (taken from chatGPT) I hope you find it useful: modelMatrix: the model transformation matrix that's used to transform model coordinates into world space. viewMatrix: the view transformation matrix that's used to transform world coordinates into camera view space. projectionMatrix: the projection matrix that's used to transform view coordinates into screen coordinates. modelViewMatrix: the combined model and view transformation matrix. normalMatrix: the model normal transformation matrix, which is used to transform model normals into view space. cameraPosition: the position of the camera in world space. time: the time in seconds since the animation started. resolution: the screen resolution in pixels. map: the texture of the material being rendered. opacity: the opacity of the material being rendered. color: the color of the material being rendered. fogColor: the color of the fog that's being applied to the scene. fogNear: the closest distance to the camera at which fog is applied. fogFar: the farthest distance from thecamera at which fog is applied. sunPosition: the position of the sun in world space. pointLightPosition: the position of the point light in world space. pointLightColor: the color of the point light. ambientLightColor: the color of the ambient light. directionalLightDirection: the direction of the directional light. directionalLightColor: the color of the directional light.

tooo good!!

Good Video!

The best shaders course

beautiul, thank you sir

thank you amazing video

Thank you so much for this

Man! Thank you sooooooooooooooo much for this.

This is the best ThreeJS channel I have ever seen Black. - Another like [1,0,0] -> Red, So the right part of the sphere is red because the x value is equivalent to the R. - The front part of the sphere is blue because the vertex positions in this zone are near to [0,0,1]. So, Z is at max and is equivalent to B. That`s the why we have this "rainbow Effect". A I correct? pd: Again, wonderful content, the best one I ever seen about this 3D on web

Brooooo Thank you!!!!

i think it would be helpful if you also covered in general how to deal with large numbers of objects, like if i want to make a grid or particle effect with some shapes. In particular im wondering how to control when objects are created in time

great video! splitting the screen would have been perfect

Bro how did you make your vscode vim extension look so smooth

Want more shaders course. Please

do these shaders also work for Lines, or only Meshes? My scene is using Lines and LineSegments but I want to add custom shader code. Any advice is appreciated.

Thanks for the amazing video! A question: In ducky's example, the contrast between black and white in the noise pattern is higher, and black is more concentrated. This is resulting in smoother displacement crests, compared to what we get here (very sharp crests). What do you think I can change to achieve that?

Hi everyone, can someone help me, I'm trying to find out what that purpleish icon over the shaders folder? What tool is it for ? I see everyone with it but when I open these files I dont have it its; just plain yellow folder. I think it helps connect the glsl file to the js?? I hope you can understand what I am asking,,,

When I change the vec2 uv = vUv by vec3 coords = vNormal, it shows the sphere but not the pattern we had earlier. It looks like a twinkling light.

Do you think this could be done to move baed on a spectrum analyzer to create an audio spectrum analyzer?

At around 2:22:00, why did you transfer the entire noise generation function to vertex shader?

Could you give us some fragment shader cheatsheets

I've been following every minute of the tutorial but I got stuck at the switch of shader material (onBeforeCompile, ....). I've got an error I can't manage to fix after rewatching multiple times. Any chance we can discuss about it ?

Little bit of an off topic question but how is your ide so smooth? I see you jumping thru lines and characters so fast and smooth ? Also there is that smooth effects happening when you type .. What are the configs ? Is it like that because Ubuntu OS?

Hey, how do you have a blank line at the top of every glsl file, maybe it's a vscode extension or setting that does this?

The question for me is always, how do I get it online? So from localhost to my website. Do you also have a tutorial for this?

I wanted to run your code, from main branch and it gives me simple sphere without this complex shape. Shader files are empty, and are imported but unused

bro i exactly did whatever you said about twice until 2:37:18 and get this error that i cant fix can you help me and i exactly followed your video by the way thanks for this cool video || the ERROR is ERROR: 0:246: 'ifdef' : unexpected end of file found in conditional block

👍👍👍👍✨

perlin noise function not working

JavaScript doesn’t have true mod either 😂 so I’m already used to the mod function

bro u could have just merged the shaders on initialisation of the material, look it up, u can include standard three shaders in your custom with one line of code :3

You spent too much time on the easy part and not enough on the hard part :)

Very bad tutorial, at least teach how to set the entire project, only when i started making my own project i realised directly importing glsl was a no go

guy's voice very stuttering, lots of "um"s and "and"s and "uh"s

Awesome content!

Only feedback is the end bit was a bit of a bottom falling out moment since you get into the shader injection. Ugh, that was very complicated sadly.