HTML5 Canvas Bouncing BallsThis snippet shows you how to create a simple bouncing balls effect using HTML5 canvas.
HTML5 Canvas Floating HeartsThis canvas tutorial demonstrates how to use your canvas to make colorful floating hearts. Another love themed canvas just in time for Valentine's Day! This canvas has many hearts that float on their own when the page first loads, and will also release new hearts when the user clicks on the canvas. Adapted from a CodePen snippet.
HTML5 Canvas Animated HeartJust in time for Valentine's Day -- check out this tutorial, adapted from CodePen, which creates a beautiful, intricate animated heart using only HTML5 canvas.
HTML5 Canvas Rotating Switching CrossesThis is a unique HTML5 canvas effect that creates the illusion of rotating crosses.
HTML5 Canvas Circular Loading AnimationCreate a circular loading animation using your HTML5 canvas. The original code for this loading animation can be found here.
HTML5 Canvas Aurora Borealis EffectThis canvas tutorial from CodePen mimics the effect of the Aurora Borealis (more commonly known as the northern lights), in both the colors and the way that the lights are known to "dance" across the sky.
HTML5 Canvas Animated Progress BarCheck out this HTLM5 Canvas Animated Progress Bar, a variation of a code found on CodePen
HTML5 Canvas Exploding Noodle EffectThis cool tutorial shows you how to use HTML5 canvas to add a colorful exploding noodle effect to your projects.
HTML5 Canvas Waterfall EffectAdapted from this CodePen tutorial, this code shows you how to use HTML5 canvas to create a beautiful animated waterfall.
HTML5 Canvas Night Sky EffectThis tutorial demonstrates how to create a starry night sky effect using HTML canvas. The stars in the sky blink and twinkle just like the real thing!