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

No:28641

←

Prev Next

→

たかなめんたいこ
Developer うにょUser14145｜Date and time 23/12/13 15:23:12
Build time 50.005 sec｜Game capacity 3.351KB｜

Script

了解しました。以下にサンプルのプログラムを記述します。

ゲーム

スコア: 0

このプログラムは、指定の時間内にゲームエリアに表示される絵文字をクリックして得られるスコアを競うシンプルなゲームです。ゲームスタートボタンをクリックするとゲームが始まり、指定の時間経過後にゲームが終了します。スコアが表示され、終了後は再度ゲームをプレイすることができます。なお、このプログラムはスマートフォンでもプレイ可能な仕様になっています。

←

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>
</head>
<body>
    <h1>ゲーム</h1>
    <h2 id="score">スコア: 0</h2>
    <button id="startButton">ゲームスタート</button>
    <div id="gameArea"></div>

// ゲームスタート時の処理
        startButton.addEventListener("click", startGame);

function startGame() {
            score = 0;
            gameTime = 30;
            scoreText.textContent = "スコア: " + score;
            startButton.disabled = true;
            gameArea.innerHTML = "";

// ゲームエリアにランダムな絵文字を追加
            timer = setInterval(addEmoji, 1000);

// 指定時間後にゲーム終了
            setTimeout(gameOver, gameTime * 1000);
        }

// ゲームエリアに絵文字を追加する関数
        function addEmoji() {
            const emoji = document.createElement("div");
            emoji.textContent = getRandomEmoji();
            emoji.style.position = "absolute";
            emoji.style.top = getRandomPosition() + "px";
            emoji.style.left = getRandomPosition() + "px";
            emoji.addEventListener("click", increaseScore);
            gameArea.appendChild(emoji);
        }

// 絵文字をクリックした時の処理
        function increaseScore() {
            score++;
            scoreText.textContent = "スコア: " + score;
            this.remove();
        }

// ゲーム終了時の処理
        function gameOver() {
            clearInterval(timer);
            startButton.disabled = false;
            alert("ゲーム終了！\nスコア: " + score);
        }

// ランダムな絵文字を取得する関数
        function getRandomEmoji() {
            const emojis = ["🍎", "🍕", "🌻", "🐱", "⚽", "🎉", "💻", "📚","ajaj"];
            const randomIndex = Math.floor(Math.random() * emojis.length);
            return emojis[randomIndex];
        }

// ランダムな位置を取得する関数
        function getRandomPosition() {
            const maxWidth = window.innerWidth - 100;
            const maxHeight = window.innerHeight - 100;
            return Math.floor(Math.random() * (Math.min(maxWidth, maxHeight)));
        }
    </script>
</body>
</html>
```

このプログラムは、指定の時間内にゲームエリアに表示される絵文字をクリックして得られるスコアを競うシンプルなゲームです。ゲームスタートボタンをクリックするとゲームが始まり、指定の時間経過後にゲームが終了します。スコアが表示され、終了後は再度ゲームをプレイすることができます。

なお、このプログラムはスマートフォンでもプレイ可能な仕様になっています。