Phaser-学习记录

Phaser初始化

var mainState = {
    preload: function() {
    //创建前的载入工作
    },
    create: function() {
    //初始化工作
    },
    update: function() {
    //帧更新内容
    }
};
/*
创建Phaser
参数: 
    屏幕高度,
    屏幕宽度,
    渲染方式：phaser.auto将自动检测，phaser.webgl，phaser.canvas,
    对应的CANVAS标签id
    */
var game = new Phaser.Game(400, 300, 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', 32, 48);

世界&游戏相关

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

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