内容変更機能搭載砲弾's game

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

No:34530

←

Prev Next

→

内容変更機能搭載砲弾
Developer 豆腐｜Date and time 24/1/11 2:45:31
Build time 23.145 sec｜Game capacity 4.199KB｜

Script

了解です。以下に示すプログラムは、スマホで遊べる簡単なゲームです。実行すると、画面に表示されたランダムな絵文字の中から、指定された絵文字をタップすることで得点を獲得します。制限時間内になるべく多くの絵文字をタップして、高得点を目指しましょう。

Score: 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">
    <title>Emoji Game</title>
    <style>
        #score {
            font-size: 24px;
            text-align: center;
        }
        #game-board {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }
        .emoji {
            font-size: 32px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="score">Score: 0</div>
    <div id="game-board"></div>

// プレイヤーのスコア
        let score = 0;

// 制限時間（秒）
        const timeLimit = 30;

// ゲームが終了したかどうかを表すフラグ
        let gameOver = false;

// スコアを表示する要素
        const scoreElem = document.getElementById('score');

// ゲームボードを表示する要素
        const gameBoardElem = document.getElementById('game-board');

// ゲームを開始する関数
        function startGame() {
            // スコアとゲームボードを初期化
            score = 0;
            scoreElem.textContent = 'Score: 0';
            gameBoardElem.innerHTML = '';

// 制限時間を表示する要素
            const timerElem = document.createElement('div');
            timerElem.textContent = `Time: ${timeLimit}`;
            scoreElem.insertAdjacentElement('afterend', timerElem);

// 制限時間のカウントダウン処理
            let timeLeft = timeLimit;
            const timerId = setInterval(() => {
                timeLeft--;
                timerElem.textContent = `Time: ${timeLeft}`;

// 制限時間が0になったらゲーム終了
                if (timeLeft === 0) {
                    gameOver = true;
                    clearInterval(timerId);
                    timerElem.textContent = 'Time\'s up!';
                }
            }, 1000);

// 絵文字を表示する関数
            function showEmoji() {
                // ゲームが終了していたら処理を終了
                if (gameOver) {
                    return;
                }

// ランダムな絵文字を取得
                const emoji = emojis[Math.floor(Math.random() * emojis.length)];

// 絵文字を表示する要素を作成
                const emojiElem = document.createElement('div');
                emojiElem.textContent = emoji;
                emojiElem.classList.add('emoji');

// 絵文字をタップした時の処理を追加
                emojiElem.addEventListener('touchstart', () => {
                    // ゲームが終了していたら処理を終了
                    if (gameOver) {
                        return;
                    }

// 絵文字を非表示にする
                    emojiElem.style.display = 'none';

// スコアを更新
                    score++;
                    scoreElem.textContent = `Score: ${score}`;
                });

// ゲームボードに絵文字を追加
                gameBoardElem.appendChild(emojiElem);

// 一定時間後に次の絵文字を表示
                setTimeout(showEmoji, 1000);
            }

// 最初の絵文字を表示
            showEmoji();
        }

// ゲームを開始
        startGame();
    </script>
</body>
</html>
```

上記のプログラムは、HTMLファイルとして保存し、スマホのブラウザで開くことで遊ぶことができます。お試しください。