https://github.com/PixxxeL/js-fireworks

Fireworks on pure 2D canvas without any dependencies
https://github.com/PixxxeL/js-fireworks

animation canvas gamedev js

Last synced: about 1 month ago
JSON representation

Fireworks on pure 2D canvas without any dependencies

• Host: GitHub
• URL: https://github.com/PixxxeL/js-fireworks
• Owner: PixxxeL
• License: mit
• Created: 2014-11-05T15:52:59.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2025-01-18T06:07:39.000Z (4 months ago)
• Last Synced: 2025-01-18T07:18:08.538Z (4 months ago)
• Topics: animation, canvas, gamedev, js
• Language: JavaScript
• Homepage: https://fireworks.pixel-tyumen.ru/
• Size: 19.5 KB
• Stars: 10
• Watchers: 4
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-effect - cool-fireworks - a particle fireworks effect. (🚀 A series of exquisite and compact web page cool effects / Fireworks)
• fucking-awesome-web-effect - cool-fireworks - a particle fireworks effect. (🚀 A series of exquisite and compact web page cool effects / Fireworks)

README

        
Javascript Fireworks

====================

Usage on your HTML page:

```html

window.onload = function () {

    var firework = JS_FIREWORKS.Fireworks({

        id : 'fireworks-canvas',

        hue : 120,

        particleCount : 50,

        delay : 0,

        minDelay : 20,

        maxDelay : 40,

        boundaries : { // of respawn and target

            top: 50,

            bottom: 240,

            left: 50,

            right: 590

        },

        fireworkSpeed : 2,

        fireworkAcceleration : 1.05,

        particleFriction : .95,

        particleGravity : 1.5

    });

    firework.start();

};

```

Example: http://www.pixel-tyumen.ru/works/js-firework/