function setup() { window.canvas = document.getElementById('canvas'); canvas.addEventListener('click', set_stone, false); window.board = []; for (let i=0; i<9; ++i) board.push([0, 0, 0, 0, 0, 0, 0, 0, 0]); window.previous = []; window.passed = []; window.player = 1; draw_board(); } function set_stone(event) { var i = Math.floor( (event.clientY - canvas.offsetLeft)/33 ); var j = Math.floor( (event.clientX - canvas.offsetTop)/33 ); if(board[i][j]) { mistake('Already occupied!'); return; } board[i][j] = player; var adjs = adjacents(i, j); var libs =[]; for(let a=0; a2) board[i][j] -= 2; for(let i=0; i<2; ++i) if(previous.length) previous.pop(); game_mode(); passed.length = 0; if(previous.length) restore(); display(); draw_board(); } function adjacents(i, j) { adjs = []; if(i>0) adjs.push([i-1, j]); if(i<8) adjs.push([i+1, j]); if(j>0) adjs.push([i, j-1]); if(j<8) adjs.push([i, j+1]); return adjs; } function new_() { display('Move 1: Black'); clear(); player = 1; while(previous.length) previous.pop(); while(passed.length) passed.pop(); if (document.getElementById("count")) game_mode(); draw_board(); } function restore() { for(let i=0; i<9;++i) for(let j=0; j<9; ++j) board[i][j] = previous[previous.length-1][i][j]; } function append() { var position = []; for(let i=0; i<9; ++i) { var row = []; for(let j=0; j<9; ++j) row.push(board[i][j]); position.push(row); } previous.push(position); } function clear() { while(board.length) board.pop(); for (let i=0; i<9; ++i) board.push([0, 0, 0, 0, 0, 0, 0, 0, 0]); } function game_mode() { canvas.removeEventListener('click', mark_chain); canvas.addEventListener('click', set_stone, false); document.getElementById("pass").disabled = false; document.getElementById("undo").disabled = false; document.getElementById("count").disabled = true; document.getElementById("back").disabled = true; } function evaluation() { canvas.removeEventListener('click', set_stone); canvas.addEventListener('click', mark_chain, false); document.getElementById("pass").disabled = true; document.getElementById("undo").disabled = true; document.getElementById("count").disabled = false; document.getElementById("back").disabled = false; } function draw_board() { draw = canvas.getContext('2d'); draw.clearRect( 0, 0, canvas.width, canvas.height ); for(let x=0; x<9; ++x) { draw.beginPath(); draw.moveTo(33*x+16.5, 16); draw.lineTo(33*x+16.5, 8*33+16); draw.stroke(); } for(let y=0; y<9; ++y) { draw.beginPath(); draw.moveTo(16, 33*y+16.5); draw.lineTo(33*8+16, 33*y+16.5); draw.stroke(); } for(let i=0; i<9; ++i) for(let j=0; j<9; ++j) { if(!board[i][j]) continue; draw.beginPath(); draw.arc( 33*j+16, 33*i+16, 14.5, 0, 2 * Math.PI, false ); if(board[i][j]==1) var color = 'black'; else if(board[i][j] ==2) var color = 'white'; else if(board[i][j] ==3) var color = '#555555'; else var color = '#cccccc'; draw.fillStyle = color; draw.fill(); draw.stroke(); } } function display(message) { if(!message) document.getElementById("display").innerHTML = 'Move ' + (previous.length+1) + ': ' + (player==1? 'Black': 'White' ); else document.getElementById("display").innerHTML = message; } function mistake(message=' ') { document.getElementById("mistake").innerHTML = message; }

Go Board