block by johnburnmurdoch 7af8e35731b35851e72beaf770cd58ae

Watercolour affect using HTML5 canvas

Full Screen

A rough first attempt at recreating Tyler Hobbs’ wonderful generative watercolour effect, this time in Javascript rather than Processing as in Tyler’s original. Uses Rob Britton’s randgen.js to generate the Gaussian random numbers required in the polygon deformation step.

Instructions

Double-click anywhere in the canvas to “paint” a blotch of colour (currently set to use hues from blue-green to pink-purple, see line 108 of index.html).

index.html

randgen.js