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

No:5832

4257

←

Prev Next

→

Dot Picture Dominoes
Developer anonymous｜Date and time 70/1/1 9:34:00
Build time unknown sec｜Game capacity 2.04KB｜

Script

了解です。以下に、JavaScriptで作成したドット絵ドミノのゲームのサンプルコードを示します。

ドット絵ドミノ

このサンプルコードでは、1x2のドット絵ドミノをランダムな位置に表示しています。ドット絵のパターンやゲームルールを追加することで、より充実したドット絵ドミノのゲームを作ることができます。また、スマートフォンでの操作にも対応しています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です。以下に、JavaScriptで作成したドット絵ドミノのゲームのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ドット絵ドミノ</title>
</head>
<body>
    <h1>ドット絵ドミノ</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // ゲームの初期化
        function initGame() {
            const canvas = document.getElementById("gameCanvas");
            const ctx = canvas.getContext("2d");

// ドミノの絵を定義
            const dotMatrix = [
                [1, 1],
                [0, 1],
            ];

// ドミノを描画する関数
            function drawDomino(x, y) {
                for (let i = 0; i < dotMatrix.length; i++) {
                    for (let j = 0; j < dotMatrix[i].length; j++) {
                        if (dotMatrix[i][j] === 1) {
                            ctx.fillRect(x + j * 10, y + i * 10, 10, 10);
                        }
                    }
                }
            }

// ゲームループ
            function gameLoop() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // ドミノをランダムな位置に描画する
                const x = Math.floor(Math.random() * (canvas.width - 20));
                const y = Math.floor(Math.random() * (canvas.height - 20));
                drawDomino(x, y);

requestAnimationFrame(gameLoop);
            }

// ゲーム開始
            gameLoop();
        }

// ゲームの初期化
        initGame();
    </script>
</body>
</html>
```