鬼がクリスタルを隠して逃げる人を全員倒して逃げる人は倒される前に隠されたクリスタルを見つけてスタートした場所におく's game

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

No:35492

←

Prev Next

→

鬼がクリスタルを隠して逃げる人を全員倒して逃げる人は倒される前に隠されたクリスタルを見つけてスタート..ALL
Developer User16563｜Date and time 24/1/14 17:34:55
Build time 15.072 sec｜Game capacity 4.452KB｜

Script

以下は、鬼がクリスタルを隠すゲームの実装例です。プレイヤーは指定された場所にクリスタルを置く前に、鬼を倒す必要があります。

このゲームは、10x10のマス目のゲームボード上でプレイされます。青いセルがクリスタルを示し、赤いセルが鬼を示します。黄色いセルがプレイヤーを示します。プレイヤーはクリスタルを探すためにクリック操作で移動します。鬼のいるセルに移動すると「Game Over」と表示されます。クリスタルの位置に移動すると「You Win!」と表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

以下は、鬼がクリスタルを隠すゲームの実装例です。プレイヤーは指定された場所にクリスタルを置く前に、鬼を倒す必要があります。

```html
<!DOCTYPE html>
<html>
<head>
    <title>クリスタルゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 2rem;
        }

#game-board {
            display: inline-block;
            border: 2px solid black;
            padding: 20px;
            margin-top: 20px;
            background-color: #C0C0C0;
        }

.cell {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: white;
            border: 1px solid #000000;
            cursor: pointer;
        }

.cell.oni {
            background-color: red;
        }

.cell.crystal {
            background-color: cyan;
        }

.cell.player {
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

let playerPosition;
        let crystalPosition;
        let oniPositions;
        let gameBoard;

function initializeGame() {
            playerPosition = [0, 0];
            crystalPosition = [getRandomPosition(), getRandomPosition()];

oniPositions = [];
            for (let i = 0; i < numOni; i++) {
                oniPositions.push([getRandomPosition(), getRandomPosition()]);
            }

gameBoard = createGameBoard();
            updateGameBoard();
        }

function createGameBoard() {
            const gameBoard = document.getElementById("game-board");
            gameBoard.innerHTML = "";

for (let row = 0; row < boardSize; row++) {
                for (let col = 0; col < boardSize; col++) {
                    const cell = document.createElement("div");
                    cell.classList.add("cell");

if (row === playerPosition[0] && col === playerPosition[1]) {
                        cell.classList.add("player");
                    }

if (row === crystalPosition[0] && col === crystalPosition[1]) {
                        cell.classList.add("crystal");
                    }

for (const oniPos of oniPositions) {
                        if (row === oniPos[0] && col === oniPos[1]) {
                            cell.classList.add("oni");
                        }
                    }

cell.addEventListener("click", () => {
                        handlePlayerMove(row, col);
                    });

gameBoard.appendChild(cell);
                }
                gameBoard.appendChild(document.createElement("br"));
            }

return gameBoard;
        }

function handlePlayerMove(row, col) {
            if (isGameOver()) {
                return;
            }

if (isOni(row, col)) {
                gameBoard.innerText = "Game Over";
                return;
            }

playerPosition = [row, col];
            updateGameBoard();

if (row === crystalPosition[0] && col === crystalPosition[1]) {
                gameBoard.innerText = "You Win!";
            }
        }

function updateGameBoard() {
            createGameBoard();
        }

function getRandomPosition() {
            return Math.floor(Math.random() * boardSize);
        }

function isOni(row, col) {
            for (const oniPos of oniPositions) {
                if (row === oniPos[0] && col === oniPos[1]) {
                    return true;
                }
            }
            return false;
        }

function isGameOver() {
            return gameBoard.innerText === "Game Over" || gameBoard.innerText === "You Win!";
        }

initializeGame();
    </script>
</body>
</html>
```