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 游戏结束与重开

     

     













    















你可能感兴趣的:(前端)