adventures in programmatic branding – how to design with algorithms and how to tame metaballs? by...
TRANSCRIPT
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