AI game creator

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

No:16173

←

Prev Next

→

工場
Developer はにわ｜Date and time 23/9/16 15:14:19
Build time 18.172 sec｜Game capacity 2.145KB｜

Script

以下が要件を満たすプログラムの例です。

😀

このプログラムは、画面上で絵文字(😀)がランダムな位置に表示され、それをクリックすると再び別の位置に移動するゲームです。JavaScriptの`addEventListener`を使用して、クリックイベントとページのロード時のイベントを処理しています。`getRandomPosition`関数は、画面内のランダムな位置を取得するために使用されます。`setPosition`関数は、要素の位置を設定するために使用されます。このプログラムは1枚のHTMLファイルとして実装されており、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>Emoji Catch Game</title>
    <style>
        #emoji {
            font-size: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="emoji">😀</div>

return [randomX, randomY];
        }

function setPosition(element, x, y) {
            element.style.left = x + 'px';
            element.style.top = y + 'px';
        }

var emoji = document.getElementById("emoji");

emoji.addEventListener("click", function() {
            var position = getRandomPosition();
            setPosition(emoji, position[0], position[1]);
        });

window.addEventListener("load", function() {
            var position = getRandomPosition();
            setPosition(emoji, position[0], position[1]);
        });
    </script>
</body>
</html>
```

このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`<script>`タグで囲まれています。プログラムが実行されると、ゲームが開始され、絵文字がクリックできるようになります。スマートフォンでも操作可能です。