1.
Metaballs, isosurfaces & black boxes
Adventures in programmatic branding
Aki-Ville
Exove Design

2.
www.womenintech.sg

3.
Women Technology

4.
Diversity
Technology

5.
Diversity
Technology
Movement
Dynamic
Evolving
Change
Interactive

6.
Techy but organic
Programmed but freeform
Diverse, not dualistic

7.
Brand = Code

8.
Isosurfaces.

9.
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.

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

11.
Metaballs.

12.
Metaballs
are a subset of isosurfaces. And also
organic-looking n-dimensional objects.

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

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

15.
1. Iterate through every pixel on the screen
2. Iterate through every Metaball in the world
3. Calculate that Metaball's function for the current
pixel, and add it to that coordinate's current
value.

16.
Processing.org

17.
Done!

18.
Not so fast...

19.
What happen?In > > Out
“Black box”

20.
Client > Designer > Algorithm > Result

21.
Client > Designer > Algorithm > Result

22.
Client > > Algorithm > Result
?

23.
Client > > Algorithm > Result

24.
Client > Designer > Algorithm > Result

25.
Client > Designer > > Algorithm > Result?

26.
Client > Designer > UI > Algorithm > Result

27.
Thanks for listening.
Aki-Ville Pöykiö
Design Director
Exove Design
akiville@exovedesign.com
040 5917871