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

No:20613

←

Prev Next

→

秋のRPG
Developer User3589｜Date and time 23/10/10 8:18:12
Build time 20.555 sec｜Game capacity 5.368KB｜

Script

了解しました。以下に、秋のテーマに基づいたシンプルなRPGのプログラム例を示します。

秋のRPG

操作方法: 上下左右キー

これは1つのHTMLファイルとして実装されており、JavaScriptでゲームの機能が実装されています。プレイヤー（🍂）は上下左右のキー操作で移動します。ゲームの目的は、特定のアイテム（🎃、🍁、🐿️）をすべて収集することです。ゲームクリア時には、「ゲームクリア！」と表示されます。ゲーム画面はHTMLタグとして動的に生成され、JavaScriptでゲームの状態を管理します。プレイヤーの位置や目標の位置、ゲームのクリア条件などは変数として扱われます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、秋のテーマに基づいたシンプルなRPGのプログラム例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>秋のRPG</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="game">
        <h1>秋のRPG</h1>
        <p>操作方法: 上下左右キー</p>
        <p id="result"></p>
    </div>

let playerPosition = { x: 0, y: 0 };
        let goalPositions = [];
        let resultElement;

function initGame() {
            resultElement = document.getElementById("result");
            createGoals();
            displayGame();
        }

function displayGame() {
            let gameElement = document.createElement("div");
            gameElement.style.display = "flex";
            gameElement.style.flexDirection = "column";

for (let y = 0; y < height; y++) {
                let rowElement = document.createElement("div");
                rowElement.style.display = "flex";

for (let x = 0; x < width; x++) {
                    let cellElement = document.createElement("span");
                    cellElement.style.fontSize = "30px";
                    cellElement.style.width = "30px";
                    cellElement.style.height = "30px";
                    cellElement.style.lineHeight = "30px";
                    cellElement.style.textAlign = "center";

if (x === playerPosition.x && y === playerPosition.y) {
                        cellElement.innerHTML = player;
                    } else if (isGoalPosition(x, y)) {
                        cellElement.innerHTML = getGoalEmoji(x, y);
                    }

rowElement.appendChild(cellElement);
                }

gameElement.appendChild(rowElement);
            }

document.getElementById("game").appendChild(gameElement);
        }

function clearGame() {
            document.getElementById("game").innerHTML = "";
        }

function movePlayer(direction) {
            let newX = playerPosition.x;
            let newY = playerPosition.y;

if (direction === "ArrowUp" && playerPosition.y > 0) {
                newY--;
            } else if (direction === "ArrowDown" && playerPosition.y < height - 1) {
                newY++;
            } else if (direction === "ArrowLeft" && playerPosition.x > 0) {
                newX--;
            } else if (direction === "ArrowRight" && playerPosition.x < width - 1) {
                newX++;
            }

if (isGoalPosition(newX, newY)) {
                removeGoal(newX, newY);
                displayGame();

if (goalPositions.length === 0) {
                    resultElement.innerText = "ゲームクリア！";
                    document.removeEventListener("keydown", handleKeyDown);
                }
            }

playerPosition = { x: newX, y: newY };
            displayGame();
        }

function handleKeyDown(event) {
            movePlayer(event.key);
        }

document.addEventListener("keydown", handleKeyDown);
        initGame();
    </script>
</body>
</html>
```

これは1つのHTMLファイルとして実装されており、JavaScriptでゲームの機能が実装されています。プレイヤー（🍂）は上下左右のキー操作で移動します。ゲームの目的は、特定のアイテム（🎃、🍁、🐿️）をすべて収集することです。ゲームクリア時には、「ゲームクリア！」と表示されます。

ゲーム画面はHTMLタグとして動的に生成され、JavaScriptでゲームの状態を管理します。プレイヤーの位置や目標の位置、ゲームのクリア条件などは変数として扱われます。