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

No:37190

←

Prev Next

→

Escape from cat
Developer User17015｜Date and time 24/1/20 17:43:50
Build time 9.585 sec｜Game capacity 2.584KB｜

Script

Escape from Cat

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
   <title>Escape from Cat</title>
</head>
<body>
   <h1>Escape from Cat</h1>
   
   <canvas id="gameCanvas" width="400" height="400"></canvas>
   
   <script>
      // Получение ссылки на холст и его контекст
      var canvas = document.getElementById("gameCanvas");
      var context = canvas.getContext("2d");
      
      // Инициализация игровых объектов
      var player = {
         x: 50,
         y: 50,
         width: 50,
         height: 50,
         color: "#FF0000"
      };
      
      var cat = {
         x: 300,
         y: 300,
         width: 50,
         height: 50,
         color: "#0000FF"
      };
      
      // Перемещение игрока по нажатию на кнопки
      function handleKeyDown(e) {
         if (e.key === "ArrowUp") {
            player.y -= 10;
         }
         else if (e.key === "ArrowDown") {
            player.y += 10;
         }
         else if (e.key === "ArrowLeft") {
            player.x -= 10;
         }
         else if (e.key === "ArrowRight") {
            player.x += 10;
         }
         
         checkCollision();
         drawGame();
      }
      
      // Проверка на столкновение игрока с кошкой
      function checkCollision() {
         if (player.x < cat.x + cat.width &&
            player.x + player.width > cat.x &&
            player.y < cat.y + cat.height &&
            player.y + player.height > cat.y) {
            alert("Вы проиграли! Кошка поймала вас!");
            resetGame();
         }
      }
      
      // Сброс игровых параметров
      function resetGame() {
         player.x = 50;
         player.y = 50;
      }
      
      // Отрисовка игровых объектов
      function drawGame() {
         // Очистка холста
         context.clearRect(0, 0, canvas.width, canvas.height);
         
         // Отрисовка игрока
         context.fillStyle = player.color;
         context.fillRect(player.x, player.y, player.width, player.height);
         
         // Отрисовка кошки
         context.fillStyle = cat.color;
         context.fillRect(cat.x, cat.y, cat.width, cat.height);
      }
      
      // Запуск игры при загрузке страницы
      window.onload = function() {
         drawGame();
         window.addEventListener("keydown", handleKeyDown);
      }
      
   </script>
</body>
</html>