Confetti Falling Animation In Pure JavaScript – confetti.js

Category: Animation , Javascript | April 29, 2019
Author: mathusummut
Views Total: 1,376
Official Page: Go to website
Last Update: April 29, 2019
License: MIT

Preview:

Confetti Falling Animation In Pure JavaScript – confetti.js

Description:

confetti.js is a vanilla JS library for creating a configurable, high-performance confetti falling animation using HTML5 canvas and requestAnimFrame API.

How to use it:

Download and import the JavaScript ‘confetti.js’ into the html document.

<script src="confetti.js"></script>

Start the confetti falling animation.

startConfetti();

Stop the confetti falling animation.

stopConfetti();

Toggle the confetti falling animation.

toggleConfetti();

Destroy the confetti falling animation.

removeConfetti();

Specify the maximum number of the confetti.

maxParticleCount = 200;

Set the animation speed in milliseconds.

particleSpeed = 3;

Check if the animation is running.

isConfettiRunning();

Changelog:

04/29/2019

  • Updated

02/05/2019

  • Added isConfettiRunning function

You Might Be Interested In:


2 thoughts on “Confetti Falling Animation In Pure JavaScript – confetti.js

  1. Michelle

    Does this not work with GoDaddy websites? I’m having the hardest time trying to get it to work.

    Reply

Leave a Reply