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);