HTML5 canvas游戏开发实战 7 : "是男人就下一百层“游戏

   卷轴游戏是因为游戏的背景看起来像是卷轴在滚动而得名,”是男人就下一百层“即为一款2D卷轴游戏。游戏中玩家的任务是让主角持续下落,其过程中会遇到各种麻烦,或地板消失,或地板消失,或地板带刺致使血量降低,可以让玩家挑战一下自己的极限。

7.1 游戏分析

    制作此游戏,需要用到的要素如下:

    游戏层次划分为:进度条显示层、背景层、人物层、障碍层。进度条显示层用来显示图片读取时的进度,背景层用来显示不断卷动的背景图片,人物层用来显示游戏中的主角,障碍层用来显示不断出现的各种地板。

7.2 游戏标题画面显示

     先利用LSprite对象的graphics属性和LTextField对象制作一个游戏标题画面。

7.3 读取图片与背景显示

     为了使游戏中的背景图片可以连贯地卷动显示,就需要准备一个可以上下衔接的图片

7.4 添加一个静止的地板

     之所以先添加地板,后添加游戏主角,是因为游戏主角在游戏中是不断下落的,如果没有地板,游戏主角就无法在游戏画面上停留。在这个游戏中,有各种各样的地板,这些地板有一些共同的属性,比如它们都在不停地向上移动。为了实现这些共同的属性,我们先来建立一个Floor类,作为所有地板的父类,这个父类里包含所有地板的公共部分。

7.5 添加游戏主角

     Chara类来实现对游戏主角的控制。

7.6 添加多种多样的地板

     会消失的地板

     带刺的地板

     带有弹性的地板

     向左和向右移动的地板

7.7 游戏数据的显示

      游戏的数据包括游戏主角的血量和游戏主角总共下降的层数。

7.8 游戏结束与重开

     

     













    















  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值