The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×

    A particle engine for html5
    Filed under  › 

    • 🔾30%Overall
    • 626
    • 27.1 days
    • 🕩116
    • 👥7


    The documentation is available here

    Proton is an easily customizable html5 particle engine including six different types of renderers.
    Check out examples at


    • Six kinds of renderers
      • canvas
      • dom
      • webgl
      • easeljs
      • pixel
      • pixijs
    • Create cool effects like the demo of 71squared's ParticleDesigner in 10 lines of code.
    • Integratable into any game engine
    • Veriety of behaviors
    • Three kinds of emitters which can simulate many different physical effects
    • The 3D version of the proton engine is here


    Install using npm


    npm install proton-js --save
    import Proton from 'proton-js';

    Include in html

    <script type="text/javascript" src="js/proton.min.js"></script>


    var proton = new Proton();
    var emitter = new Proton.Emitter();
    //set Rate
    emitter.rate = new Proton.Rate(Proton.getSpan(10, 20), 0.1);
    //add Initialize
    emitter.addInitialize(new Proton.Radius(1, 12));
    emitter.addInitialize(new Proton.Life(2, 4));
    emitter.addInitialize(new Proton.Velocity(3, Proton.getSpan(0, 360), 'polar'));
    //add Behaviour
    emitter.addBehaviour(new Proton.Color('ff0000', 'random'));
    emitter.addBehaviour(new Proton.Alpha(1, 0));
    //set emitter position
    emitter.p.x = canvas.width / 2;
    emitter.p.y = canvas.height / 2;
    //add emitter to the proton
    // add canvas renderer
    var renderer = new Proton.Renderer('canvas', proton, canvas);
    //use Euler integration calculation is more accurate (default false)
    Proton.USE_CLOCK = false or true;

    Building Proton

    Node is a dependency, use terminal to install it with with:
    git clone git://

    Then navigate to the build directory by running:

    cd ./build
    node build.js

    Or use npm script

    npm run build


    Detailed changes for each release are documented in the release notes.


    Proton is released under the MIT License.

    Show All