phaser/wip/TS Tests/particles/sprite emitter.js

/// <reference path="../../Phaser/Game.ts" />
/// <reference path="../../Phaser/particles/ArcadeParticle.ts" />
/// <reference path="../../Phaser/particles/ArcadeEmitter.ts" />
var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
};
//  Actually we could achieve the same result as this by using a sprite sheet and basic Particle
//  but it still shows you how to use it properly from TypeScript, so it was worth making
var customParticle = (function (_super) {
    __extends(customParticle, _super);
    function customParticle(game) {
        _super.call(this, game);

        var s = ['carrot', 'melon', 'eggplant', 'mushroom', 'pineapple'];

        this.texture.loadImage(game.math.getRandom(s));
    }
    return customParticle;
})(Phaser.ArcadeParticle);

(function () {
    var game = new Phaser.Game(this, 'game', 800, 600, preload, create);

    var emitter;

    function preload() {
        game.load.image('carrot', 'assets/sprites/carrot.png');
        game.load.image('melon', 'assets/sprites/melon.png');
        game.load.image('eggplant', 'assets/sprites/eggplant.png');
        game.load.image('mushroom', 'assets/sprites/mushroom.png');
        game.load.image('pineapple', 'assets/sprites/pineapple.png');
    }

    function create() {
        emitter = game.add.emitter(game.stage.centerX, 50);
        emitter.gravity = 100;

        //  Here we tell the emitter to use our customParticle class
        //  The customParticle needs to extend Particle and must take game:Game as the first constructor parameter, otherwise it's free as a bird
        emitter.particleClass = customParticle;

        emitter.makeParticles(null, 500, false, 0);
        emitter.start(false, 10, 0.05);
    }
})();