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

No:8507

1228

←

Prev Next

→

The one that only shouts ai in the center of the w..ALL
Developer User4200｜Date and time 23/7/16 14:21:05
Build time 21.069 sec｜Game capacity 2.693KB｜

Script

了解しました。以下に示すのは、HTMLファイル内にJavaScriptを含むシンプルなゲームの実装例です。

世界の中心でアイを叫んだけもの

Score: 0

このプログラムは、HTMLファイル内にゲームの画面を表示し、一定間隔でランダムな円を赤く点滅させます。プレイヤーは円をクリックすることで、スコアが増え、クリックした円はピンク色に変わります。スコアは画面上部に表示され、遊べるゲームとなっています。ただし、絵文字を使用するなどの要件には対応していないため、別のゲームアイデアがあれば教えてください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に示すのは、HTMLファイル内にJavaScriptを含むシンプルなゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>世界の中心でアイを叫んだけもの</title>
    <style>
        body {
            text-align: center;
        }

#score {
            font-size: 24px;
            margin-bottom: 20px;
        }

#game-board {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            display: inline-flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

.circle {
            width: 50px;
            height: 50px;
            background-color: yellow;
            border-radius: 50%;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>世界の中心でアイを叫んだけもの</h1>
    <div id="score">Score: <span id="score-value">0</span></div>
    <div id="game-board"></div>
    <script>
        var score = 0;
        var circles = document.getElementsByClassName("circle");

function getRandomIndex(maxIndex) {
            return Math.floor(Math.random() * maxIndex);
        }

function updateScore() {
            document.getElementById("score-value").textContent = score;
        }

function handleClick() {
            score++;
            this.style.backgroundColor = "pink";
            updateScore();
        }

for (var i = 0; i < 9; i++) {
            var circle = document.createElement("div");
            circle.classList.add("circle");
            circle.addEventListener("click", handleClick);
            document.getElementById("game-board").appendChild(circle);
        }

setInterval(function() {
            var randomIndex = getRandomIndex(circles.length);
            var randomCircle = circles[randomIndex];

for (var i = 0; i < circles.length; i++) {
                circles[i].style.backgroundColor = "yellow";
            }

randomCircle.style.backgroundColor = "red";
        }, 1000);
    </script>
</body>
</html>
```

このプログラムは、HTMLファイル内にゲームの画面を表示し、一定間隔でランダムな円を赤く点滅させます。プレイヤーは円をクリックすることで、スコアが増え、クリックした円はピンク色に変わります。スコアは画面上部に表示され、遊べるゲームとなっています。

ただし、絵文字を使用するなどの要件には対応していないため、別のゲームアイデアがあれば教えてください。