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

No:10291

130

←

Prev Next

→

ウィエ/VEAH
Developer User4369｜Date and time 23/7/30 2:12:33
Build time 18.162 sec｜Game capacity 2.418KB｜

Script

了解、以下は1枚のHTMLファイルで実装された簡単なゲームのサンプルです。スマホでプレイすることを前提として、絵文字も使用しています。

Emoji Game

Click the emojis to increase your score!

Score: 0

上記のコードでは、「Emoji Game」というタイトルのゲームが開始されます。絵文字が表示され、それをタップすることでスコアが増えます。Startボタンでゲームを開始し、Endボタンで終了することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解、以下は1枚のHTMLファイルで実装された簡単なゲームのサンプルです。スマホでプレイすることを前提として、絵文字も使用しています。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Game</title>
    <meta charset="UTF-8">
    <style>
        body {
            font-size: 3rem;
            text-align: center;
        }
    </style>
</head>
<body>
    <script>
        let score = 0;
        let timer;
        
        // ゲームの開始
        function startGame() {
            score = 0;
            document.getElementById("score").textContent = score;
            timer = setInterval(generateEmoji, 1000); // 1秒ごとに絵文字を生成
        }
        
        // 絵文字の生成
        function generateEmoji() {
            const emojis = ['🍎', '🍌', '🍓', '🍇', '🥕', '🌽'];
            const emoji = emojis[Math.floor(Math.random() * emojis.length)];
            const x = Math.floor(Math.random() * window.innerWidth); // 横位置
            const y = Math.floor(Math.random() * window.innerHeight); // 縦位置
            
            const emojiElement = document.createElement("span");
            emojiElement.style.position = "fixed";
            emojiElement.style.left = x + "px";
            emojiElement.style.top = y + "px";
            emojiElement.textContent = emoji;
            emojiElement.addEventListener("click", () => increaseScore(emojiElement));
            
            document.body.appendChild(emojiElement);
        }
        
        // スコアの増加
        function increaseScore(emojiElement) {
            score++;
            document.getElementById("score").textContent = score;
            emojiElement.remove();
        }
        
        // ゲームの終了
        function endGame() {
            clearInterval(timer);
        }
    </script>
    
    <h1>Emoji Game</h1>
    <p>Click the emojis to increase your score!</p>
    <button onclick="startGame()">Start</button>
    <h2>Score: <span id="score">0</span></h2>
    <button onclick="endGame()">End</button>
</body>
</html>
```