🥺🥺🥺🥺🥺🥺🥺🥺 画面をタップすると、タップした箇所に🥺が表示されます。表示される🥺のサイズはランダムです。 🥺は画面上をランダムな方向に動きます。壁や天井にぶつかると跳ね返るため、画面外に出てしまうことはありません。 🥺をたくさん増やしましょう！'s game

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

No:5021

3383

←

Prev Next

→

🥺🥺🥺🥺🥺🥺🥺🥺 画面をタップすると、タップした箇所に🥺が表示されます。表示される🥺のサイズは..ALL
Developer もちきなこ｜Date and time 23/6/29 9:23:21
Build time 16.672 sec｜Game capacity 2.334KB｜

Script

了解です！以下にHTMLファイルを実装しました。

このHTMLファイルは、タップした箇所に🥺が表示され、ランダムな方向に動きます。画面外に出てしまうことはありません。タップする度に新しい🥺が追加され、画面上にたくさんの🥺を表示することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です！以下にHTMLファイルを実装しました。

```html
<!DOCTYPE html>
<html>
<head>
    <title>🥺ゲーム</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: white;
            touch-action: none;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let emojis = [];

function randomInt(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }

function createEmoji(x, y) {
                const dx = randomInt(-5, 5);
                const dy = randomInt(-5, 5);
                emojis.push({ x, y, dx, dy });
            }

function update() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

emojis.forEach((emoji, index) => {
                    emoji.x += emoji.dx;
                    emoji.y += emoji.dy;

if (emoji.x < emojiSize || emoji.x > canvas.width - emojiSize) {
                        emoji.dx *= -1;
                    }
                    if (emoji.y < emojiSize || emoji.y > canvas.height - emojiSize) {
                        emoji.dy *= -1;
                    }

ctx.fillText("🥺", emoji.x, emoji.y);
                });

requestAnimationFrame(update);
            }

canvas.addEventListener("click", (event) => {
                const rect = canvas.getBoundingClientRect();
                const x = event.clientX - rect.left;
                const y = event.clientY - rect.top;

createEmoji(x, y);
            });

update();
        });
    </script>
</body>
</html>
```

このHTMLファイルは、タップした箇所に🥺が表示され、ランダムな方向に動きます。画面外に出てしまうことはありません。

タップする度に新しい🥺が追加され、画面上にたくさんの🥺を表示することができます。