I want a game where you have to run away from a policeman and collect money.'s game

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

No:48831

105

←

Prev Next

→

I want a game where you have to run away from a po..ALL
Developer User20850｜Date and time 24/3/2 23:51:25
Build time 16.13 sec｜Game capacity 2.643KB｜

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>

const player = {
    x: 50,
    y: 50,
    speed: 5,
    size: 20
  };

const police = {
    x: 750,
    y: 550,
    speed: 3,
    size: 30
  };

let money = {
    x: Math.random() * 760 + 20,
    y: Math.random() * 560 + 20,
    size: 10
  };

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

function drawPolice() {
    ctx.fillStyle = 'red';
    ctx.fillRect(police.x, police.y, police.size, police.size);
  }

function drawMoney() {
    ctx.fillStyle = 'green';
    ctx.fillRect(money.x, money.y, money.size, money.size);
  }

// Move police
    if (police.x > player.x) {
      police.x -= police.speed;
    }
    if (police.x < player.x) {
      police.x += police.speed;
    }
    if (police.y > player.y) {
      police.y -= police.speed;
    }
    if (police.y < player.y) {
      police.y += police.speed;
    }

// Check collision with money
    if (player.x < money.x + money.size &&
        player.x + player.size > money.x &&
        player.y < money.y + money.size &&
        player.y + player.size > money.y) {
      money.x = Math.random() * 760 + 20;
      money.y = Math.random() * 560 + 20;
    }

// Check collision with police
    if (player.x < police.x + police.size &&
        player.x + player.size > police.x &&
        player.y < police.y + police.size &&
        player.y + player.size > police.y) {
      alert('Game over! You got caught by the police.');
    }
  }

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

drawPlayer();
    drawPolice();
    drawMoney();
  }

const keys = {};
  window.addEventListener('keydown', event => {
    keys[event.key] = true;
  });
  window.addEventListener('keyup', event => {
    keys[event.key] = false;
  });

function gameLoop() {
    update();
    draw();
    requestAnimationFrame(gameLoop);
  }

gameLoop();
</script>

</body>
</html>