A game where you have to catch a emoji, when you do you move on to the next level, infinite levels's game | AI game creator

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

No:46682

122

A game where you have to catch a emoji, when you d..ALL
Developer User17064｜Date and time 24/2/25 19:36:39
Build time 4.952 sec｜Game capacity 1.782KB｜

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Catcher Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        let emojiX = canvas.width / 2;
        let emojiY = canvas.height / 2;
        let emojiSpeedX = 3;
        let emojiSpeedY = 3;
        let score = 0;
        
        function drawEmoji() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "30px Arial";
            ctx.fillText("😐", emojiX, emojiY);
        }
        
        function moveEmoji() {
            emojiX += emojiSpeedX;
            emojiY += emojiSpeedY;
            
            if (emojiX < 0 || emojiX > canvas.width) {
                emojiSpeedX = -emojiSpeedX;
            }
            if (emojiY < 0 || emojiY > canvas.height) {
                emojiSpeedY = -emojiSpeedY;
            }
        }
        
        function updateScore() {
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }
        
        function checkCollision() {
            if (Math.abs(emojiX - canvas.width / 2) < 20 && Math.abs(emojiY - canvas.height / 2) < 20) {
                score++;
                emojiX = Math.random() * canvas.width;
                emojiY = Math.random() * canvas.height;
            }
        }
        
        function gameLoop() {
            drawEmoji();
            moveEmoji();
            updateScore();
            checkCollision();
            requestAnimationFrame(gameLoop);
        }
        
        gameLoop();
    </script>
</body>
</html>
```