AI game creator

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

No:52000

122

←

Prev Next

→

Crie um dominó
Developer User19080｜Date and time 24/3/17 10:18:59
Build time 5.228 sec｜Game capacity 1.418KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Domino Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const dominoPieces = [
            { top: 0, bottom: 0 }, { top: 1, bottom: 0 }, { top: 2, bottom: 0 }, 
            { top: 3, bottom: 0 }, { top: 4, bottom: 0 }, { top: 5, bottom: 0 }, 
            { top: 6, bottom: 0 }, { top: 1, bottom: 1 }, { top: 2, bottom: 2 }, 
            { top: 3, bottom: 3 }, { top: 4, bottom: 4 }, { top: 5, bottom: 5 }, 
            { top: 6, bottom: 6 }
        ];

function drawDominoPiece(x, y, piece) {
            ctx.fillStyle = '#FFFFFF';
            ctx.fillRect(x, y, 50, 100);
            ctx.strokeStyle = '#000000';
            ctx.strokeRect(x, y, 50, 100);

ctx.font = '20px Arial';
            ctx.fillStyle = '#000000';
            ctx.fillText(`${piece.top}-${piece.bottom}`, x + 10, y + 30);
        }

function drawBoard() {
            let x = 50;
            let y = 50;

dominoPieces.forEach(piece => {
                drawDominoPiece(x, y, piece);
                x += 60;
                if (x > 700) {
                    x = 50;
                    y += 110;
                }
            });
        }

drawBoard();
    </script>
</body>
</html>