Somethinghitme

Code, demos and ideas.

Cellular Texture Generation with JavaScript and Canvas

July 02, 2010

Been messing with canvas again, and put together a little demo that creates procedural cell looking textures, based off of the Worley algorithm. You can achieve some pretty amazing results, also added the option to animate, but since the algorithm has not been optimized yet you have to keep the dimensions and number of points low. Also need to implement tiling. Heres a few examples of what you can produce with some minor changes in distance calculation for points. You can check out the generator here.

cellp cellg cellyell cell


Written by Jason Brown Father, Veteran, lover of everything tech.