Create playable checkers with king peices's game

Click here for free DL of the app version that can save data.

No:45044

←

Prev Next

→

Create playable checkers with king peices
Developer User4781｜Date and time 24/2/20 3:02:24
Build time 8.845 sec｜Game capacity 1.92KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Checkers Game</title>
</head>
<body>
    <canvas id="checkersCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

function drawBoard() {
            for (let i = 0; i < 8; i++) {
                for (let j = 0; j < 8; j++) {
                    if ((i + j) % 2 === 0) {
                        ctx.fillStyle = "black";
                    } else {
                        ctx.fillStyle = "white";
                    }
                    ctx.fillRect(j*SQUARE_SIZE, i*SQUARE_SIZE, SQUARE_SIZE, SQUARE_SIZE);

if (board[i][j] === 'W') {
                        ctx.fillStyle = "white";
                        ctx.beginPath();
                        ctx.arc(j*SQUARE_SIZE+SQUARE_SIZE/2, i*SQUARE_SIZE+SQUARE_SIZE/2, SQUARE_SIZE/2 - 5, 0, Math.PI*2);
                        ctx.fill();
                    } else if (board[i][j] === 'B') {
                        ctx.fillStyle = "black";
                        ctx.beginPath();
                        ctx.arc(j*SQUARE_SIZE+SQUARE_SIZE/2, i*SQUARE_SIZE+SQUARE_SIZE/2, SQUARE_SIZE/2 - 5, 0, Math.PI*2);
                        ctx.fill();
                    }
                }
            }
        }

drawBoard();

</script>
</body>
</html>