天天看点

Phaser-学习记录

Phaser初始化

var mainState = {
    preload: function() {
    //创建前的载入工作
    },
    create: function() {
    //初始化工作
    },
    update: function() {
    //帧更新内容
    }
};
/*
创建Phaser
参数: 
    屏幕高度,
    屏幕宽度,
    渲染方式:phaser.auto将自动检测,phaser.webgl,phaser.canvas,
    对应的CANVAS标签id
    */
var game = new Phaser.Game(, , Phaser.AUTO, 'gameDiv');
//加入场景
game.state.add('main', mainState); 
//开始场景
game.state.start('main');
           

载入图片、精灵,一般在preload中载入资源

/*
载入图片
参数:
    资源名称,游戏世界里的资源唯一标示
    资源路径
*/
game.load.image('grass', 'imgs/grass.png');
game.load.image('soil', 'imgs/soil.png');
/*
载入精灵片(有多个小图片组成的图片),一般用于创建动画
参数:
    资源名称,游戏世界里的资源唯一标示
    资源路径
    以多大的尺寸从图片中分割
*/
game.load.spritesheet('player', 'imgs/player.png', , );
           

世界&游戏相关

//游戏背景颜色
game.stage.backgroundColor = '#3498db';
//设定世界的界限
game.world.setBounds(, , , );
/*
添加精灵
参数:
    显示坐标X
    显示坐标Y
    资源索引,即要添加哪一个精灵
返回:
    返回此精灵对象
*/
this.player=game.add.sprite(game.width/-, game.height/-, 'player');
//游戏相机跟随此精灵对象
game.camera.follow(this.player);

//调试相关-显示游戏的相机数据,包括坐标等
game.debug.cameraInfo(game.camera, , );