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

[@tech3425]

Phew! Thank you for that easy to understand intro to shaders! It seemed so complicated at first, but you made it really easy to understand. On a side note, those highschool trig classes really come in handy eh! 😅

[@SuboptimalEng]

For sure. I honestly never thought I'd need Trigonometry again, but it's been fun brushing up on those skills.

[@TigrayPanda]

Nice tutorial. Expecting part 2 on shaders

[@SuboptimalEng]

Should be up in the next few days 😎

[@100vivasvan]

Superb Tuorial

[@timetosleep8055]

very well explained, tyvm! 👍

[@SuboptimalEng]

Glad to help!

[@juanmacias5922]

This is awesome, thanks!

[@gerry._.y]

0:26 do you mean different shader instead of no shader?

[@danielocanto3968]

Hey, do you have the file you use in the video?

[@SuboptimalEng]

The code is on GitHub.

[@ronolds6505]

This was a great tutorial. When I used "git clone" etc., it copied "all" the files over to my computer without a problem. However, when I open up the HTML file and run code, nothing shows up (no box). ??? What do you suppose I'm doing wrong? I see the code in the file ending in "jsx" (not an extension I'm familiar with). ??

[@gabrieljreed]

This is a React app, so you'll have to run it using that. I believe the first or second video in this series goes over how to set up the React project!

[@marccawood]

Your definition of shaders was a bit iffy right off the bat but your example shows you dont get it. You don’t need a more powerful computer to run shaders - all you need is a GPU. A shader has nothing to do with lighting per se, it’s ultimately just a program which runs on the GPU with massive parallelism.

[@alvarobyrne]

yiuyiouo