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

No:12981

120

←

Prev Next

→

A game about a cat that tries to get his fish from..ALL
Developer User5666｜Date and time 23/8/25 16:49:57
Build time 23.468 sec｜Game capacity 2.638KB｜

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 style="text-align: center;">
  <h1>Игра о кошке и обезьяне</h1>
  <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

// Загружаем изображения
    const catImg = new Image();
    catImg.src = "cat.png";

const monkeyImg = new Image();
    monkeyImg.src = "monkey.png";

const fishImg = new Image();
    fishImg.src = "fish.png";

// Задаем начальные координаты кошки, обезьяны и рыбы
    let catX = 50;
    let catY = 50;
    let monkeyX = 300;
    let monkeyY = 300;
    let fishX = 200;
    let fishY = 200;

// Обработчик нажатия на клавиши
    document.addEventListener("keydown", moveCat);

// Обновление экрана
    function updateScreen() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawImages();
    }

// Отрисовка изображений
    function drawImages() {
      ctx.drawImage(catImg, catX, catY, 50, 50);
      ctx.drawImage(monkeyImg, monkeyX, monkeyY, 50, 50);
      ctx.drawImage(fishImg, fishX, fishY, 50, 50);
    }

// Проверка, пересекается ли кошка с рыбой
    function checkCollision() {
      if (catX < fishX + 50 &&
        catX + 50 > fishX &&
        catY < fishY + 50 &&
        catY + 50 > fishY) {
        alert("Поздравляю, кошка поймала рыбу!");
        resetGame();
      }
    }

// Обработка движения кошки
    function moveCat(event) {
      const speed = 10;
      const keyCode = event.keyCode;

// Вверх
      if (keyCode === 38 && catY > 0) {
        catY -= speed;
      }

// Вниз
      if (keyCode === 40 && catY < canvas.height - 50) {
        catY += speed;
      }

// Влево
      if (keyCode === 37 && catX > 0) {
        catX -= speed;
      }

// Вправо
      if (keyCode === 39 && catX < canvas.width - 50) {
        catX += speed;
      }

checkCollision();
      updateScreen();
    }

// Перезагрузка игры
    function resetGame() {
      catX = 50;
      catY = 50;
    }

// Начало игры
    function startGame() {
      updateScreen();
    }

// Запуск игры
    startGame();
  </script>
</body>
</html>