Привет сосед побег (5 уровней)(убегай от соседа он красный и ты управляешь зелёным игроком)'s game

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

No:46360

←

Prev Next

→

Привет сосед побег (5 уровней)(убегай от соседа он..ALL
Developer User20070｜Date and time 24/2/24 18:59:16
Build time 7.689 sec｜Game capacity 2.999KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Привет сосед побег</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let player = {
            x: 200,
            y: 200,
            speed: 5,
        };

let neighbor = {
            x: 100,
            y: 100,
            speed: 3,
        };

function drawPlayer() {
            ctx.fillStyle = 'green';
            ctx.fillRect(player.x, player.y, 20, 20);
        }

function drawNeighbor() {
            ctx.fillStyle = 'red';
            ctx.fillRect(neighbor.x, neighbor.y, 20, 20);
        }

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

function moveNeighbor() {
            if (neighbor.x < player.x) {
                neighbor.x += neighbor.speed;
            } else {
                neighbor.x -= neighbor.speed;
            }

if (neighbor.y < player.y) {
                neighbor.y += neighbor.speed;
            } else {
                neighbor.y -= neighbor.speed;
            }
        }

function collisionDetection() {
            if (player.x < neighbor.x + 20 &&
                player.x + 20 > neighbor.x &&
                player.y < neighbor.y + 20 &&
                player.y + 20 > neighbor.y) {
                    alert('Game Over!');
                    resetGame();
            }
        }

function resetGame() {
            player.x = 200;
            player.y = 200;
            neighbor.x = 100;
            neighbor.y = 100;
        }

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

drawPlayer();
            drawNeighbor();
            moveNeighbor();
            collisionDetection();

requestAnimationFrame(gameLoop);
        }

document.addEventListener('keydown', function(event) {
            switch(event.keyCode) {
                case 37: // Left arrow key
                    movePlayer('left');
                    break;
                case 38: // Up arrow key
                    movePlayer('up');
                    break;
                case 39: // Right arrow key
                    movePlayer('right');
                    break;
                case 40: // Down arrow key
                    movePlayer('down');
                    break;
            }
        });

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