HTML5APP实战(2): 赛车游戏

本文介绍了如何使用HTML5创建一款赛车游戏。首先展示了游戏的运行效果和在线编辑界面,接着详细讲述了游戏制作过程,包括设置游戏场景、创建赛车、添加计分系统、设置障碍物以及处理碰撞事件。最后提供了参考资料链接。
摘要由CSDN通过智能技术生成

    先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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值