javascript连连看

经测试，IE，Firefox，Chrome，Opera可用。

连接线最多2个拐角.秘籍为:开始后连续输入zycjwdss

还剩0对

 

对数字

高度:
宽度:

// 0)return 1;//IE
if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0)return 2;//Firefox
if (isSafari = navigator.userAgent.indexOf("Chrome") > 0)return 3;//Chrome
if (isSafari = navigator.userAgent.indexOf("Safari") > 0)return 4;//Safari
if (isCamino = navigator.userAgent.indexOf("Camino") > 0)return 5;//Camino
if (isMozilla = navigator.userAgent.indexOf("Gecko/") > 0)return 6;//Gecko
if (isMozilla = navigator.userAgent.indexOf("Opera") >= 0)return 7;//Opera
//other...
return 0;
}
//一二维数组array中是否包含元素element
function isInclude(array, element) {
var alen = array.length;
for (var i = 0; i output 0 or 1 or 2
function getRandom(t) {
return Math.floor(t * Math.random());
}

var trLen = 6;//行数
var tdLen = 8;//列数
var gridWidth = 36;//单元格大小
var flashSpeed = 150;//闪烁速度
var pairNum = 10;
var maxCornerLen = 2;
var grayColor = "#eeeeee";
var blackColor = "#000000";
var borderColor = "#000000";
var selectColor = "#cc0000";
var grayColor_2 = "rgb(238," + " 238, 238)";
var blackColor_2 = "rgb(0," + " 0, 0)";
var borderColor_2 = "rgb(0," + " 0, 0)";
var selectColor_2 = "rgb(204," + " 0, 0)";

var isGaming = true;

var colors = [
"#000000",//unused
"#000066",
"#0000cc",
"#006600",
"#006666",
"#0066cc",
"#00cc00",
"#00cc66",
"#00cccc",
"#660000",
"#660066",
"#6600cc",
"#666600",
"#666666",
"#6666cc",
"#66cc00",
"#66cc66",
"#66cccc",
// "#cc0000",//red
"#cc0066",
"#cc00cc",
"#cc6600",
"#cc6666",
"#cc66cc",
"#cccc00",
"#cccc66",
"#cccccc",
"#333333",
"#333399",
"#3333ee",
"#339933",
"#339999",
"#3399ee",
"#33ee33",
"#33ee99",
"#33eeee",
"#993333",
"#993399",
"#9933ee",
"#999933",
"#999999",
"#9999ee",
"#99ee33",
"#99ee99",
"#99eeee",
"#ee3333",
"#ee3399",
"#ee33ee",
"#ee9933",
"#ee9999",
"#ee99ee",
"#eeee33",
"#eeee99",
"#eeeeee",
];
var colorToNum = {};
for (var i = 1; i 0) {
jsels.childNodes[row - 1].childNodes[col].style.borderBottomColor = selectColor;
}
if (col > 0) {
jsels.childNodes[row].childNodes[col - 1].style.borderRightColor = selectColor;
}
};
var unSelectTd = function(row, col) {
// selectedRC = [];
jsels.childNodes[row].childNodes[col].style.borderColor = borderColor;
if (row > 0) {
jsels.childNodes[row - 1].childNodes[col].style.borderBottomColor = borderColor;
}
if (col > 0) {
jsels.childNodes[row].childNodes[col - 1].style.borderRightColor = borderColor;
}
};
var toggleSelectTd = function(row, col) {
if (!isGaming)return;
if (isSelected(row, col)) {
unSelectTd(row, col);
selectedRC = [];
}
else {
if (selectedRC.length == 0) {
selectTd(row, col);
}
else {
if (isGray(row, col))return;
if (!checkPair(row, col)) {
unSelectTd(selectedRC[0], selectedRC[1]);
selectTd(row, col);
}
}
}
};
//清空所有
var clearAll = function() {
for (var i = 0; i = ps.length) {
return;
}
if (ps[n]) {
setAPosition(i, j, ps[n]);
}
n++;
}
}
};
var movePos = function(rc, ds) {
return [rc[0] + ds[0], rc[1] + ds[1]];
};
var posEqual = function(rc1, rc2) {
return rc1[0] == rc2[0] && rc1[1] == rc2[1];
};
var dirs = [
[-1, 0],
[0, -1],
[0, 1],
[1, 0]
];//上左右下
var dir = 0;
var _forward;

