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

No:18563

←

Prev Next

→

マージゲーム
Developer User8200｜Date and time 23/9/29 22:54:35
Build time 50.371 sec｜Game capacity 3.655KB｜

Script

了解です。以下に示すのは、1枚のHTMLファイルとして実装されたマージゲームのサンプルプログラムです。

マージゲーム

このプログラムでは、HTMLファイル内にマージゲームのゲームボードが表示されます。セルはHTMLのdiv要素で表現されており、それぞれid属性で識別されています。JavaScript部分では、ゲームの初期化やセルに数字をランダム配置する処理などが記述されています。ゲームの初期化はinitGame関数で行われ、printGameStatus関数によってゲームの状態がコンソール上に表示されます。このプログラムを実行すると、ゲームボード上に2つのセルにランダムな数字が表示されます。その後、何かしらの操作を実装していくことで、マージゲームとしてのゲームプレイを実現することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

了解です。以下に示すのは、1枚のHTMLファイルとして実装されたマージゲームのサンプルプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>マージゲーム</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-board {
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            width: 400px;
        }
        
        .cell {
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: lightgray;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <h1>マージゲーム</h1>
    <div id="game-board">
        <div class="cell" id="cell-1"></div>
        <div class="cell" id="cell-2"></div>
        <div class="cell" id="cell-3"></div>
        <div class="cell" id="cell-4"></div>
        <div class="cell" id="cell-5"></div>
        <div class="cell" id="cell-6"></div>
        <div class="cell" id="cell-7"></div>
        <div class="cell" id="cell-8"></div>
        <div class="cell" id="cell-9"></div>
        <div class="cell" id="cell-10"></div>
        <div class="cell" id="cell-11"></div>
        <div class="cell" id="cell-12"></div>
        <div class="cell" id="cell-13"></div>
        <div class="cell" id="cell-14"></div>
        <div class="cell" id="cell-15"></div>
        <div class="cell" id="cell-16"></div>
    </div>

// セルに表示される数字(2 or 4)をランダムに生成する関数
        function generateNumber() {
            const randomNumber = Math.random();
            return randomNumber < 0.9 ? 2 : 4;
        }

// ゲームの初期化
        function initGame() {
            for(let i = 0; i < numCells; i++) {
                cells[i] = document.getElementById(`cell-${i + 1}`);
                cells[i].innerText = "";
            }

// ランダムに2つのセルに数字を配置する
            for(let i = 0; i < 2; i++) {
                let randomIndex = Math.floor(Math.random() * numCells);
                cells[randomIndex].innerText = generateNumber();
            }
        }

// ゲームの状態を表示する
        function printGameStatus() {
            console.log("------------------");
            for(let i = 0; i < numCells; i++) {
                console.log(cells[i].innerText);
            }
            console.log("------------------");
        }

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

このプログラムを実行すると、ゲームボード上に2つのセルにランダムな数字が表示されます。その後、何かしらの操作を実装していくことで、マージゲームとしてのゲームプレイを実現することができます。