jQuery Plugin For Configurable Explosion Animation - boomjs

File Size: Unknown
Views Total: 3366
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Configurable Explosion Animation - boomjs

boomjs is a lightweight, configurable jQuery explosion plugin which has the ability to broke background image into pieces when clicked.

How to use it:

1. Load the jQuery boomjs plugin after you've loaded jQuery library in the html document.

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

2. Call the function on the target container element and specify the path to the background image.

$('#container').boom({
  img_url: 'bg.jpg'
})

3. Config the explosion effect:

$('#container').boom({

  // size of sprites
  piece_size: 10,

  // animation speed in milliseconds
  duration: 1000
  
})

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