Мышка ходит по всей карте's game | AI game creator

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

No:15170

117

Мышка ходит по всей карте
Developer User6503｜Date and time 23/9/6 23:10:42
Build time 44.632 sec｜Game capacity 2.373KB｜

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Игра: Мышка на карте</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    // Создаем игровое поле
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
  
    // Загружаем изображение мышки
    var mouseImage = new Image();
    mouseImage.src = "mouse.png";
  
    // Устанавливаем начальные координаты мышки
    var mouseX = 0;
    var mouseY = 0;
  
    // Обрабатываем нажатие на экран
    canvas.addEventListener("mousedown", handleMouseDown, false);
  
    // Обрабатываем перемещение мыши на экране
    canvas.addEventListener("mousemove", handleMouseMove, false);
  
    // Функция, отвечающая за рисование игрового поля и мышки
    function draw() {
      // Очищаем игровое поле
      context.clearRect(0, 0, canvas.width, canvas.height);
  
      // Рисуем мышку на текущих координатах
      context.drawImage(mouseImage, mouseX, mouseY);
  
      // Рисуем пиктограммы на игровом поле
      // ...
      
      // Запускаем функцию draw снова через 1 секунду
      setTimeout(draw, 1000);
    }
  
    // Функция, обрабатывающая нажатие на экран
    function handleMouseDown(event) {
      // Получаем координаты нажатия
      var rect = canvas.getBoundingClientRect();
      var clickX = event.clientX - rect.left;
      var clickY = event.clientY - rect.top;
  
      // Проверяем, попали ли на пиктограмму
      // ...
  
      // Если попали, выполняем действие
      // ...
    }
  
    // Функция, обрабатывающая перемещение мыши на экране
    function handleMouseMove(event) {
      // Получаем координаты мыши
      var rect = canvas.getBoundingClientRect();
      mouseX = event.clientX - rect.left;
      mouseY = event.clientY - rect.top;
    }
  
    // Запускаем игру
    draw();
  </script>
</body>
</html>