AI game creator

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

No:6873

153

←

Prev Next

→

Mahoroa
Developer User3788｜Date and time 23/7/4 1:27:22
Build time 29.441 sec｜Game capacity 2.691KB｜

Script

了解です。以下にスマホ向けのシンプルなゲームを実装してみます。

上記のコードは、スクリーン上にランダムに表示される絵文字をタップしてスコアを上げていくゲームです。スタートボタンを押すとゲームが開始され、1秒ごとにランダムな位置に絵文字が表示されます。絵文字をタップするとスコアが加算され、スコアが表示されます。ご希望の要件を満たしているか確認いただければ幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下にスマホ向けのシンプルなゲームを実装してみます。

```html
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emojiタップゲーム</title>
    <style>
        body {
            font-size: 100px;
            text-align: center;
            margin-top: 40vh;
            touch-action: manipulation;
        }
    </style>
</head>
<body>
    <script>
        // Emojiリスト
        const emojiList = ['😀', '😃', '😄', '😁', '😆', '😅', '😂', '🤣', '😊', '😇', '🙂', '🙃', '😉', '😌', '😍', '🥰'];

// 現在のスコア
        let score = 0;

// ランダムな位置にEmojiを表示
        function showRandomEmoji() {
            const emoji = document.createElement('div');
            emoji.style.position = 'absolute';
            emoji.style.left = Math.random() * (window.innerWidth - 100) + 'px';
            emoji.style.top = Math.random() * (window.innerHeight - 100) + 'px';
            emoji.style.fontSize = '100px';
            emoji.textContent = emojiList[Math.floor(Math.random() * emojiList.length)];
            emoji.addEventListener('click', () => {
                score++;
                document.body.removeChild(emoji);
                showScore();
            });
            document.body.appendChild(emoji);
        }

// スコアを表示
        function showScore() {
            const scoreText = document.querySelector('#score-text');
            scoreText.textContent = `Score: ${score}`;
        }

// ゲーム開始
        function startGame() {
            score = 0;
            showScore();
            setInterval(showRandomEmoji, 1000);
        }

// ゲーム開始ボタン
        const startButton = document.createElement('button');
        startButton.textContent = 'Start Game';
        startButton.addEventListener('click', startGame);
        document.body.appendChild(startButton);

// スコア表示用の要素
        const scoreText = document.createElement('div');
        scoreText.id = 'score-text';
        document.body.appendChild(scoreText);
    </script>
</body>
</html>
```

上記のコードは、スクリーン上にランダムに表示される絵文字をタップしてスコアを上げていくゲームです。スタートボタンを押すとゲームが開始され、1秒ごとにランダムな位置に絵文字が表示されます。絵文字をタップするとスコアが加算され、スコアが表示されます。

ご希望の要件を満たしているか確認いただければ幸いです。