首先我们必须了解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 参数类型为对象,可选参数,默认值为空
说明: 配置物理对象,可以通过物理世界来创建。