Tuesday, April 9, 2013

Circles division

Some time ago I've visited a site http://koalastothemax.com, where the root node is splited into four subnodes on mouse over. It looks very nice.
Yesterday I've created my own version of this.
Firstly I've made the version with square nodes. Node division is looks like cells division.


Then I've changed the shape of nodes to circle and added colors. In original site the color of nodes depends on the image pixels' color. Here is a result:

 
The sources of circles division in JavaScript are available on my github.
Update:
I've improved the algorithm and made the script like in the original version, where the color of nodes depends on the image pixels' color.
The result for image is below:

No comments:

Post a Comment