HackerTube

Painting a Character with Maths

Inigo QuilezRecommended by 13 HN commenters across 10 months, 2021–2025
YouTube
tutorial · intermediate · evergreen · 2021–2025 on HN

Inigo Quilez live-codes a cartoon character painting entirely from math, using signed distance fields in a Shadertoy shader. He explains each step of building the image from formulas.

HN repeatedly calls it a mind-blowing and accessible introduction to SDFs and procedural art from a master explainer.

12 comments from Hacker News

@dgellow2023-04 · in “Simple Pathtracing”

I see a Inigo Quilez link, I upvote! He's one of those incredible artist-engineer out there always pushing boundaries further and sharing his ideas and techniques publicly. If you have some time today, watch a few of his videos on his youtube channel, it's incredible to see his creation process in action: link For example, "Painting a character with maths" is mind-blowing and packed with SO MUCH educative content: ▶ this video

Strongly recommends View on HN
@nighthawk4542022-12 · in “Signed distance functions in 46 lines of Python”

Great write up. If anyone wants to explore SDFs more, check out Inigo Quilez - he's a master of this stuff and a great explainer. Painting a Character with Maths: ▶ this video And plenty more on his website in article form: link Finally, Shadertoy, a graphics shader playground where you can see (and try!) a lot of this kind of stuff: link

Strongly recommends View on HN
@gregsadetsky2021-08 · in “Fishdraw: Procedurally Generated Fish Drawings”

Agreed. Check out his incredible videos! Such as this mind-blowing one... ▶ this video "Painting a Selfie Girl, with Maths"

Strongly recommends View on HN
@kn8a2021-01 · in “2020 Mathematical Art Exhibition”

This was a mind blowing example of math and art from last year - perhaps the live coding of the method was even more impressive than the outcome: ▶ this video

Strongly recommends View on HN
@sxp2021-01 · in “Neural Geometric Level of Detail: Real-Time Rendering with Implicit 3D Surfaces”

If you don't have an understanding of signed distance fields, ▶ this video is an amazing demo of their power. There are more videos about the fundamentals of SDFs at link The interesting thing about this paper is that they replace the mathematical SDF with a neural net that computes SDF_NN(x,y,z) => -1/1 and use this as a compression system for mesh based inputs. This feels like a graphical version of the link for NN-based text compression.

Strongly recommends View on HN