Distance and Shape

Sketching with Math and Quasi Physics

There is a newer and more elaborate version of this site.
Visit Sketching with Math and Quasi Physics on Notion.

Distance function

A shape can be defined by a function that takes the coordinate of a point and returns the distance to the closest boudary of the shape. This function is called distance function and used as a modeling technique in computer graphics.

Learn more

Ray Marching and Signed Distance Functions by Jamie Wong

The book of shaders - Shaping function by Patricio Gonzalez Vivo & Jen Lowe

Distance functions by Inigo Quilez

Circle

The size of dots indicate the distance from the boundary of the shape (the smaller the closer). White dots are inside the shape. Black dots are outside.

Rectangle

Rotated rectangle

See also

Rotating 2D points