A Journey Into Shaders

[giscus[bot]]

A Journey Into Shaders

I finally decided to learn shaders. If you're curious about what shaders are and how they work, this article is for you. We'll start with the basics and build a simple blob from scratch.

https://www.mayerowitz.io/blog/a-journey-into-shaders

[pritster5]

Great guide!

[SuperMayo]

Thanks, hope it will be useful to others 🤞

[voidxd]

This is fantastic!

[SuperMayo]

Many thanks 🤗

[mrboen94]

This is actually so nice!
Well written and nice interactivity!

[SuperMayo]

Thanks a lot 🙏

[ram535]

Great article. May I ask which technology you used to write this article?

[benpearson2003]

At a glance, I think three.js is the library.

[pindab0ter]

You can find the source code here: https://github.com/SuperMayo/mayerowitz.io/tree/4b8cbdc3a67ac5e4e1f61f5e286a212673a00dea/src/routes/blog/a-journey-into-shaders

[SuperMayo]

It's threeJS (I use a Svelte wrapper called Threlte). It's overkill for simple shaders, but I need it for future articles involving 3d geometries 👀
For the code editor I use codemirror.
Finally the two svg animations are written in pure svg and controlled with a bit of javascript

[old-rob]

This article is excellent! Thank you!

[SuperMayo]

Thank you (for your comment and for the PR) 👍

[Achuttarsing]

Super clair ! Merci !

[cldprv]

Great guide

[Ennea]

I've finally gotten around to reading this blog post. I had been putting it off because I wanted to read it alongside my own journey into shaders.

I gotta say, this was excellent and has helped me tremendously! An amazing and very informative read, and the interactive examples were a nice touch, too.

Thank you very much, Antoine. I hope you will be writing more posts about your shader journey in the future :)