Interactive Water Ripple

Tap the Canvas! Water Animation Visual Effect

Stop Water Ripple Tutorial

Drag a Sprite Gradient Introduction

Animated Water With Music Rippling Water MP4

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 tutorial. If you're unfamiliar with radial gradients see the Introduction to Radial Gradients Tutorial.

Learn to create amazing radial gradients with free HTML5 tutorials. Also see Interactive Web examples with free tutorials and HTML5 Animation with Effects.

Topics Include

• Twelve Global Composite Operations
• Radial Gradients and Color Stops
• Global Alpha
• How to Draw a Full Circle Arc
• How to Add a Background Graphic
• Basic Timed Animation
• HTML5 Color Formats
• Play an Audio File with Animation
• Combine Features for Stunning Animation

Paint Additive Mixing Rainbow Advanced Special FX Fire Visual Effects Tutorial