phaser.js前端游戏引擎

1.创建一个phaser

首先引入<script src="js/phaser.min.js"></script>

var game = new Phaser.Game(750, 1214, Phaser.CANVAS, 'box');

width:游戏宽度 number | string 800
height:游戏高度 number | string 600
renderer:游戏渲染方式 number Phaser.AUTO或者Phaser.CANVAS
parent:游戏容器 string | HTMLElement ‘’
state:游戏默认场景 object null
transparent:画布元素是否透明 boolean false
antialias:是否开启抗锯齿 boolean true
physicsConfig:物理引擎配置 object null

2.创建一个背景

1.第一步定义一个game.scalManager = {};对象挂载到phaser上，然后在创建场景。

game.scalManager.state = {
				preload: function() {
					game.load.image('bj', './img/bg-start.png');//导入背景图片
				},
				create: function() {
					this.add.sprite(-2, 0, 'bj');//放入背景
				}
			}
game.state.add('state', game.scalManager.state); //添加场景
game.state.start('state'); //启动场景

2.场景可以多次添加

game.state.add('boot', game.scalManager.boot); //添加进度条场景
game.state.add('load', game.scalManager.load); //添加加载场景
game.state.add('state', game.scalManager.state); //添加首页场景
game.state.add('startGame', game.scalManager.startGame); //添加开始场景
game.state.add('endGame', game.scalManager.endGame); //添加结束场景

3.然后在不同的场景中可以启动别的场景，当前场景销毁。

好啦，一个背景图就放上去了，这款游戏引擎框架挺不错的，想继续学下去的话请去phaser小站看看吧。

有什么问题，请多多指教，感谢