Shadertoy for absolute beginners

237K views · 9 years ago · tutorial · intermediate · evergreen

An introduction to Shadertoy from The Art of Code channel, aimed at people who have never written a shader. It shows how to start making images with code in the browser.

HN people recommend it as the video that made shader programming click, and found it a fun first look at what a shader is.

“I have never heard of shadertoy, and had no idea what a shader was, until I watched this video”

3 comments from Hacker News

k
@kwoff2023 · in “Painting with math: A gentle study of raymarching”
Definitely bookmarked the article. I've been watching a playlist which is making shader programming click for me: ▶ this video "The Art of Code" channel, "ShaderToy Tutorials" playlist. I think if you know some geometry/trigonometry, once you wrap your head around writing a function that maps any pixel to a color (and how you add or multiply colors, and think in vectors), it starts to get fun. If you want a recommendation, I'd start with videos 30 and 37 in the playlist for a cool demo, then the 1st 4 videos (note: the video quality improves in later videos), then 10 and 11, then RayMarching starts in 22-24 and 29. (Many other videos in that channel are great for shader programming techniques, too.)
RecommendsView on HN
s
@sabellito2020 · in “Chaos Ink”
This guy's pretty good ▶ this video
RecommendsView on HN
e
@ereyes012017 · in “The Drive Home”
I have never heard of shadertoy, and had no idea what a shader was, until I watched this video made by the creator of the cool effect in the TFA: ▶ this video Pretty fun stuff
RecommendsView on HN