Phaser Particle Editor

[saqsun]

Hi folks!

Let me introduce you phaser particle editor. This tool helps you to create phaser particle effects visually.

It is of course open source and you are welcome to contribute!

Editor also has plugin to help you create particles based on JSON data generated by Editor.

[razman06]

That's Awesome, Thanks a lot

[espace]

Thanks for sharing

[saqsun]

Here we go!

Phaser Particle Editor v1.0.0-alpha.4 released!

1.Control particle tint over particle lifetime

2.Set particle bland mode

3.Bug fixings

[Aerion]

AWESOME Particle editor! <3

~M

[Aerion]

I'm LOVING this! Thanks ALOT! <3

~M

[Aerion]

@saqsun can you please add one feature? the ability to play through an animation on an atlas as well as spritesheet, and control the speed of animation and type of animation? Thank you! <3

~M

[Hafgandil]

Are you freaking kidding me??? I'm just almost finished my Particle Editor XDDD Was about to release it. Oh well.... good work

Edit: Does it use ParticleStorm?

[Garland]

Hi! This might sound like a silly question perhaps, I'm new to Phaser and I would like to use this particle editor in a game.

I created a json with the editor, but unfortunately I cannot make the particles start emitting.

The code is here:

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaserG', { preload: preload, create: create, update: update });

var ParticleEditorPlugin = require('@koreez/phaser-particle-editor-plugin');


function preload() {

    game.load.image('sky', 'assets/sky.png');
    
    game.load.json('magic', 'partyMagic.json');
    
}

function create() {
    
    game.add.sprite(0, 0, 'sky');
    
    game.physics.startSystem(Phaser.Physics.ARCADE);
    
    game.plugins.add(ParticleEditorPlugin);

    var phaserJSON = game.cache.getJSON('magic');
    game.make.particleEffect(10, 10, phaserJSON);
    
}

function update() {


}

Thanks in advance!

 

[saqsun]

Hi Garland.

Can you send me the json file you try to use?

I suppose you use project json instead of emitters json  

[Garland]

14 hours ago, saqsun said:

Hi Garland.

Can you send me the json file you try to use?

I suppose you use project json instead of emitters json  

Sure, here it is

partyMagic.json

[saqsun]

function create() {
    //...
    game.make.particleEffect(10, 10, phaserJSON);
}

As you can see from snippet above you are using 'make' factory which is ok but then you need to add particle effect to world or you can use 'add' instead

function create() {
    //...
    game.add.particleEffect(10, 10, phaserJSON);
}

 

[Garland]

On 09/11/2017 at 5:47 AM, saqsun said:

function create() {
    //...
    game.make.particleEffect(10, 10, phaserJSON);
}

As you can see from snippet above you are using 'make' factory which is ok but then you need to add particle effect to world or you can use 'add' instead

function create() {
    //...
    game.add.particleEffect(10, 10, phaserJSON);
}

 

Sorry for not responding for a long time, I've been very busy x.x
So, I think the problem is actually I'm using Node.js instead of Common.js, in your github page you list two ways of importing the plugin: CommonJS and ES2015.
There is a way of importing with Node.js?

This line that I showed before was using Node.JS:

var ParticleEditorPlugin = require('@koreez/phaser-particle-editor-plugin');

Thanks in advance!

[Garland]

I tried many ways to import the plugin but all resulted in failure
 

[johann_dev]

Can you show examples of how to use the particle systems in a game? I've created a "particleEffect" in my game but I can't figure out how I'm supposed to use it.

[farhan]

Hi saqsun, is there a minified js or a single js for the plugin? I am a newbie and not sure how can I minified a plugin if that is possible. Thanks.

Found the minified js ? It was right in front of my face.