电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

软件工程师-使用HTML5制作物理游戏设计案例VIP免费

软件工程师-使用HTML5制作物理游戏设计案例_第1页
1/5
软件工程师-使用HTML5制作物理游戏设计案例_第2页
2/5
软件工程师-使用HTML5制作物理游戏设计案例_第3页
3/5
使用 HTML5 制作物理游戏设计案例HTML5 技术为现今 Web 应用程序在浏览器中提供了非常广阔的发挥空间,其强大的功能让我们在浏览器上开发游戏和玩游戏不再是难事。利用 Canvas 和强大的 JavaScript 引擎,我们可以轻松地完成休闲游戏的开发。玩家只需打开浏览器,不用安装插件便可以享受到游戏带来的乐趣。本文由 NTFusion 团队所作,结合了他们在 Google Chrome Web Store 上发布的《拯救 PAPA》和大家分享一下使用 HTML5 开发物理游戏的心得。在阅读本文之前,您可以从 Chrome Web Store 安装《拯救 PAPA》来尝个鲜儿。搭建物理世界物理游戏当中的一切物体,都是在一个设定好的物理世界中运作的。创建物理世界,我们现在使用的是 Box2D物理引擎的 JavaScript 版本。Box2D 引擎里面有一个很好的功能 DebugDraw,可以模拟出我们预设的物理世界并展示给我们看,非常适合我们做快速游戏原型开发。下图就是使用 DebugDraw 绘制出来的《拯救 PAPA》中的物理世界实例:图 1构建物理世界的时候,首先我们需要定义相关的物理物体,然后根据游戏的特性所需,设定相关的物理参数。1.// 创建物理世界实例 2.var world = new b2World(new b2Vec2(0, 9.8), true); 3.var scale = 1 / 30; /*像素与 Box2D 里的长度单位的转换*/ 4. 5.// 创建地面和其物理性质的设定 6.var bodyDef = new b2BodyDef(); 7.var body = world.CreateBody(bodyDef); 8.var fixtureDef = new b2FixtureDef(); 9.fixtureDef.density = 10; 10. fixtureDef.friction = 0.3; 11. fixtureDef.restitution = 0.1; 12. var polygonShape = new b2PolygonShape(); 13. polygonShape.SetAsBox(800 * scale, 20 * scale); 14. fixtureDef.shape = polygonShape; body.SetType(b2Body.b2_staticBody); 15. body.CreateFixture(fixtureDef); 16. body.SetPosition(new b2Vec2(400 * scale, 490 * scale)); 17. 18. // 创建 PAPA 方块和其物理性质的设定 19. var bodyDef = new b2BodyDef(); 20. var body = world.CreateBody(bodyDef); 21. var fixtureDef = new b2FixtureDef(); 22. fixtureDef.density = 10; /* density 为密度*/ 23. fixtureDef.friction = 0.3; /* friction 为摩擦系数*/ 24. fixtureDef.restitution = 0.8; /* res...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

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

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部