Phaser.js audio学习案例3-audio-sprite-json

原案例-http://www.phaser.io/examples/v2/audio/audio-sprite-json
效果图：

代码:

var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create });
var audioJSON = {
    spritemap: {
        'alien death': {
            start: 1,
            end: 2,
            loop: false
        },
        'boss hit': {
            start: 3,
            end: 3.5,
            loop: false
        },
        'escape': {
            start: 4,
            end: 7.2,
            loop: false
        },
        'meow': {
            start: 8,
            end: 8.5,
            loop: false
        },
        'numkey': {
            start: 9,
            end: 9.1,
            loop: false
        },
        'ping': {
            start: 10,
            end: 11,
            loop: false
        },
        'death': {
            start: 12,
            end: 16.2,
            loop: false
        },
        'shot': {
            start: 17,
            end: 18,
            loop: false
        },
        'squit': {
            start: 19,
            end: 19.3,
            loop: false
        }
    }
};
function preload() {
    game.load.image('title', '../assets/pics/catastrophi.png');
    game.load.spritesheet('button', '../assets/buttons/flixel-button.png', 80, 20);
    game.load.bitmapFont('nokia', '../assets/fonts/bitmapFonts/nokia16black.png', '../assets/fonts/bitmapFonts/nokia16black.xml');
    //通过audioJSON格式来装载(key, urls [, jsonURL] [, jsonData] [, autoDecode])
    game.load.audiosprite('sfx', '../assets/audio/SoundEffects/fx_mixdown.ogg', null, audioJSON);
}
var fx;
function create() {
    game.add.image(0, 0, 'title');
    fx = game.add.audioSprite('sfx');
    fx.allowMultiple = true;
    makeButton('alien death', 600, 100);
    makeButton('boss hit', 600, 140);
    makeButton('escape', 600, 180);
    makeButton('meow', 600, 220);
    makeButton('numkey', 600, 260);
    makeButton('ping', 600, 300);
    makeButton('death', 600, 340);
    makeButton('shot', 600, 380);
    makeButton('squit', 600, 420);
}

function makeButton(name, x, y) {
    var button = game.add.button(x, y, 'button', click, this, 0, 1, 2);
    button.name = name;
    button.scale.set(2, 1.5);
    button.smoothed = false;
    var text = game.add.bitmapText(x, y + 7, 'nokia', name, 16);
    text.x += (button.width / 2) - (text.textWidth / 2);
}

function click(button) {
    fx.play(button.name);
}