HTML5游戏设计与制作

第二次用Construct2这款软件制作小游戏，也变得渐渐上手了。这次制作的是类似于“是男人就下100层”的经典游戏！

楔子(Setting)：话说当年三国时期，吴国大将黄盖前往曹营诈降献策，历史中曹操受骗赤壁战大败。然而命运这一次却倾向了曹军，曹操识破了黄盖阴谋，黄盖也因此被打入地牢。游戏中黄盖化身火柴人，试图通过抵达地下100层来逃出生天……

玩法(Gameplay)：玩家下至100层则游戏胜利，若掉落至地牢底层或生命值为0时游戏失败。

通过键盘上的上下左右方向键操控游戏中的火柴人，右上角为火柴人的血槽，代表火柴人的生命值，当火柴人碰到顶端的刺或过渡木板上的刺时，会按接触时间损耗一定量的生命值，当火柴人直接掉落到地牢的底下时，生命值直接为0，当火柴人生命值为0时，即游戏结束；当玩家积分达到100时，则游戏胜利。

人设与道具(Game Sprites)：
Player：黄盖，火柴人。通过键盘上的左右方向键左右移动，上方向键跳跃。右上角为火柴人的血槽，代表火柴人的生命值。当生命值不满时，每相隔一定时间会恢复少量生命值。
Wood：木头。当与黄盖触碰时会在一定时间内消失。
Steel：钢板。黄盖可以停留在上面。
Sting board：带刺的木头。黄盖停留在上面是会损耗生命。
Thorn：顶端刺。黄盖与其触碰也会损耗生命值。
…

（最后分数突变是录屏的问题，决不是游戏的bug…）

制作一个游戏首先最重要的是决定游戏中的对象有什么，然后没有对象都有什么行为，例如跳板的种类，我暂时先做了3种。然后如果需要自动生成跳板，那么相隔多长时间出现一个，而不同跳板出现的频率呢，还有玩家的生命值设定为多少，生命损耗如何等等，这些都要提前规划好，在制作的过程中调整起来也比较方便。

最后，游戏的网址：http://sysuliangwj.byethost4.com/game2/
欢迎来试玩~

HTML5游戏设计与制作相关推荐

python html5游戏_10天制作html5游戏-卡坦岛-第一天，环境配置
卡坦岛是一款类似<文明>系列游戏的桌游,玩家要在由六边形组成的地图上发展自己的定居地与城市,以此累积胜利点,最先达到10点胜利点的玩家将获得游戏胜利.本系列专栏就将从零开始,在浏览器上实现 ...
Python基础编程案例：简单的井字棋游戏设计与制作
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 前言 python井字棋游戏虽然看上去非常简陋,但是却非常值得学习. 先看怎么玩 ...
VUE+WebPack实现精美Html5游戏设计：cardBattle的启动场景设计
更详细的讲解和代码调试演示过程,请点击链接上一节,我们介绍了纸牌战争游戏的基本内容,本节我们进入游戏的具体设计和实现阶段.整个游戏分为三个场景,分别是启动场景,游戏场景,和结束场景.启动场景就是游戏 ...
html5与交互融媒体内容设计,广东省“HTML5交互融媒体内容设计与制作”赛项在我院顺利举行...
原标题:广东省"HTML5交互融媒体内容设计与制作"赛项在我院顺利举行 3月22-23日,2018-2019年广东省职业院校学生专业技能大赛"HTML5交互融媒体内容设计 ...
是寒冬还是风口？2015年HTML5游戏完整产业链报告
策划/采访:尚言编辑:徐乙榛文案:李菁制图:华丽胖子目录一.HTML5游戏产业链之研发篇 1-1 开发成本 1-2 开发瓶颈二.HTML5游戏产业链之渠道篇 2-1 渠道商业模式 2-2 ...
【游戏设计笔记】游戏设计第一堂课
I cannot give you the formula for success,but I can give you the formula for failure-which is:Try to ...
html5游戏制作总结
QQ空间Android版4.2和4.5上线的玩吧游戏"空间疯狂套牛"是一款使用HTML5开发出的手机游戏,虽然还有很多不足,但其中使用的一些技术与技巧还是很有必要为大家分享出来,方 ...
HTML5期末大作业：婚庆网站设计——红色的婚庆(18页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:婚庆网站设计--红色的婚庆(18页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电 ...
HTML+CSS网页设计期末课程大作——XXXXX (X页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作
HTML+CSS网页设计期末课程大作--XXXXX (X页) HTML5网页设计成品_学生DW静态网页设计_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商 ...
html5 游戏动画设计,11款效果惊艳的HTML5动画应用
11款效果惊艳的HTML5动画应用来源:极客头条 HTML5真的很棒,我们这个网站也每天在为大家分享很多炫酷而实用的HTML5和CSS3应用.今天要分享的有很多效果惊艳而且好玩的HTML5动画应用, ...

HTML5游戏设计与制作

HTML5游戏设计与制作相关推荐

最新文章

热门文章