AI game creator

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

No:9711

200

←

Prev Next

→

panda kopanda
Developer User3840｜Date and time 23/7/26 21:50:50
Build time 8.632 sec｜Game capacity 1.899KB｜

Script

了解です。以下にプログラムを示します。

このプログラムは「パンダコパンダ」という簡単なゲームです。画面上にランダムな場所に現れるパンダをクリックするとスコアが加算されます。スコアは画面に表示されます。1秒ごとにパンダが現れるようになっています。スマホでこの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">
    <title>パンダコパンダ</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 48px;
        }
    </style>
</head>
<body>
    <script>
        var score = 0;

function startGame() {
            var panda = document.createElement("span");
            panda.innerHTML = "🐼";
            panda.style.position = "absolute";
            panda.style.left = Math.random() * 80 + "%";
            panda.style.top = Math.random() * 80 + "%";
            panda.style.fontSize = Math.random() * 64 + 32 + "px";
            panda.style.cursor = "pointer";
            panda.onclick = function() {
                score++;
                updateScore();
                document.body.removeChild(panda);
            }
            document.body.appendChild(panda);
        }

function updateScore() {
            var scoreElement = document.getElementById("score");
            scoreElement.innerHTML = "Score: " + score;
        }

setInterval(startGame, 1000);

updateScore();
    </script>

<div id="score"></div>
</body>
</html>
```

このプログラムは「パンダコパンダ」という簡単なゲームです。画面上にランダムな場所に現れるパンダをクリックするとスコアが加算されます。スコアは画面に表示されます。1秒ごとにパンダが現れるようになっています。

スマホでこのHTMLファイルを開くと、スマホ操作に合った表示となり、パンダをタップすることでスコアが加算されます。絵文字の「🐼」が表示されることで、パンダが現れていることがわかります。