phaser教程一

首先我们必须了解Game这个类，可以看官方文档的说明，这个类引导管理创建了一个子系统，然后运行和渲染游戏。我么要创建Phaser引擎必须创建这个类的实例

Phaser.Game对象主要的作用就是控制整个引擎，它主要负责引导处理解析配置一些值，创建渲染建立起一个Phaser系统，例如物理，声音，和输入等等。。。

当它门完成了之后，系统就会进入默认的状态，游戏就会开始主循环。

我们可以访问大量的Phaser系统的属性，例如我们使用game对象，game.renderer，它是一个渲染器，game.sound，那么它是一个声音管理器。

如何创建实例呢？官方也给出了例子

var game = new Phaser.Game(800,600, Phaser.AUTO,'',{ preload: preload, create: create});
//我们也可以给上面的例子中直接传入一个管理状态的对象
var config = {
width:800,
height:600,
renderer: Phaser.AUTO,
antialias:true,
multiTexture:true,
state:{
preload: preload,
create: create,
update: update
}
}
var game = new Phaser.Game(config);

参数说明：

参数一width： 类型可以是数字类型，或者是字符串，或者还可以是GameConfig类型，关于GameConfig可以看官方文档说明，这里不用说明。 参数是可选的 默认值为800

说明：width代表了游戏用像素如果给一个字符串那么它的值从0-100，它使用的是父容器的百分比的宽度，浏览窗口或者不给它父容器。

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

参数二：height：同上不做过多解释

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

参数三：renderer： 类型为数字，参数可选的  默认值为Phaser.AUTO  

说明： Phaser.AUTO，首先调用WegGl来渲染，然后依次是phaser.webgl_multi,phaser.canvas或是 phaser.headless(它不会全部渲染）

-------------------------------------------------------------------------------------------------------------------------------------

参数四： parent: 类型为字符串或者是Htmlelement , 参数为可选的 默认值为空，

说明DOM元素就是游戏画布canvas，DOM 的ID是一个字符串，也可以是它本身。

-------------------------------------------------------------------------------------------------------------------------------------

参数五： state: 类型为对象，可选参数，默认值为空。

说明：这个默认的state对象，一个对象组成了Phaser.State，它包含了（preload，create，update，render）或者为空的函数。

-------------------------------------------------------------------------------------------------------------------------------------

参数六：transparent 类型为逻辑型，参数为可选的，默认值为空

说明：使用透明的背景画布，或者不使用

-------------------------------------------------------------------------------------------------------------------------------------

参数七：antialias 参数类型为逻辑型，参数为可选的，默认值真

说明：绘制所有纹理的图片为抗锯齿，或者不使用，默认它使用的平滑的纹理，如果禁用，它就是一个像素特效的卡片

-------------------------------------------------------------------------------------------------------------------------------------

参数八：physicsConfig 参数类型为对象，可选参数，默认值为空

说明： 配置物理对象，可以通过物理世界来创建。