7 Examples Proving Shaders are Amazing

Have you dabbled in Shaders via threejs? Do you want to?

just imagine how laggy those sites are on the most of computers

Would have been nice to cover how each shader works

yes, go more into the world of shaders, really cool stuff, I have plans to learn shaders and make some 3d mini game. lets see what happens.

examples 2 are not vertex shader.. they are just sdf shaders where the radius has a wave function all done in the FS

I'm HYPED to learn more from your channel on this

I want to learn this. Please bring more content on shaders.

Where can I learn Shaders?

I actually hate these.

WAITING FOR THE TUTORIAL

i dont know about this fancy stuff, my regular pc cant even load any of them smoothly, what happen when a potential client try to check out your site and its laggy af, then you dont get the business

The effect you call RGB-shift is better known as chromatic aberration.

Congrats on 1 million!!

Been on and off with learning ThreeJS for a while now and I always have to remind myself the reason I wanted to learn it in the first place. 1. To create beautiful interactive websites and 2. Shaders are drop dead amazing and rare among web development space. Getting closer and closer, it's really exciting. Can't wait for this content drop

And suddenly the 4 years game development degree I have is relevant!

Shaders sure are great, but considering we now mostly use a mobile first approach, the performance of such sites on mobile devices is (at least currently and ofc depending on the data load) is still kinda lacking behind the desktop versions. You can achieve good results, depending on what you do, but so far mobile performance is not up to par with the desktop equivalent. I'm sure that'll change in the future. Also, this is probably another realm of design, where AI could be used to boost creative input. Nice choice though, can't wait for the tutorial

Can you share me the code

this is a sign I need to learn 3js

Started learning Shaders because I was looking for a more efficient way to implement animated mesh gradients. I can't wait for more content

if you could present signed distance functions to more people that would be awesome. They are extremely powerful but don't seem to get taught very often.

WebGL / WebGPU are better platforms for animation that SVG. I've haad nothing but problems with getting reliable performance with SVG.

I love shaders OMG. So glad someone with a big following and such a good presentation is able to share this with more people. Because there is very small community of coders that do shaders.

really amazing, i'm learn basic shader, you have tutorial to learn this?

i think it would be nice to mention how accessible it has become to implement/learn shaders now that we have tools such as chatGPT. I've been fiddling with shaders for quite some time (for i'm an interaction designer / multimedia artist), and even though there are great sources of information on the web like Patricio Gonzalez (The Book of Shaders), Inigo Quilez and the Art of Code, just to name a few, i personally saw a major upshift on my learing curve while using ChatGPT to point me to the right direction, correct my code, and provide me with pieces of code that i couldnt figure out for myself.
So yeah, this is a great time to learn shaders :)

where can i get the url of those sites showed in demo?

NO WAY! I WAS LITERALLY WRITING A SHADER IN THREEJS RIGHT NOW LOLOL