A person who is controlled in all directions. A person walks after this person whom I control, and if he touches him, I lose. The escape game.'s game

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

No:37911

←

Prev Next

→

A person who is controlled in all directions. A pe..ALL
Developer User17149｜Date and time 24/1/21 20:27:35
Build time 7.403 sec｜Game capacity 1.888KB｜

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>

var playerSize = 30; // the size of the player controlled by the user
var enemySize = 20; // the size of the enemy following the player

var player = {
    x: 0,
    y: 0
};

var enemy = {
    x: canvas.width - enemySize,
    y: canvas.height - enemySize
};

document.addEventListener("keydown", handleKeyDown);

function drawPlayer() {
    context.beginPath();
    context.rect(player.x, player.y, playerSize, playerSize);
    context.fillStyle = "#000";
    context.fill();
    context.closePath();
}

function drawEnemy() {
    context.beginPath();
    context.arc(enemy.x, enemy.y, enemySize, 0, Math.PI*2, false);
    context.fillStyle = "#f00";
    context.fill();
    context.closePath();
}

function checkCollision() {
    var dx = player.x - enemy.x;
    var dy = player.y - enemy.y;
    var distance = Math.sqrt(dx*dx + dy*dy);

if(distance < playerSize + enemySize) {
        // Collision detected, player lost
        alert("لقد واجهت العدو! لقد خسرت اللعبة.");
        document.location.reload();
    }
}

function draw() {
    context.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    drawEnemy();
    checkCollision();

requestAnimationFrame(draw);
}

draw();

</script>
</body>
</html>