Skip to content
HHackerTube.videoSurprise me

Learn to Paint with Mathematics

Learn to Paint with Mathematics on HackerTube: recommended by 3 Hacker News commenters across 3 separate months, 2022–2025.

Inigo Quilez

tutorial · intro · evergreen

Open on YouTube

Inigo Quilez live-codes a painting using only mathematics in a shader, building it up step by step. The linked Shadertoy source shows the result.

Why Hacker News recommends it

Recommended as the most beginner-friendly way into shader programming and procedural graphics.

people recommended it
3
separate months
3
strong recommendations
0
discussed on HN
2022–2025
“Watch "Learn to paint with mathematics" to see a simple shader being built gradually”
— modernerd, Jan 2025, in “Dissecting "Tiny Clouds" shadertoy (2017)”

What HN commenters said

3 Hacker News comments link this video. Each one links back to its thread.

modernerdJan 2025Recommends

Yes, but you can learn it! 1. Get inspired, get motivated. Shaders like these are breathtaking (and well-commented): [link] 2. Watch "Learn to paint with mathematics" to see a simple shader being built gradually: ▶ this video 3. Work through [link] .

in “Dissecting "Tiny Clouds" shadertoy (2017)” · View on HN

joenot443Apr 2023Recommends

[link] is what I'm talking about. It's not necessarily a from-zero introduction, but it's a nice resource. ▶ this video is probably the the most beginner friendly. [link] is another great place to start. Good luck and enjoy!

in “Show HN: Unknown Pleasures, a tiny web experiment with WebGL” · View on HN

djmipsJun 2022Recommends

Thankfully for the graphics the very person who did the graphics in this Elevated demo is very generous with their time. Inigo Quilez has many instructional videos on his channel in how to code procedural graphics from the very beginner to the advanced. I link a couple of examples. You can watch the more advanced video even as a beginner but trying yourself is easier at the beginner level. Beginner. ▶ this video Advanced. [link] Website. [link]

in “Source code for 4kb demoscene production “Elevated” released (2016)” · View on HN

Topics & tags

Creative coding & generative artComputer graphics & renderingglslshadertoyprocedural graphicssigned distance functionscreative coding