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

No:5627

2905

←

Prev Next

→

A moments forsaking
Developer User3589｜Date and time 23/6/30 14:35:02
Build time 26.2 sec｜Game capacity 2.466KB｜

Script

了解しました。ゲームとして遊べるようなJavaScriptを含むHTMLファイルを作成します。スマートフォンでの操作を前提とし、可能な範囲で絵文字を使用します。以下にサンプルのHTMLファイルを示します。

Emojiゲーム

ゲームスコア: 0

制限時間: 30秒

このHTMLファイルでは、30秒以内に絵文字をクリックするゲームを実装しました。スコアが更新されるたびにランダムな絵文字が生成され、制限時間が終了するとゲームが終了し、最終スコアが表示されます。スマートフォンで動作するように設計されています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emojiゲーム</title>
    <style>
        body {
            text-align: center;
        }
        #emoji {
            font-size: 200px;
        }
    </style>
</head>
<body>
    <h1>Emojiゲーム</h1>
    <p id="score">ゲームスコア: 0</p>
    <p id="timer">制限時間: 30秒</p>
    <p id="result"></p>
    <div id="emoji" onclick="updateScore()"></div>

// 制限時間をカウントダウンする関数
        function countDown() {
            timer--;
            document.getElementById("timer").innerText = "制限時間: " + timer + "秒";
            if (timer == 0) {
                gameOver();
            }
        }

// ゲームが終了した時の処理
        function gameOver() {
            document.getElementById("result").innerText = "ゲーム終了！ スコア: " + score;
            document.getElementById("emoji").onclick = null;
        }

// スコアを更新する関数
        function updateScore() {
            score++;
            document.getElementById("score").innerText = "ゲームスコア: " + score;
            generateEmoji();
        }

// 絵文字をランダムに生成する関数
        function generateEmoji() {
            var emojis = ['😀', '😁', '😃', '😄', '😆', '😉', '😋', '😎', '😍', '😘', '😜', '😝', '🤑', '🤗', '🤩', '🤪', '🤣'];
            var emoji = emojis[Math.floor(Math.random() * emojis.length)];
            document.getElementById("emoji").innerText = emoji;
        }

// ゲームの初期化
        function initGame() {
            setInterval(countDown, 1000);
            generateEmoji();
        }

initGame();
    </script>
</body>
</html>
```