Amusement Park Management Games's game | AI game creator

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

No:9650

142

Amusement Park Management Games
Developer User4403｜Date and time 23/7/26 18:36:26
Build time 45.843 sec｜Game capacity 4.958KB｜

以下に遊園地経営ゲームの実装例を示します。このゲームでは、ユーザーが遊園地の経営者として、アトラクションを建設して収益を上げることが目標です。ユーザーは収益を使って新しいアトラクションを購入したり、既存のアトラクションをアップグレードしたりすることができます。ゲームの進行はクリックベースで、スマートフォンでも遊べるようになっています。

所持金: ¥100000

ローラーコースター

ローラーコースター

Lv.1

メリーゴーランド

メリーゴーランド

Lv.1

観覧車

観覧車

Lv.1

このプログラムでは、ユーザーが所持している金額を表示し、各アトラクションごとにレベルとアップグレードボタンを設置しています。アップグレードボタンをクリックすると、所持金が増減し、アトラクションのレベルとアップグレードボタンの表示が更新されます。ただし、所持金がアップグレードに十分な金額を持っていない場合にはアップグレードできないようになっています。このゲームは単純な例ですが、JavaScriptを用いて動的な操作ができることがわかります。実際にはさまざまな機能を追加して、より複雑なゲームを作ることも可能です。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下に遊園地経営ゲームの実装例を示します。このゲームでは、ユーザーが遊園地の経営者として、アトラクションを建設して収益を上げることが目標です。ユーザーは収益を使って新しいアトラクションを購入したり、既存のアトラクションをアップグレードしたりすることができます。ゲームの進行はクリックベースで、スマートフォンでも遊べるようになっています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>遊園地経営ゲーム</title>
    <style>
        #game-board {
            background: #f1f1f1;
            width: 400px;
            height: 600px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        #money-display {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .attraction {
            background: white;
            width: 200px;
            height: 100px;
            margin: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .attraction img {
            width: 80px;
            height: 80px;
            margin: 10px;
        }
        .attraction .name {
            font-size: 18px;
        }
        #upgrade-button {
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="money-display">所持金: ¥<span id="money">100000</span></div>
        <div class="attraction" id="attraction1">
            <img src="rollercoaster.png" alt="ローラーコースター">
            <div class="name">ローラーコースター</div>
            <div id="attraction1-level">Lv.1</div>
            <button id="attraction1-upgrade">アップグレード(¥1000)</button>
        </div>
        <div class="attraction" id="attraction2">
            <img src="carousel.png" alt="メリーゴーランド">
            <div class="name">メリーゴーランド</div>
            <div id="attraction2-level">Lv.1</div>
            <button id="attraction2-upgrade">アップグレード(¥2000)</button>
        </div>
        <div class="attraction" id="attraction3">
            <img src="ferriswheel.png" alt="観覧車">
            <div class="name">観覧車</div>
            <div id="attraction3-level">Lv.1</div>
            <button id="attraction3-upgrade">アップグレード(¥3000)</button>
        </div>
    </div>

<script>
        var money = 100000;
        
        function updateMoneyDisplay() {
            document.getElementById("money").textContent = money.toLocaleString();
        }
        
        function upgradeAttraction(attractionId, upgradeCost, upgradeIncrement) {
            if (money >= upgradeCost) {
                money -= upgradeCost;
                var attractionLevelElement = document.getElementById(attractionId + "-level");
                var attractionLevel = parseInt(attractionLevelElement.textContent.slice(3));
                attractionLevel++;
                attractionLevelElement.textContent = "Lv." + attractionLevel;
                upgradeCost += upgradeIncrement;
                var upgradeButton = document.getElementById(attractionId + "-upgrade");
                upgradeButton.textContent = "アップグレード(¥" + upgradeCost.toLocaleString() + ")";
                updateMoneyDisplay();
            } else {
                alert("所持金が足りません！");
            }
        }
        
        document.getElementById("attraction1-upgrade").addEventListener("click", function() {
            upgradeAttraction("attraction1", 1000, 500);
        });
        
        document.getElementById("attraction2-upgrade").addEventListener("click", function() {
            upgradeAttraction("attraction2", 2000, 1000);
        });
        
        document.getElementById("attraction3-upgrade").addEventListener("click", function() {
            upgradeAttraction("attraction3", 3000, 1500);
        });
    </script>
</body>
</html>
```

このプログラムでは、ユーザーが所持している金額を表示し、各アトラクションごとにレベルとアップグレードボタンを設置しています。アップグレードボタンをクリックすると、所持金が増減し、アトラクションのレベルとアップグレードボタンの表示が更新されます。ただし、所持金がアップグレードに十分な金額を持っていない場合にはアップグレードできないようになっています。

このゲームは単純な例ですが、JavaScriptを用いて動的な操作ができることがわかります。実際にはさまざまな機能を追加して、より複雑なゲームを作ることも可能です。