原创记忆小游戏-HTML网页版
2016-03-11 09:19
357 查看
自己设计的一款记忆里的小游戏,开发平台Dreamweaver,只用HTML和JS就可实现(插件用到了JQ),很简单供初学者参考,源码素材都分享给大家:
游戏的设计规则很简单:开始的时候16宫格全部隐藏,点击开始格子里面会显示随机生成的三种颜色的钻石,5秒钟的记忆时间,五秒后隐藏钻石,同时上面显示需要找的钻石颜色,用户凭记忆选出所有的该颜色的钻石。
实现的方法也很简单,主要是几个重要状态和一个二维数组的处理以及一些字符串变量的处理,最后是根据所用时间和正确率成绩结算的一个小算法。
源码工程文件下载:
记忆消除游戏HTML5版
游戏的设计规则很简单:开始的时候16宫格全部隐藏,点击开始格子里面会显示随机生成的三种颜色的钻石,5秒钟的记忆时间,五秒后隐藏钻石,同时上面显示需要找的钻石颜色,用户凭记忆选出所有的该颜色的钻石。
实现的方法也很简单,主要是几个重要状态和一个二维数组的处理以及一些字符串变量的处理,最后是根据所用时间和正确率成绩结算的一个小算法。
源码工程文件下载:
记忆消除游戏HTML5版
相关文章推荐
- HTML元素如何居中
- html中的form表单
- 阅读HTML实践前五章 归纳总结
- 对html字符串中的src进行替换
- HTML转义常用表
- 使用Htmlunit上传文件
- htmlunit 优化
- HtmlUnit中屏蔽日志
- 自定义html maxlength
- 设置HtmlUnitDriver代理及处理用户验证问题
- htmlcleaner 使用示例
- BroadcastShardOperationFailedException[[vnvoos1.html][4] ]; nested: RemoteTransp
- HtmlUnit 模拟浏览器以及Cookie使用示例
- htmlunit
- HTML基础
- html 出现的错误
- html 常用的标签
- 转载 @html.ActionLink的几种参数格式
- HTML基础篇之meta标签
- [html]window.open 使用示例