Generate good looking smoky backgrounds with waterpipe.js

waterpipe.js

Some time ago I accidentally visited a blog named rectangleworld.com by Dan Gries. It is mainly focused on HTML5 canvas and contains many beautiful experiments. Later I’ve seen several eye catching background/pattern generators including trianglifytriangles and geopattern

These amazing examples encouraged me to play around with HTML5 Canvas and here is the result – waterpipe.js. It’s an open source jQuery plugin for smoky backgrounds generation (HTML5 Canvas).

Examples

sample-1
sample-12
sample-11
sample-10
sample-9
sample-8
sample-7
sample-6
sample-5
sample-4
sample-2
sample-3

 

Demo, Download and Usage

Please check the demo to generate and download your own smoky backgrounds.

waterpipe.js is an opensource jQuery plugin so feel free to download and use it in your projects and experiments. Download source code from GitHub. Usage instructions can be found on GitHub repository as well. Enjoy!

Credits

Many thanks to Dan Gries for a great blog. Big part of plugin code has been taken from his examples.

Found it useful? Spread the word!
Tweet about this on Twitter0Share on Google+1Share on LinkedIn3Share on Reddit0Share on Facebook0

One comment on “Generate good looking smoky backgrounds with waterpipe.js”

Leave a comment

  • (will not be published)

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