HTML5游戏开发引擎选择与实例分析.pdfVIP

36、小强快跑之游戏引擎

使用HTML5开发游戏，有多种选择：(1)HTML5+canvas最基础(2)HTML5游戏引擎(基于

Canvas或者DOM)中级，目前最方便、最快捷也是最简单的实现(3)HTML5WebGL最高

级

1、游戏引擎列表

‑Engines请注意：上述未被翻译，因

为它是一个。如果您需要将中的文本部分进行翻译，请具体文本内容。

2、常用的游戏引擎

(1)LimeJS(2)craftyjs

(3)cocos2d‑html5(高级玩家考虑使用)

(4)Jaws

3、jaws的加载方式

-jaws.js-整个框架的内容都包含在这个文件中-jaws-min.js-同

jaws.js，但它经过了压缩-jaws-dynamic.js-只包含少量内容，可以动态加

载其他文件，非常适合调试

!DOCTYPEHTMLhtmlheadtitle小强快跑/titlescript

type=text/javascriptsrc=jaws‑dynamic.js/script/head

body/body

36、小强快跑之游戏引擎

使用HTML5开发游戏，有多种选择：

（1）HTML5+canvas最基础

（2）HTML5GameEngine（基于Canvas或者DOM）中级，目前最方便，最快捷也是最简

单的实现

（3）HTML5WebGL

1、游戏引擎列表

2、常用的游戏引擎

（1）LimeJS

（2）craftyjs

（3）cocos2d-html5（高级玩家考虑用它）

（4）Jaws

3、jaws的加载方式

-jaws.js-整个框架的内容都包含在这一个文件中

-jaws-min.js-同jaws.js，但是它进行过压缩

-jaws-dynamic.js-只包含了少量内容，能够动态的加载其他的文件，非常适

合于调试

!DOCTYPEHTML

html

head

title小强快跑/title

scripttype=text/javascriptsrc=jaws-dynamic.js/script

/head

body

/body

/html

4、jaws全局对象

在使用jaws时，可以使用jaws的全局变量（对象），也就是jaws。

如果大家不希望在创建所有对象时都使用jaws全局对象，可以首先调用jaws.unpack()

方法，这样就可以直接使用类似于Sprite()的方式。

在使用jaws.unpack()前，创建精灵需要如

下：jaws.Sprite()在使用jaws.unpack()后，

创建精灵需要如下：Sprite()

5、gameloop(游戏循环)

functionMyGameState(){

//只会调用一次，将初始化的内容放在此处，例如准备资源，创建对象

this.setup=function(){...}

//每一次游戏循环都会调用，将游戏逻辑放在此处

this.update=function(){...}

//每一次游戏循环都会调用，并且是在update后，将所有需要绘制的

代码放在这里this.draw=function(){...}}jaws.start(MyGameState)

简写方式:

myGameState={setup:function(){...},/*被调用一次*/update:

function(){...},/*每次游戏帧调用*/draw:function(){...}/*在

update()每次游戏帧调用*/}jaws.start(myGameState)

scripttype=text/javascript

function我的游戏状态(){

/html

4、jaws全局对象

在使用jaws时，可以使用到jaws的全局变量（对象），也就是jaws。

如果大家不希望在创建所有的对象时，都使用jaws全局对象，可以首先调用jaws.unpack()

方法，这样的话就可以直接使用类似于Sprite()。

在使用ja