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

No:9054

←

Prev Next

→

punch out (from a hole)
Developer User4246｜Date and time 23/7/21 1:18:06
Build time 15.204 sec｜Game capacity 1.58KB｜

Script

了解しました。以下が「パンチアウト」というゲームの部分的な実装例です。

パンチアウト

スマホの画面をタップして相手をパンチしよう！

スコア: 0

この実装例では、スマートフォンの画面で表示する単純なゲームを作成しています。ゲーム画面内に黄色いボックスが表示され、そのボックスをタップすることでスコアが加算されます。ボックスは1秒ごとにランダムな位置に移動します。これを繰り返すことでユーザーの反射神経をテストするゲームとなります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下が「パンチアウト」というゲームの部分的な実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>パンチアウト</title>
</head>
<body>
    <div id="game-board" style="text-align: center;">
        <h1>パンチアウト</h1>
        <p>スマホの画面をタップして相手をパンチしよう！</p>
        <p id="score">スコア: 0</p>
        <div id="box" style="display: inline-block; background-color: yellow; width: 100px; height: 100px; margin: 0 auto;"></div>
    </div>

boxDiv.addEventListener("click", function() {
            score++;
            document.getElementById("score").textContent = "スコア: " + score;
        });

setInterval(function() {
            var randomX = Math.floor(Math.random() * (window.innerWidth - 100));
            var randomY = Math.floor(Math.random() * (window.innerHeight - 100));
            boxDiv.style.left = randomX + "px";
            boxDiv.style.top = randomY + "px";
        }, 1000);
    </script>
</body>
</html>
```