Cellular Texture Generation with JavaScript and Canvas

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.

This entry was posted in Canvas, Design, Game Development, Programming, Web Development and tagged , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>