EPSy a particles system for Phaser

Recommended Posts

Hello folks.


For a game I'm developing, I needed a particle system that work with Phaser and Pixi, I didn't find any that's easy to integrate so I started my own.
It's highly inspired from a Matt Greer tutorial .


The full source code of the particle system + Phaser, Pixi and Canvas plugins is available here : https://github.com/Ezelia/EPSy


usage with phaser is very easy

include EPSY.js and EPSY.Phaser.js


var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'gameContainer', { preload: preload, create: create, update: update, render: render });function create() {   game.physics.startSystem(Phaser.Physics.ARCADE);   //initialize the plugin   var epsy = game.plugins.add(Phaser.Plugin.EPSY);   //config contains an exported data from editor or a programmatically generated data   var particleSystem = epsy.loadSystem(config, 200, 200);   // you can let Phaser add the particle system to world group or choose to add it to a specific group  var myGroup = game.add.group();   myGroup.add(particleSystem1);}

I also developed an online editor to make it easy to create and export particle systems.

the exported package is ready to use with phaser as shown on this video.



Some features

  • Compatible with Pixi and Phaser (WebGL and Canvas).
  • Usable with a standalone Canvas renderer.
  • Possibility to combine multiple emitters.
  • Predefined emitters (more will be added).
  • Use a custom image as particle texture.
  • Easy design with the online editor.
  • Export/import data in json format.
  • Configuration support : Gravity, Colors, Radial/Tangential velocity, move equations ...etc




  • Pixi specific export (like phaser)
  • Position Initialisation equations
  • Controlling Emitters (stop/resume/cycles)
  • ==> your suggestions



You can test the editor here : http://labs.ezelia.com/epsy/

and export Phaser ready particles.



the exported examples on the video can be downloaded here :




I'm doing some code clean up and I'll upload the Particles System full source code to github



please note that the editor is still in beta stage and have some known issues, please report any abnormal behaviour/bug.


Your comments and suggestions are welcome :)

Share this post

Link to post
Share on other sites

Just took a peak and absolutely love it. Upon first glance maybe bring the menu buttons to where the top right div is. One less step is always better function wise :)


I will continue to use this and pass it around to others I know. 

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.