さくらんぼゲーム's game

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

No:31614

←

Prev Next

→

さくらんぼゲーム
Developer User15205｜Date and time 23/12/27 22:00:22
Build time 20.017 sec｜Game capacity 2.105KB｜

Script

了解しました。以下に、1枚のHTMLファイルで実装されたさくらんぼゲームの例を示します。

このゲームは、指定された時間内に画面上に出現するさくらんぼをクリックしてスコアを増やすというものです。指定された時間経過後に、スコアが表示されるアラートが表示され、ページがリロードされます。お使いのスマートフォンのブラウザでこのHTMLファイルを開いていただき、遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、1枚のHTMLファイルで実装されたさくらんぼゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>さくらんぼゲーム</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <script>
        var score = 0;
        var cherry = document.createElement("div");

function generateCherry() {
            cherry.innerHTML = "🍒";
            cherry.style.position = "absolute";
            cherry.style.top = Math.random() * (window.innerHeight - 100) + "px";
            cherry.style.left = Math.random() * (window.innerWidth - 100) + "px";
            cherry.style.fontSize = "100px";
            cherry.style.cursor = "pointer";
            cherry.onclick = collectCherry;
            document.body.appendChild(cherry);
        }

function collectCherry() {
            score++;
            cherry.style.display = "none";
            setTimeout(generateCherry, 1000);
        }

setInterval(function() {
            document.body.style.backgroundColor = randomColor();
        }, 1000);

function randomColor() {
            var letters = "0123456789ABCDEF";
            var color = "#";
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

generateCherry();
        setTimeout(function() {
            alert("ゲーム終了！\nスコア: " + score);
            location.reload();
        }, 10000);
    </script>
</body>
</html>
```

このゲームは、指定された時間内に画面上に出現するさくらんぼをクリックしてスコアを増やすというものです。指定された時間経過後に、スコアが表示されるアラートが表示され、ページがリロードされます。

お使いのスマートフォンのブラウザでこのHTMLファイルを開いていただき、遊ぶことができます。