Phaser3 Scene切换及animation记录

记录一、场景的构造

    Game构造

var config = {

type: Phaser.AUTO,

parent: 'phaser-example',

width: window.innerWidth,

height: window.innerHeight,

backgroundColor: 0x444444,

scene: {

preload: preload,

create: create

}

};

// Create a new Phaser Game object

var game = new Phaser.Game(config);

多个Scene构造及切换

class boot extends Phaser.Scene{

    construtor(){

        super({

            key:"boot" //与类名一致

        })

    }

    preload(){

        //各种加载事情

    }

    create(){

        this.scene.start('另一个scene的KEY');

    }

}

动画的创建及播放

var loadinggif = this.add.sprite(width/2, height*0.4,'loadinggif');

var test = this.anims.create({

key:"test",

frames: this.anims.generateFrameNumbers('loadinggif', { start: 0, end: 31 }),

frameRate: 10,

repeat: -1

});

loadinggif.play('test');

你可能感兴趣的:(Phaser3 Scene切换及animation记录)