热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5游戏设计与制作

第二次用Construct2这款软件制作小游戏,也变得渐渐上手了。这次制作的是类似于“是男人就下100层”的经典游戏!楔子(Setting):话说当年三国时期,吴国大将黄盖前往曹营诈降献策,

第二次用Construct2这款软件制作小游戏,也变得渐渐上手了。这次制作的是类似于“是男人就下100层”的经典游戏!
mankind
楔子(Setting):话说当年三国时期,吴国大将黄盖前往曹营诈降献策,历史中曹操受骗赤壁战大败。然而命运这一次却倾向了曹军,曹操识破了黄盖阴谋,黄盖也因此被打入地牢。游戏中黄盖化身火柴人,试图通过抵达地下100层来逃出生天……

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

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

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

mankind
(最后分数突变是录屏的问题,决不是游戏的bug…)

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

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


推荐阅读
  • 前端监控数据网络(要求阻拦)
    所谓web,纵然你我素未谋面,便知志趣相投;深居简出,亦知天下之大。01—为何阻拦要求如今的web运用,大都是经由过程要求(http)去猎取资本,拿到资本后再显现给用户,一个页面中 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • DatepickerlandedonChrome20,isthereanyattributetodisableit?MyentiresystemusesjQuery ... [详细]
  • a web-based music player(GO + html5)
    github地址:https:github.comcoderchengmusic-player后台是用GO(windowslinux都可以),前端是HTML5推荐 ... [详细]
  • 极简版Promise满足的使用方式生成实例对象的方式:newMyPromise()通过类直接调用静态方法:MyPromise.resolve(),目前静态方法仅支持resolve& ... [详细]
  •   html5与js,  本文介绍html5shiv.js和respond.min.js与大家分享,如下:  做 ... [详细]
  • 新版本在线体验地点已上线,迎接体验?—2017-01-14喜好就Star,不只是Fork;想要分享的结果才是驱动力,而手艺仅仅是一种要领。TP-adminTP-admin即基于Th ... [详细]
  • 1.HTML5原生支持<video>简单使用:<videosrc..TestRestest.mp4autoplaycontrols><vide ... [详细]
  • Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ... [详细]
  • HTML5-web通信之 Cross-Document Messaging(XDM) & Channel Messaging
    在学习跨域,转载几篇好的博客,以后有深刻理解再自己总结吧。HTML5web通信(跨文档通信通道通信)简介byzhangxinxufromhttp:www.zhang ... [详细]
  • js中运行机制的详细分析(示例解析)
    web前端|js教程node.js,html5,html,css,javascriptweb前端-js教程本篇文章给大家带来的内容是关于js中运行机制的详细分析(示例解析),有一定 ... [详细]
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • 在本文中,我将向你介绍如何使用HTML5自定义数据属性。我还将向你介绍一些开发人员在工作中经常使用的优秀实例。为什么需要自定义数据属性?很多时候我们需要存储一些与不同DOM元素相关联的 ... [详细]
author-avatar
qa32qw51
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有