AI game creator

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

No:4981

154

←

Prev Next

→

metaverse
Developer User3796｜Date and time 23/6/29 4:30:26
Build time 19.84 sec｜Game capacity 2.102KB｜

Script

了解しました。以下は、スマホで遊べるシンプルなゲームの例です。

このプログラムは、「Emoji Catcher」というシンプルなゲームです。画面上にランダムな位置で絵文字が表示され、ユーザーがタップして消すことが目的です。ゲームが始まると、1秒ごとに絵文字がランダムな位置に表示されます。ユーザーが絵文字をタップすると、スコアが1ポイント増えます。

←

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>
        * {
            margin: 0;
            padding: 0;
        }

body {
            overflow: hidden;
        }

#game-container {
            position: relative;
            width: 100%;
            height: 100vh;
        }

.emoji {
            position: absolute;
            font-size: 3rem;
            cursor: pointer;
            pointer-events: none;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

function createEmoji() {
            const emoji = document.createElement('div');
            const randomIndex = Math.floor(Math.random() * emojis.length);
            emoji.innerHTML = emojis[randomIndex];
            emoji.classList.add('emoji');

const randomX = Math.random() * (gameContainer.offsetWidth - 100);
            const randomY = Math.random() * (gameContainer.offsetHeight - 100);
            emoji.style.left = randomX + 'px';
            emoji.style.top = randomY + 'px';

emoji.addEventListener('click', () => {
                score++;
                gameContainer.removeChild(emoji);
            });

gameContainer.append(emoji);
        }

function startGame() {
            setInterval(createEmoji, 1000);
        }

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