ISOMETRIC BLOCKS

Posted February 17, 2011 at 14:43 in Graphics, Illustrator, Scriptographer - Say something

After I made the Saville script I spent alot of time reading the reference pages on Scriptographer and discovered the possibility to place an arbitrary path onto a bitmap picture and then color the path with the average color from that area. This got me thinking that I could make a variant of the Saville script. But instead of reading the color value of single pixels, I could split the bitmap picture into a grid, take the average color value from each area in the grid, and, just like the Saville script, use that value as the height of blocks in an isometric view.

This worked just fine. However the math to build the isometric blocks turned out to be somewhat tricky for someone like me who had virtualy no experience in programming.

It creates a kind of retro game feeling, almost like that old Marble Madness game I played in my early teens.

Unfortunately, there are some memory constrains and speed issues when working with javascript in Illustrator so if I wanted to produce this effect for every pixel in a picture it would have to be a small bitmap in order to avoid a memory overflow error. But as an abstract blocky isometric picture generator it works just fine!

Reply