Interactive Water Ripple
Tap the Canvas!
Animated ripples of water display where you tap the blue square. Particles move outward in concentric circles.
Runs on mobile devices, and personal computers. See the water ripple tutorial for more information.
This example doesn't respond to scroll
events.
Learn to respond to
scroll
events with the Drag a Sprite
series of tutorials.
If you're unfamiliar with radial gradients see the Introduction to Radial Gradients Tutorial
.
See twelve animated and still, procedurally generated, visual effects prepared with HTML5 and JavaScript, at Seven Thunder Software. Examples link to free Web development tutorials. Learn to code!