Skip to content


Subversion checkout URL

You can clone with
Download ZIP
ABANDONED - My js1k submission for 2010
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.

Ripple + Gradient effects in < 1Kb

This project is only here for archive purposes.

This is the source code of my entry for the #JS1K competition (

Generates procedural water ripple effects on top of a randomly generated gradient background. Click on the canvas to generate a new wave, hold Shift + Click to change the gradient background.

There is an issue with the Firefox canvas implementation that is a known bug ( There is no way around this issue at this time, with a test case to confirm this:


  • Original Release 1.1
  • Fix for Firefox 1.2
  • Further exception catch for Firefox canvas bug (
  • Added onclick to canvas to randomly change gradient background
  • Savage Optimisation 1.3
  • Removed onready stuff
  • Removed setter methods on canvas for size
  • Added handler for click to create new ripple, Ctrl + Click to change background
  • Fred Savage Optimisation 1.4
  • Changed handler from Ctrl to Shift for better Mac support 1.5
  • Savage Garden Optimisation, final version for submission

Some work based on the origional algorithim from, optimised for 1Kb

Something went wrong with that request. Please try again.