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

No:5259

3492

←

Prev Next

→

Yutaka seems to have found an interesting game.
Developer User3812｜Date and time 23/6/29 20:52:30
Build time 24.027 sec｜Game capacity 2.772KB｜

Script

了解しました。以下はスマホ操作を前提とした簡単なゲームの例です。

Emoji Catcher

スワイプで絵文字を移動させよう！

このゲームでは、ページを開いたらランダムな絵文字が表示され、スマホの画面上でスワイプすることで絵文字を自由に移動させることができます。絵文字を移動させるたびにスコアが加算され、新しい絵文字が表示されます。

←

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 Catcher</title>
</head>
<body>
    <h1>Emoji Catcher</h1>
    <h2>スワイプで絵文字を移動させよう！</h2>
    <div id="game-container">
        <div id="emoji" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px;"></div>
    </div>

let score = 0;

function updateScore() {
            emojiDiv.textContent = `スコア: ${score}`;
        }

function generateRandomEmoji() {
            const emojis = ['😃', '😊', '🤩', '🙂', '😄', '🥳', '😎', '🤓', '😜', '😘'];
            return emojis[Math.floor(Math.random() * emojis.length)];
        }

function moveEmoji(x, y) {
            emojiDiv.style.transform = `translate(${x}px, ${y}px)`;
        }

function increaseScore() {
            score++;
            updateScore();
        }

function startGame() {
            updateScore();

let emojiX = 0;
            let emojiY = 0;

emojiDiv.textContent = generateRandomEmoji();
            moveEmoji(emojiX, emojiY);

gameContainer.addEventListener('touchstart', function (e) {
                const touch = e.touches[0];
                const startX = touch.clientX;
                const startY = touch.clientY;

gameContainer.addEventListener('touchmove', function (e) {
                    e.preventDefault();

const touch = e.touches[0];
                    const moveX = touch.clientX;
                    const moveY = touch.clientY;

const diffX = moveX - startX;
                    const diffY = moveY - startY;

emojiX += diffX;
                    emojiY += diffY;

moveEmoji(emojiX, emojiY);

startX = moveX;
                    startY = moveY;
                });

gameContainer.addEventListener('touchend', function () {
                    increaseScore();
                    emojiDiv.textContent = generateRandomEmoji();
                });
            });
        }

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