HTML5APP实战(2): 赛车游戏

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

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

   在线编辑界面:

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

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

HTML5APP实战(2): 赛车游戏_第1张图片

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

HTML5APP实战(2): 赛车游戏_第2张图片

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

HTML5APP实战(2): 赛车游戏_第3张图片

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

  HTML5APP实战(2): 赛车游戏_第4张图片

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

     HTML5APP实战(2): 赛车游戏_第5张图片

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

    HTML5APP实战(2): 赛车游戏_第6张图片

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

    HTML5APP实战(2): 赛车游戏_第7张图片

   接下来开始编写代码,

    1) 处理当小汽车碰撞的是否更新分数:HTML5APP实战(2): 赛车游戏_第8张图片

   2) 实现场景的Onopen事件处理HTML5APP实战(2): 赛车游戏_第9张图片


    参考资料:

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

你可能感兴趣的:(Web,html5)