var isOut = function(rc) {
return (rc[0] = trLen || rc[1] = tdLen)
};
var findDirectRcs = function(oriRcs, rc2) {
var retRes = [];
var hs = {};
var _rc, _ds, _rc2;
for (var i = 0; i 0)eliminate([a].concat(path));
var path = findPath(a, b);
if (path.length > 0) {
eliminate(path);
return true;
}
}
return false;
};
var start = function() {
clearAll();
setPositions();
// clearInterval(inter);
// clearTimeout(timeout);
score = pairNum;
labelScore.innerHTML = score;
cheatCode = 0;
setMCL(2);
};
//清除数组指示的行
var eliminate = function(toRemoves) {
if (toRemoves == null || toRemoves == undefined || toRemoves.length == 0) {
afterEliminate();
}
else {
isGaming = false;
var _len = toRemoves.length;
for (var i = 0; i maxCornerLen)return [];
_forward = movePos(rc1, dirs[dir]);
var _flag = false;
for(var i=0;i1)cornerLen++;
if(cornerLen>maxCornerLen)return [];
console.log("rc1:"+rc1+" ps:"+ps+" dir:"+dirs[dir]+" cornerLen:"+cornerLen);
if(posEqual(_forward, rc2)){
console.log("aaa _forward:"+_forward);
return [rc1, rc2];
}
if(!isInclude(ps, _forward) && isGray(_forward[0], _forward[1])){
// console.log("_forward:"+_forward+" gray");
var _tmp = _findPath(_forward, rc2, ps.concat([_forward]), dir, cornerLen);
if(_tmp && _tmp.length>0 && posEqual(_tmp[_tmp.length-1], rc2)){
console.log("bbb rc1:"+rc1);
return [rc1].concat(_tmp);
}
}
for(var i=0;i1)?(cornerLen+1):cornerLen);
if(_tmp && _tmp.length>0 && posEqual(_tmp[_tmp.length-1], rc2)){
console.log("ccc rc1:"+rc1);
return [rc1].concat(_tmp);
}
}
return [];
};
//*/

var setMCL = function(n) {
maxCornerLen = n;
mclEl.innerHTML = maxCornerLen;
};

var doCheat = function() {
setMCL(3);
alert("连接线最多3个拐角");
};

var keyControl = function(ev) {
var kc;
if (getOs() == 2) {
kc = ev;
}
else {
kc = event
}
// alert(event.keyCode);
switch (kc.keyCode) {
case 81:
{//q
start();
break;
}
case 83:
{//s
if (cheatCode == 6)cheatCode = 7;
else if (cheatCode == 7)cheatCode = 8;
else cheatCode = 0;
if (cheatCode == 8) {
doCheat();
cheatCode = 0;
}
break;
}
case 90:
{//z
if (cheatCode == 0)cheatCode = 1;
else cheatCode = 0;
break;
}
case 89:
{//y
if (cheatCode == 1)cheatCode = 2;
else cheatCode = 0;
break;
}
case 67:
{//c
if (cheatCode == 2)cheatCode = 3;
else cheatCode = 0;
break;
}
case 74:
{//j
if (cheatCode == 3)cheatCode = 4;
else cheatCode = 0;
break;
}
case 87:
{//w
if (cheatCode == 4)cheatCode = 5;
else cheatCode = 0;
break;
}
case 68:
{//d
if (cheatCode == 5)cheatCode = 6;
else cheatCode = 0;
break;
}
default :
{
//alert("default");
cheatCode = 0;
}
}
if (!(kc.keyCode > 47 && kc.keyCode \n";
for (var i = 0; i ";
for (var j = 0; j

";
}
mfTxt += "

";
}
mfTxt += "

";
return mfTxt;
};
document.getElementById("mainField").innerHTML = mainField();
jsels = document.getElementById("jsels").childNodes[1];
if (getOs() == 1) {
jsels = document.getElementById("jsels").childNodes[0];
}
var setClick = function() {
for (var i = 0; i 30 || col > 30) {
alert("高度宽度不要超过30");
return;
}
if (row