adventures in programmatic branding – how to design with algorithms and how to tame metaballs? by...

Metaballs, isosurfaces & black boxesAdventures in programmatic branding

Aki-VilleExove Design

www.womenintech.sg

Women Technology

Diversity

Technology

Diversity

Technology

Movement

Dynamic

EvolvingChange

Interactive

Techy but organic

Programmed but freeform

Diverse, not dualistic

Brand = Code

Isosurfaces.

An isosurface is a surface created by applying one or more functions onto a 3d space or a 2d plane.

An isosurface is a level set of this function.

F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2

Metaballs.

Metaballsare a subset of isosurfaces. And also

organic-looking n-dimensional objects.

F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2

v

M(x,y) = R / sqrt( (x-x0)^2 + (y-y0)^2 )

CC BY-SA 3.0 https://commons.wikimedia.org/w/index.php?curid=5237220

1. Iterate through every pixel on the screen

2. Iterate through every Metaball in the world

3. Calculate that Metaball's function for the currentpixel, and add it to that coordinate's current value.

Processing.org

Done!

Not so fast...

What happen?In > > Out

“Black box”

Client > Designer > Algorithm > Result

Client > Designer > Algorithm > Result

Client > > Algorithm > Result?

Client > > Algorithm > Result

Client > Designer > Algorithm > Result

Client > Designer > > Algorithm > Result?

Client > Designer > UI > Algorithm > Result

Thanks for listening.

Aki-Ville PöykiöDesign DirectorExove Design

akiville@exovedesign.com040 5917871