Three.js Shaders in 2 Minutes

Free shader course, interactive quizzes, and code challenges: chriscourses.c...
Shaders utilize the GPU to render 2D and 3D objects onto a screen. With two simple functions: a vertex shader and a fragment shader, you can alter meshes programmatically to create never-before-seen visuals and effects.
There's a lot of jargon within this realm of development, so this video should help out a bit.

[@jimboli9400]

This is such a high quality video, thank you. Straight to the point and gives room for the viewer to progress!

[@bitbybit981]

This is in no means an indictment, but the fireship influence is very apparent. Which is a great thing since I think it's the best format, so good job.

[@zainmushtaq4347]

I've been watching dozens of videos on shaders in an attempt to understand them, but your 2 minute video managed to squeeze in so much easy-to-understand content with easy-to-follow visuals and examples, like wow, amazing job! 😇💯

[@ChrisCourses]

Glad it helped! Appreciate the super nice comment and support, worked hard on this, so def feels good

[@zainmushtaq4347]

@@ChrisCourses It's well deserved 😇⭐ Went down your rabbit hole and landed on your course with hours of material on shaders and three.js, and once again, you did an EXTREMELY amazing job at conveying all the abstract and seemingly nonsensical technical stuff with great clarity and sympathy with the users watching that most of it doesn't make sense to a layman at first sight -- that just makes you more relatable and easier to connect with and I have learnt a ton 😇 Keep up the excellent work

[@maelar1605]

Honestly, one of the best video I have seen for a while now. Thanks you are saving me

[@Chron1cles31098]

Straight to the point, high quality, and clear. Liked and subbed, thanks.

[@loudallo3028]

Great animations. Perfect length. God will it.

[@joanapaulasoliveira]

Amazing content, Chris. Thanks for sharing!

[@User-w8t4t]

Learn a lot from your channel! Thank you

[@tech3425]

Woah! Great Animation, and rare content!

[@akiraleva5496]

Hi Chris ! Your channel is the best channel for coding beginners in my opinion and I wanted to ask if you could make a tutorial video on 3D particles colliding because I only want to learn it from your channel !
Can you plz plz do a video on 3D particles colliding? Like have a tutorial on 3D balls bouncing off one another on a 3D plane ?

[@fannanoking6865]

Thanks for your three js courses. Would make any advance three js course further?

[@BenVanLooy]

Another great video thanks !!!

[@dhruvnakum6381]

Hey @Chris How can we add fog to Custom Material like to ShaderMaterial? 🤔. It has a `fog: true/false` property but i dont know how we can use it in FragmentShader

[@TheAkiller101]

Gold 😮

[@kaushaljoshi6720]

Please make a water shader tutorial with flow.

[@phalhappy8612]

Hi, in game engine they can use a packed texture to optimize storage and performance. how can we do that in Threejs?

[@ManoToor]

1:04 what is that retro scene called? Any sources?

[@oguzsancaktar4452]

Hey vcris I have 2017 MacBook Pro. 13 inch dualcore. I had performance problems when developing please take us for video for performance

[@Bastienreturn]

how can you add motion blur based on movement ?

[@eotikurac]

very cool but also VERY difficult

[@facileprinceps4687]

But how do you link or import the shaders to the js file?

[@baliyachtservices7505]

Nice!

[@Archana-jb3pr]

I wanted to make a earthglobe interactive like onclick it has to show some details like country name .how to do it? Please reply

[@robinsus]

Fragment shaders run for each fragment, not pixels. Fragments are potential pixels.

[@nitinjena5785]

I need that cat gif 😂

[@TheSimpleEngineer]

Hey Chris, big fan of your animations. Do you do it in after effects?

[@Xyzzzz307]

I am have the first view, first like and first comment on Chris Courses.
That makes my day

[@denoeko]

Which editor you use?

[@Xyzzzz307]

Sir can you tell setup to do quick setup of project like 'mkcanv'?
Please please

[@ChrisCourses]

Hey there, I made that shortcut using an app called Alfred. They have custom workflows you can create to type in Alfred commands that run terminal commands in return. I'm basically just saying to cd to a new directory and then clone the canvas boilerplate I made on a GitHub repo. Hope that helps!

[@Xyzzzz307]

@@ChrisCourses
Thank you sir

[@wh_tev]

1:28 may you tell the name of this game? It's brilliant!

[@Orincaby]

“Petscop”

[@Xyzzzz307]

One more Html5 Canvas Video!!
Please sir

[@City__Walker]

i dont understand how connect gsl
files

[@VishalMishra-ks7qt]

How to do it in react????

[@GiooRomanadze]

Link is broken

[@Ikebot]

I didn't know Karl Jacobs was a coder

[@ch3tankate469]

1st

[@ChrisCourses]

you guys are getting too fast for me

[@Xyzzzz307]

@@ChrisCourses
Thats why we keep notifications on 😤