A game where you avoid random emojis to earn points. If you hit one, you lose a point!'s game

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

No:50030

←

Prev Next

→

A game where you avoid random emojis to earn point..ALL
Developer User21218｜Date and time 24/3/7 14:12:15
Build time 9.713 sec｜Game capacity 2.199KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Emoji Dodge Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let playerSize = 20;

let emojiX = Math.random() * canvas.width;
        let emojiY = 0;
        let emojiSize = 30;
        let emojiSpeed = 2;

let score = 0;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);
        }

function drawEmoji() {
            ctx.fillStyle = 'yellow';
            ctx.font = '30px Arial';
            ctx.fillText('😀', emojiX, emojiY);
        }

function moveEmoji() {
            emojiY += emojiSpeed;

if (emojiY > canvas.height) {
                emojiX = Math.random() * canvas.width;
                emojiY = 0;
            }
        }

function collisionDetection() {
            if (Math.abs(playerX - emojiX) < emojiSize && Math.abs(playerY - emojiY) < emojiSize) {
                score--;
                emojiX = Math.random() * canvas.width;
                emojiY = 0;
            }
        }

function drawScore() {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 30);
        }

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

drawPlayer();
            drawEmoji();
            moveEmoji();
            collisionDetection();
            drawScore();

requestAnimationFrame(drawGame);
        }

drawGame();
    </script>
</body>
</html>