首页 > 代码库 > 原创记忆小游戏-HTML网页版

原创记忆小游戏-HTML网页版

自己设计的一款记忆里的小游戏,开发平台Dreamweaver,只用HTML和JS就可实现(插件用到了JQ),很简单供初学者参考,源码素材都分享给大家:
技术分享


游戏的设计规则很简单:开始的时候16宫格全部隐藏,点击开始格子里面会显示随机生成的三种颜色的钻石,5秒钟的记忆时间,五秒后隐藏钻石,同时上面显示需要找的钻石颜色,用户凭记忆选出所有的该颜色的钻石。
实现的方法也很简单,主要是几个重要状态和一个二维数组的处理以及一些字符串变量的处理,最后是根据所用时间和正确率成绩结算的一个小算法。

源码工程文件下载:https://github.com/jiangxh1992/HaierOven-Site

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>消除钻石游戏</title>
    <script type="text/javascript" src=http://www.mamicode.com/"jquery-1.8.0.min.js"></script>>

原创记忆小游戏-HTML网页版