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

2024-05-18 11:57:27

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

7.1 游戏分析

制作此游戏，需要用到的要素如下：

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

7.2 游戏标题画面显示

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

7.3 读取图片与背景显示

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

7.4 添加一个静止的地板

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

7.5 添加游戏主角

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

7.6 添加多种多样的地板

会消失的地板

带刺的地板

带有弹性的地板

向左和向右移动的地板

7.7 游戏数据的显示

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

7.8 游戏结束与重开

HTML5 canvas游戏开发实战 7 : 是男人就下一百层“游戏相关推荐

是男人就下一百层游戏3D版实现
2022年3月的上海,为了支持抗击疫情足不出户在家呆了半个月.闲来无事,居家办公之余写了个小游戏放松一下心情. 这是个模仿<是男人就下100层>的3D版小游戏,可以起个搞怪的名字比如 &l ...
“是男人就下一百层”h5游戏全网最详细教学、全代码，js操作
"是男人就下一百层"h5游戏全网最详细教学.全代码,js操作博主的话游戏展示编程工具介绍游戏代码代码讲解 js 第一步切换div的显示与隐藏 js 第二步在菜单页面用 ...
Unity经典游戏教程之：是男人就下100层
版权声明: 本文原创发布于博客园"优梦创客"的博客空间(网址:http://www.cnblogs.com/raymondking123/)以及微信公众号"优梦创客&qu ...
Python是男人就下一百层小游戏源代码
是男人就下一百层小游戏Python小游戏源程序,共包含两个程序文件:game.py和是男人就下一百层.py.程序运行截图如下: 更多Python源代码,请微信关注:Python代码大全, game.p ...
C++写的是男人就下一百层小游戏，基于EasyX图形库（本人菜鸟）
是男人就下一百层小游戏游戏整体源代码已打包,在最下面首先建立一个board类: #pragma once #ifndef BOARD_H_ #define BOARD_H_ const int ...
是男人就下一百层 C语言 Easyx 实现游戏
是男人就下一百层 C语言实现本人水平非常有限,该项目中还存在比较多的bug与不足,希望大家积极交流并反馈,感谢! 一.实现功能左右方向键控制移动 Easyx 图形化实现血量,分数显示速度随分数 ...
Unity2D | 学习笔记_是男人就下一百层
此次尝试的游戏制作并不算难,同样是一款2D像素游戏,玩法类似于"是男人就下一百层",为增加游戏的可玩性,添加了一些个人的想法,同样做一次总结,来记录学习的过程和收获.
iOS cocos2d 2游戏开发实战(第3版)---你的第一个游戏！
2019独角兽企业重金招聘Python工程师标准>>> 随着苹果公司不断地创新与发展,新的iPhone 5.iPad 4以及iPad mini产品相继问世,包括iOS与Xcode在内 ...
unity3D游戏开发实战原创视频讲座系列13之帽子戏法游戏开发（预告）
文件夹第一讲游戏演示项目创建...1 第二讲游戏场景的编辑...1 第三讲帽子的移动...2 第四讲炮弹的产生...4 第六讲游戏界面的完好...6 第七讲各种UI的制作...8 ...

最新文章

热门文章