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

No:8411

1145

←

Prev Next

→

Patapon
Developer User4160｜Date and time 23/7/15 22:48:38
Build time 15.175 sec｜Game capacity 1.693KB｜

Script

了解しました。以下は、部分的にゲーム化されたパタポン風のプログラムの例です。

パタポン風ゲーム

タップするとポン族が進軍します。

このプログラムでは、ボタンをタップすることでポン族（絵文字の「👳」）が進軍していくゲームが作られています。スタートボタンを押すと、ポン族が1秒ごとに1人ずつ増えていき、ゲームコンテナ内に表示されます。ストップボタンを押すと、進軍が停止します。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、部分的にゲーム化されたパタポン風のプログラムの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>パタポン風ゲーム</title>
</head>
<body>
    <h1>パタポン風ゲーム</h1>
    <p>タップするとポン族が進軍します。</p>
    <div id="gameContainer">
        <button id="startButton" onclick="startGame()">スタート</button>
        <button id="stopButton" onclick="stopGame()" disabled>ストップ</button>
        <div id="army"></div>
    </div>

function startGame() {
            document.getElementById("startButton").disabled = true;
            document.getElementById("stopButton").disabled = false;

gameInterval = setInterval(spawnTroop, 1000);
        }

function stopGame() {
            document.getElementById("startButton").disabled = false;
            document.getElementById("stopButton").disabled = true;

clearInterval(gameInterval);
        }

function spawnTroop() {
            armySize++;
            document.getElementById("army").innerHTML += "👳";
            document.getElementById("army").scrollLeft = document.getElementById("army").scrollWidth;
        }
    </script>
</body>
</html>
```