Skip to content
A flexible editor for building phaser particles.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github initial commit Sep 7, 2018
.vscode initial commit Sep 7, 2018
public initial commit Sep 7, 2018
raw initial commit Sep 7, 2018
src fixed code to respect matreial-ui v3.6.2 Dec 13, 2018
typings initial commit Sep 7, 2018
.gitignore initial commit Sep 7, 2018
.prettierrc initial commit Sep 7, 2018
.travis.yml initial commit Sep 7, 2018
CHANGELOG.md changelog update Oct 12, 2018
CODE_OF_CONDUCT.md
CONTRIBUTING.md Dev (#1) Sep 13, 2018
LICENSE initial commit Sep 7, 2018
README.md Dev (#1) Sep 13, 2018
package-lock.json all packages are updated Dec 13, 2018
package.json all packages are updated Dec 13, 2018
project.png initial commit Sep 7, 2018
showcase.gif initial commit Sep 7, 2018
tsconfig.json initial commit Sep 7, 2018
tsconfig.prod.json initial commit Sep 7, 2018
tsconfig.test.json initial commit Sep 7, 2018
tslint.json initial commit Sep 7, 2018

README.md

Phaser3 Particle Editor

GitHub license Build Status codebeat badge Greenkeeper badge PRs Welcome styled with prettier

This tool was designed to interactively create particle emitters using Phaser

View the editor here.

Showcase

Key features:

  • Blazing fast
  • No runtime needed
  • Easy to use

Getting Started

First you want to get your project exported via editor. You can do it by clicking on the menu button right next to the project name.

Exported project structure:

Project

Usage

var config = {
  type: Phaser.WEBGL,
  width: 800,
  height: 600,
  backgroundColor: '#262626',
  parent: 'phaser-example',
  scene: {
    preload: preload,
    create: create,
  },
};

var game = new Phaser.Game(config);

function preload() {
  this.load.atlas('shapes', 'assets/shapes.png', 'assets/shapes.json');
  this.load.text('particle-effect', 'assets/particle-effect.json');
}

function create() {
  this.add.particles('shapes',  new Function('return ' + this.cache.text.get('particle-effect'))());
}

Contributing

The main purpose of this repository is to continue to evolve Phaser, making it easier to use. Development of Editor happens in the open on GitHub, and we are grateful to the community for contributing bugfixes and improvements. Read below to learn how you can take part in improving Editor.

Code of Conduct

This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at http://contributor-covenant.org/version/1/4. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing Guide

Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Editor.

License

Editor is MIT licensed.

You can’t perform that action at this time.