Make a tamagochi where player take care a cute cat or can k○ll them's game

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

No:26989

102

←

Prev Next

→

Make a tamagochi where player take care a cute cat..ALL
Developer User13355｜Date and time 23/12/3 20:59:42
Build time 55.888 sec｜Game capacity 2.913KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Tamagotchi: Ухаживаем за котиком</title>
</head>
<body>
  <canvas id="game-canvas"></canvas>
  <script>
    // Создание и инициализация элементов игры
    var canvas = document.getElementById("game-canvas");
    var ctx = canvas.getContext("2d");
    var cat = new Image();
    var food = new Image();
    var gameOver = false;
    var score = 0;

cat.src = "cat.png";
    food.src = "food.png";

// Обработка касания экрана на устройстве
    canvas.addEventListener("touchstart", function(event) {
      if (event.targetTouches.length === 1 && !gameOver) {
        var touch = event.targetTouches[0];
        if (touch.pageX >= catX && touch.pageX <= (catX + cat.width) &&
            touch.pageY >= catY && touch.pageY <= (catY + cat.height)) {
          // Если котик коснулся, увеличиваем счет
          score++;
          updateScore();
        }
      }
    }, false);

// Обработка нажатия на экран на устройстве
    canvas.addEventListener("click", function(event) {
      if (!gameOver) {
        if (event.pageX >= catX && event.pageX <= (catX + cat.width) &&
            event.pageY >= catY && event.pageY <= (catY + cat.height)) {
          // Если котик нажат, увеличиваем счет
          score++;
          updateScore();
        }
      }
    }, false);

// Обновление счета в интерфейсе
    function updateScore() {
      var scoreDisplay = document.getElementById("score");
      scoreDisplay.innerHTML = "Счет: " + score;
    }

// Перемещение котика по экрану
    function moveCat() {
      catX = Math.random() * (canvas.width - cat.width);
      catY = Math.random() * (canvas.height - cat.height);
      ctx.drawImage(cat, catX, catY);

// Запускаем на следующий фрейм обновление позиции котика
      requestAnimationFrame(moveCat);
    }

// Инициализация игры
    function init() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Вывод счета на экран
      var scoreDisplay = document.createElement("div");
      scoreDisplay.id = "score";
      scoreDisplay.style.position = "absolute";
      scoreDisplay.style.top = "10px";
      scoreDisplay.style.left = "10px";
      scoreDisplay.style.fontSize = "24px";
      scoreDisplay.innerHTML = "Счет: 0";
      document.body.appendChild(scoreDisplay);

// Запуск движения котика
      requestAnimationFrame(moveCat);
    }

// Начало игры после загрузки страницы
    window.onload = function() {
      init();
    };
  </script>
</body>
</html>