js判斷輸贏的彈框出不來
// JavaScript Document
var chessBoard=[];
var me=true;
var over=false;
//贏法數(shù)組
var wins = [];
//贏法的統(tǒng)計數(shù)組
var myWin=[];//統(tǒng)計我方的
var computerWin=[];//統(tǒng)計計算機的
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] = [];
}
}
for(var i = 0; i < 15; i++) {
for (var j = 0; j < 11; j++) {
for (var k = 0; k < 5; k++) {
wins[j+k][i][count] = true;
}
count++;
}
}
for(var i = 0; i < 11; i++) {
for (var j = 14; j>3; j--) {
for (var k = 0; k < 5; k++) {
wins[i+k][j-k][count] = true;
}
count++;
}
}
for(var i = 0; i < 11; i++) {
for (var j = 0; j < 11; j++) {
for (var k = 0; k < 5; k++) {
wins[i+k][j+k][count] = true;
}
count++;
}
}
var count = 0;
console.log(count);
//初始化為0
for(var i=0;i<count;i++)
{
myWin[i]=0;
computerWin[i]=0;
}
var chess=document.getElementById('chess');
var ctx=chess.getContext('2d');
ctx.strokeStyle="black";
/*..............................棋盤的畫法..................*/
for(var i=0;i<15;i++)
{
ctx.moveTo(15+i*30,15);
? ? ctx.lineTo(15+i*30,435);
? ? ctx.stroke();
? ? ctx.moveTo(15,15+i*30);
? ? ctx.lineTo(435,15+i*30);
? ? ctx.stroke();
}
/*..........................棋子的畫法..........................*/
var oneStep=function(i,j,me)
{
ctx.beginPath();
? ? ctx.arc(15+i*30,15+j*30,13,0,Math.PI*2,true);
? ? ctx.closePath();
if(me)
{
ctx.fillStyle="black";
ctx.fill();
}
else
{
ctx.fillStyle="white";
ctx.fill();
}
? ??
? ? ctx.stroke()
}
/*............................實現(xiàn)落棋..............................*/
chess.onclick=function(e)
{
if(over)
{
return;
}
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)
{
oneStep(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])
{
myWin[k]++;
computerWin[k]=6;
if(myWin[k]==5)
{
window.alert("您贏了");
over=true;
}
}
}
}
}
2017-07-20
已改好 建議多寫 多練 ??
var chessBoard = [];
? ?var me = true;
? ?var over = false;
? ?var count = 0;
//贏法數(shù)組
? ?var wins = [];
//贏法的統(tǒng)計數(shù)組
? ?var myWin = [];//統(tǒng)計我方的
? ?var computerWin = [];//統(tǒng)計計算機的
? ?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] = [];
? ? ? ?}
? ?}
? ?for (var i = 0; i < 15; i++) {
? ? ? ?for (var j = 0; j < 11; j++) {
? ? ? ? ? ?for (var k = 0; k < 5; k++) {
? ? ? ? ? ? ? ?wins[j + k][i][count] = true;
? ? ? ? ? ?}
? ? ? ? ? ?count++;
? ? ? ?}
? ?}
? ?for (var i = 0; i < 15; i++) {
? ? ? ?for (var j = 0; j < 11; j++) {
? ? ? ? ? ?for (var k = 0; k < 5; k++) {
? ? ? ? ? ? ? ?wins[i][j + k][count] = true;
? ? ? ? ? ?}
? ? ? ? ? ?count++;
? ? ? ?}
? ?}
? ?for (var i = 0; i < 11; i++) {
? ? ? ?for (var j = 14; j > 3; j--) {
? ? ? ? ? ?for (var k = 0; k < 5; k++) {
? ? ? ? ? ? ? ?wins[i + k][j - k][count] = true;
? ? ? ? ? ?}
? ? ? ? ? ?count++;
? ? ? ?}
? ?}
? ?for (var i = 0; i < 11; i++) {
? ? ? ?for (var j = 0; j < 11; j++) {
? ? ? ? ? ?for (var k = 0; k < 5; k++) {
? ? ? ? ? ? ? ?wins[i + k][j + k][count] = true;
? ? ? ? ? ?}
? ? ? ? ? ?count++;
? ? ? ?}
? ?}
? ?console.log(count);
//初始化為0
? ?for (var i = 0; i < count; i++) {
? ? ? ?myWin[i] = 0;
? ? ? ?computerWin[i] = 0;
? ?}
? ?var chess = document.getElementById('chess');
? ?var ctx = chess.getContext('2d');
? ?/*..............................棋盤的畫法..................*/
? ?for (var i = 0; i < 15; i++) {
? ? ? ?ctx.beginPath();
? ? ? ?ctx.moveTo(15 + i * 30, 15);
? ? ? ?ctx.lineTo(15 + i * 30, 435);
? ? ? ?ctx.stroke();
? ? ? ?ctx.beginPath();
? ? ? ?ctx.moveTo(15, 15 + i * 30);
? ? ? ?ctx.lineTo(435, 15 + i * 30);
? ? ? ?ctx.stroke();
? ?}
? ?/*..........................棋子的畫法..........................*/
? ?var oneStep = function (i, j, me) {
? ? ? ?ctx.beginPath();
? ? ? ?ctx.arc(15 + i * 30, 15 + j * 30, 13, 0, Math.PI * 2, true);
? ? ? ?ctx.closePath();
? ? ? ?if (me) {
? ? ? ? ? ?ctx.fillStyle = "black";
? ? ? ? ? ?ctx.fill();
? ? ? ?}
? ? ? ?else {
? ? ? ? ? ?ctx.fillStyle = "white";
? ? ? ? ? ?ctx.fill();
? ? ? ?}
? ? ? ?ctx.stroke()
? ?}
? ?/*............................實現(xiàn)落棋..............................*/
? ?chess.onclick = function (e) {
? ? ? ?if (over) {
? ? ? ? ? ?return;
? ? ? ?}
? ? ? ?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) {
? ? ? ? ? ?oneStep(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]) {
? ? ? ? ? ? ? ? ? ?myWin[k]++;
? ? ? ? ? ? ? ? ? ?computerWin[k] = 6;
? ? ? ? ? ? ? ? ? ?if (myWin[k] == 5) {
? ? ? ? ? ? ? ? ? ? ? ?window.alert("您贏了");
? ? ? ? ? ? ? ? ? ? ? ?over = true;
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?}
? ?}
2017-06-24
代表多少種贏法的count的聲明應該放在最上面