<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>Untitled Document</title>
<script type="text/javascript">
var bgObj;
function showWin(strInfo){
var sWidth,sHeight;
sWidth=screen.width;
sHeight=screen.height;
bgObj=document.createElement("div");
bgObj.setAttribute( "id", "bgDiv");
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#cccccc";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=screen.width+"px";
bgObj.style.height=screen.height+"px";
document.body.appendChild(bgObj);
//main.style.display='block';
main.style.visibility = "visible";
main.style.zIndex = "50";
main.style.width="100%";
document.getElementById("warnInfo").innerHTML="<h2>"+strInfo+"</h2>";
}
function closeWin(){
init();
document.body.removeChild(bgObj);
main.style.visibility = "hidden";
}
</script>
<style type="text/css">
/*初始状态*/
.f0{background-color:#425ccd}
/*鼠标悬停状态*/
.f1{background-color:#609aff}
/*扫雷状态*/
.f2{background-color:#cbd8ea}
/*地雷状态*/
.f3{background-color:#cbd8ea;background-image:url("mine2.png")}
/*扫出的地雷*/
.f4{background-color:#cbd8ea;background-image:url("mine.png")}
td {width:18px;}
tr {height:18px;}
font{font-weight:bolder;}
.n1{color:#4050be}
.n2{color:#1e6902}
.n3{color:#b05964}
.n4{color:#010184}
.n5{color:#8c2d34}
.n6{color:#ff0080}
.n7{color:#ff8000}
.n8{color:#00ffff}
#main{position:absolute;z-index:50; visibility:hidden}
</style>
<script type='text/javascript'>
//配置信息 宽度 高度 地雷数量（默认为 9 9 10）
var setting = {width:9,height:9,mine:10};
var minePostionArray = [];
var mineWarnArray=[]; //警告信息数组,记忆生成
var notMineNum; //非雷区的数量
var realnotMineNum;
function $(id){
return document.getElementById(id);
}
Array.prototype.has= function(num){
//可以优化查询算法
var flag =false;
for(var i=0;i<minePostionArray.length;i++){
if(num==minePostionArray[i]){
flag = true;
break;
}
}
return flag;
}
function init(){
setting = {width:9,height:9,mine:10};
minePostionArray = [];
mineWarnArray=[];
initSetting();
initMainArea(setting.width,setting.height,setting.mine);
initMine(setting.width,setting.height,setting.mine);
}
//初始化配置
function initSetting(){
//获得选中的难度
var level = document.FrmSetting.level;
var checkLevel = 0;
for(var i =0 ; i<4 ; i++){
if(level[i].checked==true){
checkLevel = i;
break;
}
}
//根据难度配置setting
switch(checkLevel){
case 0:setting = {width:9,height:9,mine:10};break;
case 1:setting = {width:16,height:16,mine:40}; break;
case 2:setting = {width:16,height:30,mine:99}; break;
case 3:setting = {width:$('width').value,height:$('height').value,mine:$('mine').value};break;
}
notMineNum=0;
realnotMineNum = setting.width*setting.height-setting.mine;
}
//初始化扫雷游戏主区域界面
function initMainArea(width,height,mine){
var innerHtml = ["<table cellpadding='0' cellspacing='0' border='1' bordercolor='black'>"];
for(var i=0;i<height;i++){
innerHtml.push("<tr>");
for(var j=0;j<width;j++){
var id= i*width+j;
innerHtml.push("<td class='f0' id='"+id+"' onmouseover='mouseover(this);' onmouseout='mouseout(this);' onclick='mouseclick(this);'> </td>");
}
innerHtml.push("</tr>");
}
innerHtml.push("</table>");
var obj = document.getElementById("MainArea");
obj.innerHTML = innerHtml.join("");
}
//初始化地雷
function initMine(width,height,mine){
var basicArray = [];
var allBlank = width*height;
for(var m=0;m<allBlank;m++){
basicArray[m]=m;
mineWarnArray[m]=-1;
}
for(var n=0;n<mine;n++){
var randomNum = Math.floor(Math.random()*(basicArray.length));
minePostionArray.push(basicArray[randomNum]);
basicArray.splice(randomNum,1);
}
minePostionArray.sort(function(a,b){return a-b});
//alert(minePostionArray);
}
function mouseover(obj){
if(obj.className=="f0"){
obj.className="f1";
}
}
function mouseout(obj){
if(obj.className=="f1"){
obj.className="f0";
}
}
function mouseclick(obj){
if(obj.className=="f1"){
var index = obj.id;
if(minePostionArray.has(index)){
//该位置有地雷
for(var i = 0 ;i<minePostionArray.length;i++){
$(minePostionArray[i]).className="f4";
}
obj.className="f3";
showWin("技术还不到家哈。。。");
}else{
//该位置无雷
obj.className="f2";
showNum(index);
}
}
}
function showNum(index){
notMineNum++;
mineWarnArray[index]=-2;
var x = index%setting.width;
var y = Math.floor(index/setting.width);
//alert(index+" "+x+" "+y);
var count = 0 ;
point1:for(var i = x-1 ; i<=x+1 ; i++){
for(var j= y-1 ; j<=y+1 ;j++){
if(i<0){
continue point1;
}
if(i>setting.width-1){
break point1;
}
if(0 <= j && j <= setting.height-1){
var postion = j*setting.width+i;
//alert(postion+" "+i+" "+j);
if (mineWarnArray[postion] == -1) {
if (minePostionArray.has(postion)) {
count++;
}else{
mineWarnArray[postion] =-2;
}
}
}
}
}
$(index).innerHTML = (count==0)?" ":"<font class='n"+count+"'>"+count+"</font>";
$(index).className="f2";
mineWarnArray[index] = count;
if(notMineNum==realnotMineNum){
for(var i = 0 ;i<minePostionArray.length;i++){
$(minePostionArray[i]).className="f4";
}
showWin("恭喜您过关了。。。。");
}
if(count == 0){
point2:for (var i = x - 1; i <= x + 1; i++) {
for (var j = y - 1; j <= y + 1; j++) {
if(i<0){
continue point2;
}
if(i>setting.width-1){
break point2;
}
if (0 <= j && j <= setting.height-1) {
var num =j*setting.width+i;
//alert(num);
if(mineWarnArray[num]<0){
showNum(num);
}
}
}
}
/*
index = index-0;
if(x>0){
if(mineWarnArray[index-1]<0){
showNum(index-1);
}
}
if(x<setting.width-1){
if(mineWarnArray[index+1]<0){
showNum(index+1);
}
}
if(y>0){
if(mineWarnArray[index-setting.width]<0){
showNum(index-setting.width);
}
}
if(y<setting.height-1){
if(mineWarnArray[index+setting.width]<0){
showNum(index+setting.width);
}
}
if (x > 0 && y > 0) {
if (mineWarnArray[index - setting.width - 1] < 0) {
countRound(index - setting.width - 1);
}
}
if(x > 0 && y<setting.height-1){
if(mineWarnArray[index-setting.width+1]<0){
countRound(index-setting.width+1);
}
}
if(x<setting.width-1 && y>0 ) {
if(mineWarnArray[index+setting.width-1]<0){
countRound(index+setting.width-1);
}
}
if(x<setting.width-1 && y<setting.height-1){
if(mineWarnArray[index+setting.width+1]<0){
countRound(index+setting.width+1);
}
}
*/
}
}
</script>
</head>
<body bgcolor="#c8c8c8">
<form name="FrmSetting">
<font size="4">难度</font>
<div>
<input type="radio" name="level" value="0" checked="checked"><b>初级</b>（10个雷，9*9平铺网格）<br/>
<input type="radio" name="level" value="1"><b>中级</b>（40个雷，16*16平铺网格）<br/>
<input type="radio" name="level" value="2"><b>高级</b>（99个雷，16*30平铺网格）<br/>
<input type="radio" name="level" value="3"><b>自定义</b> 高度(9-24)(H)<input type="text" id="height" value="9" size="2"> 宽度(9-30)(W)<input type="text" id="width" value="9" size="2"> 雷数(10-668)(M)<input type="text" id="mine" value="10" size="3">
</div>
<input type="button" value="开始游戏" onclick="init();">
</form>
<div id="main" align="center">
<span id="warnInfo"></span>
<input type="button" value="再玩一盘" onclick="closeWin();"/>
</div>
<div align="center" id="MainArea"></div>
</body>
</html>
<!--
逻辑层 -- 有雷 无雷
表示层-- 初始状态（0） 点击状态 （1） 扫雷状态（2） 引爆状态（3）
雷的全部数量
-->
- 大小: 61.6 KB
分享到：
相关推荐
初学c#时自己做的扫雷，非常简单的设计，适合初学者学习
从给定的代码片段来看，这是一段Java代码，用于实现一个简单的扫雷游戏。下面将根据代码内容，解析并生成相关的IT知识点。 ### 1. Java基础：Swing GUI编程 这段代码主要使用了Java Swing库来创建图形用户界面...
JS扫雷游戏是一款经典的逻辑型小游戏，通过JavaScript语言实现，为编程初学者提供了一个良好的实践平台。本项目旨在帮助开发者深入理解和运用JavaScript基础，同时提升逻辑思维能力。下面我们将从核心代码、功能实现...
初学javascript时写的 为了积分拿来分享
标题中的“jquery+纯生javascript写的适合初学者”暗示了这个压缩包可能包含了一系列使用JavaScript和jQuery库编写的示例代码或教程，旨在帮助初学者理解这两种技术的基础和交互方式。JavaScript是一种广泛用于Web...
一个用java写的扫雷程序，采用GUI实现界面，代码700行，注释全面，适合初学者学习。 一个用java写的扫雷程序，采用GUI实现界面，代码700行，注释全面，适合初学者学习。
本篇文章主要讲解了Java扫雷程序的代码实现，通过对扫雷程序的代码注释，帮助初学者更好地理解扫雷程序的工作原理。 Java扫雷程序的设计 Java扫雷程序的设计主要分为三个步骤：第一步，extends JFrame，继承JFrame...
总结，通过分析和实践这个C++实现的扫雷小游戏，初学者不仅可以掌握递归这一重要编程技巧，还能提升对C++语言的理解，以及增强游戏开发和调试的能力。同时，对于已有的扫雷游戏代码，可以进行扩展和优化，比如增加...
java实现的扫雷游戏，初学java的试制品.zipjava实现的扫雷游戏，初学java的试制品.zip java实现的扫雷游戏，初学java的试制品.zipjava实现的扫雷游戏，初学java的试制品.zip java实现的扫雷游戏，初学java的试制品....
用最简单的js函数编写的扫雷小游戏 每一个方格里调用一个函数, 除了java我想这样也是可以实现的吧
扫雷，这是一款深受全球用户喜爱的经典益智游戏，通过C语言实现，对于初学者来说，这是一个很好的学习编程逻辑和理解数据结构的实践项目。在这个项目中，我们将深入探讨如何利用C语言来创建一个功能完备的扫雷游戏。...
《基于原生JavaScript实现的扫雷小游戏.zip》是一个精简且功能丰富的Web开发项目，它展示了如何仅使用JavaScript这门前端核心语言来构建一款经典的桌面风格扫雷游戏。该资源包含了HTML、CSS以及JavaScript文件，...
通过这个扫雷游戏源码的学习，初学者可以逐步掌握Cocos2D的基础知识，了解游戏开发的基本流程，为后续的项目开发打下坚实基础。实践是检验真理的唯一标准，动手实践这款扫雷游戏的源码，相信你会收获满满。
在扫雷中，当用户揭开一个格子，JavaScript会找到对应的DOM元素，并更新它的内容和样式，以反映出游戏的实时状态。 7. **条件判断与循环**：在JavaScript中，大量使用了条件判断（if...else语句）和循环（for，...
前不久我写的一个扫雷，进行了代码优化，简明，适合初学者参考学习gui的基本操作。分数就3分吧，别嫌太贵啊。
【标题】：“java 写的个扫雷，处女作” 这个项目是一个使用Java编程语言实现的扫雷游戏。作为作者的初次尝试，它展示了如何使用Java进行图形用户界面（GUI）开发，尤其是使用Java的基础GUI库AWT（Abstract Window ...
【标题】：“用Java写的扫雷游戏”是一个基于Java编程语言实现的经典扫雷游戏项目，旨在帮助学习者理解和掌握Java编程的基本概念以及游戏开发的基本流程。这个项目可能包含多个源代码文件，每个文件对应游戏的不同...
c#扫雷小程序，适用于交作业时，简单易懂。便于学习，适用于初学者。
本项目是原创设计，代码结构清晰，易于理解和修改，适合初学者和有一定编程经验的人进行学习和实践。 首先，我们要理解HTML是超文本标记语言，用于构建网页的结构。在扫雷游戏中，HTML将被用来创建游戏界面，包括...