This is a JavaScript experiment.

Three steps to embedding your effect on a web page

  1. Save this file to the same folder as your HTML file:

    swirl_0.8_min.js (8.4KB)

  2. Paste this code into the <head> section of your HTML file:

  3. Paste this tag into your HTML file where you'd like the effect to appear:

A performance tip: Your effect will perform best and consume less battery power on mobiles if you adjust the canvas' width and height to fit the effect before embedding.