AI game creator

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

No:7969

2894

←

Prev Next

→

Pichun! 💥
Developer User4077｜Date and time 23/7/11 14:16:59
Build time 10.422 sec｜Game capacity 2.082KB｜

Script

了解しました！以下に、JavaScriptを使用して実装されたシンプルなゲームの例を示します。このゲームでは、スマートフォンの画面上でピチューがランダムな場所に現れるので、それをタップしてポイントを得るというゲームです。

🐾

このコードを1枚のHTMLファイルに保存し、ブラウザで開くと、ゲームが実行されます。ピチューが画面上に現れ、それをタップするとスコアが加算されます。60秒後にゲームが終了し、最終スコアが表示されます。このゲームはスマートフォンで操作することを前提としており、絵文字を使用しています。是非、お試しください！

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ピチューン！💥</title>
    <style>
        #game-container {
            width: 100vw;
            height: 100vh;
            background-color: lightblue;
            position: relative;
            overflow: hidden;
        }
        
        #pichu {
            font-size: 70px;
            position: absolute;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <span id="pichu">🐾</span>
    </div>

// ピチューをクリックした時の処理
        pichu.addEventListener("touchstart", function() {
            score++;
            pichu.style.top = Math.random() * (window.innerHeight - 100) + "px";
            pichu.style.left = Math.random() * (window.innerWidth - 100) + "px";
        });

// ゲーム終了時の処理
        function endGame() {
            pichu.removeEventListener("touchstart");
            alert("ゲーム終了！\nスコア: " + score);
        }

// 60秒後にゲーム終了する
        setTimeout(endGame, 60000);
    </script>
</body>
</html>
```

このコードを1枚のHTMLファイルに保存し、ブラウザで開くと、ゲームが実行されます。ピチューが画面上に現れ、それをタップするとスコアが加算されます。60秒後にゲームが終了し、最終スコアが表示されます。

このゲームはスマートフォンで操作することを前提としており、絵文字を使用しています。是非、お試しください！