软件工程师-使用HTML5制作物理游戏设计案例.pdf

软件工程师-使用HTML5制作物理游戏设计案例.pdf

  1. 1、本文档共5页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多

……………精品资料推荐…………………

使用HTML5制作物理游戏设计案例

HTML5技术为现今Web应用程序在浏览器中提供了非常广阔的发挥空间,其强大的功能让我们在浏览器上开发游

戏和玩游戏不再是难事。利用Canvas和强大的JavaScript引擎,我们可以轻松地完成休闲游戏的开发。玩家只

需打开浏览器,不用安装插件便可以享受到游戏带来的乐趣。

本文由NTFusion团队所作,结合了他们在GoogleChromeWebStore上发布的《拯救PAPA》和大家分享一下使

用HTML5开发物理游戏的心得。

在阅读本文之前,您可以从ChromeWebStore安装《拯救PAPA》来尝个鲜儿。

搭建物理世界

物理游戏当中的一切物体,都是在一个设定好的物理世界中运作的。创建物理世界,我们现在使用的是Box2D物

理引擎的JavaScript版本。Box2D引擎里面有一个很好的功能DebugDraw,可以模拟出我们预设的物理世界并展

示给我们看,非常适合我们做快速游戏原型开发。

下图就是使用DebugDraw绘制出来的《拯救PAPA》中的物理世界实例:

图1

构建物理世界的时候,首先我们需要定义相关的物理物体,然后根据游戏的特性所需,设定相关的物理参数。

1.//创建物理世界实例

2.varworld=newb2World(newb2Vec2(0,9.8),true);

3.varscale=1/30;/*像素与Box2D里的长度单位的转换*/

4.

5.//创建地面和其物理性质的设定

1

……………精品资料推荐…………………

6.varbodyDef=newb2BodyDef();

7.varbody=world.CreateBody(bodyDef);

8.varfixtureDef=newb2FixtureDef();

9.fixtureDef.density=10;

10.fixtureDef.friction=0.3;

11.fixtureDef.restitution=0.1;

12.varpolygonShape=newb2PolygonShape();

13.polygonShape.SetAsBox(800*scale,20*scale);

14.fixtureDef.shape=polygonShape;body.SetType(b2Body.b2_staticBody);

15.body.CreateFixture(fixtureDef);

16.body.SetPosition(newb2Vec2(400*scale,490*scale));

17.

18.//创建PAPA方块和其物理性质的设定

19.varbodyDef=newb2BodyDef();

20.varbody=world.CreateBody(bodyDef);

21.varfixtureDef=newb2FixtureDef();

22.fixtureDef.density=10;/*density为密度*/

23.fixtureDef.friction=0.3;/*friction为摩擦系数*/

24.fixtureDef.restitution=0.8;/*restitution为弹性系数*/

25.

文档评论(0)

177****7360 + 关注
官方认证
内容提供者

中专学生

认证主体宁夏三科果农牧科技有限公司
IP属地宁夏
统一社会信用代码/组织机构代码
91640500MABW4P8P13

1亿VIP精品文档

相关文档