Realistic Fireworks Animations Using jQuery And Canvas - fireworks.js

File Size: 131 KB
Views Total: 34522
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Realistic Fireworks Animations Using jQuery And Canvas - fireworks.js

A simple-to-use and fully configurable jQuery plugin used to create realistic fireworks animations with explosion sound effects for celebrations.

How to use it:

1. Download the plugin and then put the jquery.fireworks.js script after the latest jQuery library.

<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="jquery.fireworks.js"></script>

2. Create a container elemeng where you want the fireworks animations should be placed.

<div class="demo">
</div>

3. Initialize the plugin by calling the fireworks function as this:

$('.demo').fireworks({ 
  sound: true, // sound effect
  opacity: 0.9, 
  width: '100%', 
  height: '100%' 
});

This awesome jQuery plugin is developed by mgrigajtis. For more Advanced Usages, please check the demo page or visit the official website.