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

No:7269

958

←

Prev Next

→

Neo Armstrong Cyclone Jet Armstrong cannon, isnt i..ALL
Developer User3996｜Date and time 23/7/6 18:27:24
Build time 13.611 sec｜Game capacity 2.105KB｜

Script

了解しました。以下に、シンプルなゲームのサンプルコードを示します。

Emoji Catcher

このコードは、「Emoji Catcher」という名前のゲームです。画面上にランダムに表示される絵文字をクリックすることで得点が加算されます。絵文字は1秒ごとに切り替わります。スマートフォンでプレイすることを前提として作成されています。「Emoji Catcher」は、指定した要素（`container`）内に絵文字（`emoji`）要素を表示し、クリックイベントが発生する度に絵文字の位置をランダムに変更します。このサンプルコードを保存し、ブラウザで実行すると「Emoji Catcher」がプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に、シンプルなゲームのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Catcher</title>
    <style>
        body {
            text-align: center;
        }
        #container {
            position: relative;
            width: 300px;
            height: 400px;
            border: 1px solid black;
            margin: auto;
            overflow: hidden;
        }
        #emoji {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <h1>Emoji Catcher</h1>
    <div id="container">
        <div id="emoji"></div>
    </div>
    <script>
        var container = document.getElementById('container');
        var emoji = document.getElementById('emoji');
        var score = 0;
      
        container.addEventListener('click', function() {
            score++;
            emoji.style.top = Math.random() * 300 + 'px';
            emoji.style.left = Math.random() * 200 + 'px';
        });
      
        setInterval(function() {
            emoji.textContent = randomEmoji();
        }, 1000);
      
        function randomEmoji() {
            var emojis = ['😀', '😄', '😃', '😊', '😉', '😆', '😍', '😂'];
            var index = Math.floor(Math.random() * emojis.length);
            return emojis[index];
        }
    </script>
</body>
</html>
```

このコードは、「Emoji Catcher」という名前のゲームです。画面上にランダムに表示される絵文字をクリックすることで得点が加算されます。絵文字は1秒ごとに切り替わります。スマートフォンでプレイすることを前提として作成されています。

「Emoji Catcher」は、指定した要素（`container`）内に絵文字（`emoji`）要素を表示し、クリックイベントが発生する度に絵文字の位置をランダムに変更します。

このサンプルコードを保存し、ブラウザで実行すると「Emoji Catcher」がプレイできます。