哪里不對(duì)啊，怎么下都不會(huì)贏，彈框都不出來
<!DOCTYPE html>
<html >
?<head>
??<meta charset="UTF-8">
??<title>五子棋</title>
??<link rel="stylesheet" href="css/style.css" />
?</head>
?<body>
??<canvas id="chess" width="300px" height="450px"></canvas>
??<script type="text/javascript" src="js/script.js" ></script>
?</body>
</html>
var chessBoard = [];
var me = true;
var over = false;
//贏法數(shù)組
var wins = [];
//贏法的統(tǒng)計(jì)數(shù)組
var myWin = [];
var computerWin = [];
for(var i = 0; i < 15; i++) {
?chessBoard[i] = [];
?for(var j = 0; j < 15; j++) {
??chessBoard[i][j] = 0;
?}
}
for(var i = 0; i < 15; i++) {
?wins[i] = [];
?for(var j = 0; j < 15; j++) {
??wins[i][j] = 0;
?}
}
//統(tǒng)計(jì)所有的橫線
var count = 0;
for(var i = 0; i < 15; i++) {
?count[i] = [];
?for(var j = 0; j < 11; j++) {
??for(var k = 0; k < 5; k++) {
???wins[i][j + k][count] = true;
??}
??count++;
?}
}
//統(tǒng)計(jì)所有的豎線
var count = 0;
for(var i = 0; i < 15; i++) {
?count[i] = [];
?for(var j = 0; j < 11; j++) {
??for(var k = 0; k < 5; k++) {
???wins[j + k][i][count] = true;
??}
??count++;
?}
}
console.log(count);
for(var i = 0; i < count; i++) {
?myWin[i] = 0;
?computerWin[i] = 0;
}
//統(tǒng)計(jì)所有的斜線
var count = 0;
for(var i = 0; i < 11; i++) {
?count[i] = [];
?for(var j = 0; j < 11; j++) {
??for(var k = 0; k < 5; k++) {
???wins[i + k][j + k][count] = true;
??}
??count++;
?}
}
//統(tǒng)計(jì)所有的反斜線
var count = 0;
for(var i = 0; i < 11; i++) {
?count[i] = [];
?for(var j = 14; j < 3; j--) {
??for(var k = 0; k < 5; k++) {
???wins[i + k][j - k][count] = true;
??}
??count++;
?}
}
var chess = document.getElementById('chess');
var context = chess.getContext('2d');
context.strokeStyle = '#BFBFBF';
//畫水印
var logo = new Image();
logo.src = "img/back.png";
logo.onload = function() {
?context.drawImage(logo, 0, 0, 300, 450);
?drawChessBoard();
}
var drawChessBoard = function() {
?//畫棋盤
?for(var i = 0; i < 15; i++) {
??context.moveTo(15 + i * 30, 19);
??context.lineTo(15 + i * 30, 440);
??context.stroke();
??context.moveTo(15, 19 + i * 30);
??context.lineTo(286, 19 + i * 30);
??context.stroke();
?}
}
var oneSetp = function(i, j, me) {
?//畫棋子
?context.beginPath(); //去開始一個(gè)路徑
?context.arc(15 + i * 30, 15 + j * 30, 13, 0, 2 * Math.PI); //arc用來畫扇形（位置，位置，半徑，起始弧度，截止弧度）
?context.closePath();
?var gradient = context.createRadialGradient(15 + i * 30 + 2, 15 + j * 30 - 2, 13, 15 + i * 30 + 2, 15 + j * 30 - 2, 0);
?if(me) {
??gradient.addColorStop(0, "#0A0A0A");
??gradient.addColorStop(1, "#636766");
?} else {
??gradient.addColorStop(0, "#D1D1D1");
??gradient.addColorStop(1, "#F9F9F9");
?}
?context.fillStyle = gradient;
?context.fill();
}
chess.onclick = function(e) {
?if(over) {
??return;
?}
?//實(shí)現(xiàn)落子
?var x = e.offsetX;
?var y = e.offsetY;
?var i = Math.floor(x / 30);
?var j = Math.floor(y / 30);
?if(chessBoard[i][j] == 0) {
??oneSetp(i, j, me);
??if(me) {
???chessBoard[i][j] = 1;
??} else {
???chessBoard[i][j] = 2;
??}
??me = !me;
??for(var k = 0; k < count; k++) {
???if(wins[i][j][k]) { //判斷當(dāng)前黑棋在不在某個(gè)贏法上
????myWin[k]++; //距離贏法更近一步
????computerWin[k] = 6;
????if(myWin[k] == 5) {
?????alert(myWin[k]);
?????window.alert("你贏了");
?????over = true;
????}
???}
??}
?}
}
2016-11-01
每個(gè)注釋//統(tǒng)計(jì)所有的X線下的var count=0；留一個(gè)就行，還有就是反斜線的for循環(huán)中，j<3更正為j>3,暫時(shí)就發(fā)現(xiàn)這兩個(gè)錯(cuò)
2016-08-13
你的ok了嗎？我的也提示不了
2016-07-28
沒發(fā)現(xiàn)哪不對(duì)。。。