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

No:11299

←

Prev Next

→

Seedling maw maw maw maw
Developer もちきなこ｜Date and time 23/8/9 7:18:07
Build time 20.255 sec｜Game capacity 2.174KB｜

Script

了解です。以下に示すのは、スマホで遊べる簡単なゲームのHTMLファイルの例です。ゲームの仕組みは、タップすると"🐱"がランダムな場所に現れ、スコアが加算されるというものです。

苗モグもぐもぐ

スコア: 0

このコードでは、スタートボタンを押すとゲームが開始され、ランダムな場所に"🐱"が出現します。"🐱"をタップするとスコアが加算され、新しい"🐱"が別の場所に再生成されます。ただし、"🐱"以外の場所をタップするとスコアが減点されます。このHTMLファイルを保存し、スマホのブラウザで開くことで、実際のプログラムとして遊ぶことができます。

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>苗モグもぐもぐ</title>
    <style>
        body {
            font-size: 2em;
        }
    </style>
</head>
<body>
    <h1>苗モグもぐもぐ</h1>
    <p id="score">スコア: 0</p>
    <button onclick="startGame()">スタート</button>

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

function generateCat() {
            const cat = document.createElement("div");
            cat.style.position = "absolute";
            cat.style.left = Math.random() * 90 + "%";
            cat.style.top = Math.random() * 90 + "%";
            cat.textContent = "🐱";
            cat.addEventListener("click", incrementScore);
            document.body.appendChild(cat);
        }

function incrementScore() {
            score++;
            document.getElementById("score").textContent = "スコア: " + score;
            this.remove();
            generateCat();
        }

function eatCat() {
            score--;
            document.getElementById("score").textContent = "スコア: " + score;
        }
    </script>
</body>
</html>
```

このコードでは、スタートボタンを押すとゲームが開始され、ランダムな場所に"🐱"が出現します。"🐱"をタップするとスコアが加算され、新しい"🐱"が別の場所に再生成されます。ただし、"🐱"以外の場所をタップするとスコアが減点されます。

このHTMLファイルを保存し、スマホのブラウザで開くことで、実際のプログラムとして遊ぶことができます。