Собирай людей раннер (1000 уровней и если пройдёшь все уровни ты начнёшь с начала)'s game

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

No:46369

←

Prev Next

→

Собирай людей раннер (1000 уровней и если пройдёшь..ALL
Developer User20070｜Date and time 24/2/24 19:13:23
Build time 11.435 sec｜Game capacity 2.85KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Собирай людей раннер</title>
</head>

const player = {
            x: 50,
            y: 50,
            width: 20,
            height: 20
        };

const people = {
            x: 200,
            y: 200,
            width: 20,
            height: 20
        };

let score = 0;

const movePlayer = (direction) => {
            switch (direction) {
                case 'up':
                    player.y -= 10;
                    break;
                case 'down':
                    player.y += 10;
                    break;
                case 'left':
                    player.x -= 10;
                    break;
                case 'right':
                    player.x += 10;
                    break;
            }
        };

const drawPlayer = () => {
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        };

const drawPeople = () => {
            ctx.fillStyle = 'green';
            ctx.fillRect(people.x, people.y, people.width, people.height);
        };

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

const checkCollision = () => {
            if (player.x < people.x + people.width &&
                player.x + player.width > people.x &&
                player.y < people.y + people.height &&
                player.y + player.height > people.y) {
                score++;
                people.x = Math.random() * canvas.width;
                people.y = Math.random() * canvas.height;
            }
        };

const gameLoop = () => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawPeople();
            drawScore();
            checkCollision();

requestAnimationFrame(gameLoop);
        };

document.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowUp') {
                movePlayer('up');
            }

if (event.key === 'ArrowDown') {
                movePlayer('down');
            }

if (event.key === 'ArrowLeft') {
                movePlayer('left');
            }

if (event.key === 'ArrowRight') {
                movePlayer('right');
            }
        });

gameLoop();

</script>
</body>

</html>