Three.js Shaders in 2 Minutes

Рет қаралды 65,575

3 жыл бұрын

Free shader course, interactive quizzes, and code challenges: chriscourses.com/courses/inte...
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.

Пікірлер: 43

@jimboli9400 2 жыл бұрын

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

@Chron1cles31098 Жыл бұрын

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

@joanapaulasoliveira 3 жыл бұрын

Amazing content, Chris. Thanks for sharing!

@maelar1605 Жыл бұрын

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

@bitbybit981 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

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

@zainmushtaq4347 2 жыл бұрын

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

@loudallo3028 2 жыл бұрын

Great animations. Perfect length. God will it.

@user-gf9ri4wj5h Жыл бұрын

Learn a lot from your channel! Thank you

@tech3425 Жыл бұрын

Woah! Great Animation, and rare content!

@BenVanLooy 3 жыл бұрын

Another great video thanks !!!

@fannanoking6865 3 жыл бұрын

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

@akiraleva5496 3 жыл бұрын

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 ?

@dhruvnakum6381 3 жыл бұрын

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

@TheSimpleEngineer 2 жыл бұрын

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

@phalhappy8612 Жыл бұрын

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

@Archana-jb3pr 3 жыл бұрын

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

@Bastienreturn Жыл бұрын

how can you add motion blur based on movement ?

@baliyachtservices7505 2 жыл бұрын

Nice!

@oguzsancaktar4452 3 жыл бұрын

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

@kaushaljoshi6720 3 жыл бұрын

Please make a water shader tutorial with flow.

@facileprinceps4687 Жыл бұрын

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

@ManoToor Жыл бұрын

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

@denoeko 2 жыл бұрын

Which editor you use?

@wh_tev 2 жыл бұрын

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

@himadri_121 3 жыл бұрын

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

@ChrisCourses 3 жыл бұрын

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!

@himadri_121 3 жыл бұрын

@@ChrisCourses Thank you sir