码迷,mamicode.com
首页 > 移动开发 > 详细

HTML5APP实战(2): 赛车游戏

时间:2015-03-02 11:17:57      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:web   html5   

    先Show一下最终的运行效果:

    http://gamebuilder.duapp.com/apprun.html?appid=genius-441422599398441

   在线编辑界面:

   http://gamebuilder.duapp.com/gamebuilder.php?appid=genius-441422599398441

   1.新建项目,删除篮球和草地。选择垂直方向平铺,在道路中间放置一个刚体检把道路一分为2。

技术分享

    2.设置游戏场景的虚拟高度为5000,X方向和Y方向重力设置为0

技术分享

  3.放置一个计数器来计算显示分数

技术分享

   4.放置两个刚体并设置背景图片,来表示两个小汽车。

  技术分享

    4.设置汽车密度为1,摩擦系数和弹力系数都是0.5

     技术分享

        5.在跑道上放置随机放置一些纸巾和粪便表示障碍物。

    技术分享

   6.为了避免产生碰撞效果,把障碍物刚体设置为感应器。

    技术分享

   接下来开始编写代码,

    1) 处理当小汽车碰撞的是否更新分数:技术分享

   2) 实现场景的Onopen事件处理技术分享


    参考资料:

     https://github.com/drawapp8/gamebuilder/wiki/%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3

HTML5APP实战(2): 赛车游戏

标签:web   html5   

原文地址:http://blog.csdn.net/gentlycare/article/details/44014777

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!