AnimatedGraf

I saw this really cool mural in Palo Alto, and it reminded me of a Voronoi diagram. This led me to thinking that it would be cool to model the mural itself in code so it could be made interactive and rendered in real-time. This is the result.

The graph is generated from an array of random points, which are randomly wiggled over time. The mouse generates another point in the graph, so you can slide your mouse around to interact with it. The white lines represent the edges of polygons in the Voronoi diagram which are centered around the points. The dark blue lines connect the points with their nearest neighbors, which form a Delaunay diagram. All the points are surrounded by a convex hull which also looks like a white line.

The working title is "AnimatedGraf" since this is both animated graffiti and an animated graph.

If I ever have the time and inspiration, I think it would be cool to smooth out the animation of this graph, and maybe turn it into a music visualizer or something.

Thanks to Joey Piziali who painted The Untiteld, the original mural.
And to Lee Byron who wrote the Mesh library for Processing which makes generating Voronoi and Delaunay diagrams and convex hulls a snap.


WebsiteGitHub
TimeFree time over 2 days
RoleProgrammer
TechnologiesProcessing, Mesh library
Completion DateMay 3, 2012
Back