Life (the board game)'s game

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

No:5572

419

←

Prev Next

→

Life (the board game)
Developer User3832｜Date and time 23/6/30 12:42:31
Build time 24.572 sec｜Game capacity 2.836KB｜

Script

了解しました。以下にサンプルの人生ゲームを作成します。

このコードは、1枚のHTMLファイルとして実装されており、JavaScriptが`script`タグで囲まれています。スマートフォンで操作することを前提としています。各セルには絵文字が表示され、プレイヤーの位置は黄色で表示されます。ダイスを振ることでプレイヤーが進み、一周すると「一周しました！」と表示されます。このサンプルは、部分的にゲーム化された人生ゲームですが、必要に応じてルールや表示を追加・変更することができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にサンプルの人生ゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>人生ゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 2rem;
        }
        
        .board {
            display: flex;
            flex-wrap: wrap;
            width: 600px;
            height: 600px;
        }
        
        .cell {
            width: 200px;
            height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid black;
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <div class="board"></div>

function rollDice() {
            return Math.floor(Math.random() * 6) + 1;
        }

function movePlayer(steps) {
            currentPosition += steps;
            if (currentPosition >= boardSize) {
                currentPosition = currentPosition % boardSize;
                console.log("一周しました！");
            }

console.log("現在の位置: " + currentPosition);
        }

function updateBoard() {
            const board = document.querySelector(".board");
            board.innerHTML = "";

for (let i = 0; i < boardSize; i++) {
                const cell = document.createElement("div");
                cell.classList.add("cell");
                cell.innerText = emojiList[i];
                board.appendChild(cell);
            }

const playerCell = document.querySelectorAll(".cell")[currentPosition];
            playerCell.textContent += "🚶";
            playerCell.style.backgroundColor = "yellow";
        }

function playGame() {
            const steps = rollDice();
            movePlayer(steps);
            updateBoard();
        }

document.addEventListener("DOMContentLoaded", updateBoard);
    </script>
</body>
</html>
```

このサンプルは、部分的にゲーム化された人生ゲームですが、必要に応じてルールや表示を追加・変更することができます。