6 Awesome High Performance Canvas Animations

Preview:

Description:

A collection of 6 awesome, high-performance animations built using JavaScript and Canvas.

1. Wheel()

Live demo

// parameter: the number of points
let wheel = new Wheel(300);
// stops the animation
wheel.stop();

2. Fireworks

Live demo

let fireworks = new Fireworks();

3. Starry Sky

Live Demo

let starrySky = new StarrySky();
// stops the animation
starrySky.stop();

4. Particle Ball

Live Demo

let balls = new Balls();
// stops the animation
balls.stop();

5. Snow Falling

Live Demo

// parameter: the number of snowflakes
let snow = new Snow(300);
// stops the animation
snow.stop();

6. Coding

Live Demo

// parameter: characters as raindrops
let rain = new Rain('01');