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

No:10795

←

Prev Next

→

Nagaoka Fireworks
Developer User4636｜Date and time 23/8/3 1:40:20
Build time 18.413 sec｜Game capacity 1.904KB｜

Script

了解しました。以下に、スマートフォンでプレイ可能な簡単なゲームの実装例を示します。

Score: 0

このゲームは、「🎇」ボタンをクリックすると、「🎆」絵文字が画面上にランダムに表示されます。表示された花火をクリックすると消え、スコアが1増えます。1秒後に自動的に消える花火もあります。スコアは「Score: 0」として表示され、花火が消えるたびにスコアが更新されます。このように、JavaScriptを使用して簡単なゲームを実装することができます。

←

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>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1 id="score">Score: 0</h1>
        <button id="firework-button" onClick="firework()">🎇</button>
    </div>
    <script>
        let score = 0;
        
        function firework() {
            score++;
            document.getElementById('score').textContent = "Score: " + score;

const fireworks = document.createElement('div');
            fireworks.innerHTML = '🎆';
            fireworks.style.position = "absolute";
            fireworks.style.left = Math.random() * 90 + 5 + "vw";
            fireworks.style.top = Math.random() * 90 + 5 + "vh";
            fireworks.style.fontSize = "30px";
            fireworks.style.cursor = "pointer";
            fireworks.onclick = function() {
                fireworks.remove();
            }

document.body.appendChild(fireworks);

setTimeout(function() {
                fireworks.remove();
            }, 1000);
        }
    </script>
</body>
</html>
```

このゲームは、「🎇」ボタンをクリックすると、「🎆」絵文字が画面上にランダムに表示されます。表示された花火をクリックすると消え、スコアが1増えます。1秒後に自動的に消える花火もあります。スコアは「Score: 0」として表示され、花火が消えるたびにスコアが更新されます。

このように、JavaScriptを使用して簡単なゲームを実装することができます。