Left Colour
R: 127
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
G: 127
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
B: 127
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
Right Colour
R: 127
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
G: 127
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
B: 127
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
Your browser doesn't appear to support the
<canvas>
element (or Javascript is disabled or ...).
Play/Pause
Toggle Waviness
Undo
Reset
Hide/Show Instructions
Select two colours by clicking on the sliders on the left. Each slider controls a single RGB channel and the sliders are coloured so that the new colour will be the same as the colour where you click. Then, click and drag on the canvas on the right and observe the effects. You can try mixing many colours for more complicated effects. The waviness toggle button changes the style of the animation. The undo button will remove the previous line that was drawn without changing the state of the remainder of the canvas. At this time, both desktop and mobile versions of Chrome, Firefox, and Safari are supported.