AI game creator

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

No:24708

←

Prev Next

→

Gear shifting game
Developer User11816｜Date and time 23/11/11 16:48:06
Build time 65.553 sec｜Game capacity 3.517KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>

<head>
  <title>Gear Shifting Game</title>
</head>

/* Главные переменные игры */
    let gears = []; // Массив объектов шестеренок
    let activeGear = null; // Активная шестеренка (выбранная пользователем)
    let score = 0; // Очки

/* Функция инициализации игры */
    function startGame() {
      // Создание объектов шестеренок
      for (let i = 0; i < gearImages.length; i++) {
        let gear = {
          x: Math.random() * 800, // случайное положение по оси X
          y: Math.random() * 370, // случайное положение по оси Y
          image: gearImages[i] // соответствующая картинка
        };
        gears.push(gear);
      }
      // Запуск игрового цикла
      setInterval(updateGame, 20);
    }

/* Функция обновления игрового состояния */
    function updateGame() {
      // Очистка холста
      let canvas = document.getElementById("gameCanvas");
      let context = canvas.getContext("2d");
      context.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка шестеренок
      for (let i = 0; i < gears.length; i++) {
        let gear = gears[i];
        context.font = "30px Arial";
        context.fillText(gear.image, gear.x, gear.y);
      }
      // Отрисовка очков
      context.fillText("Очки: " + score, 10, 50);
    }

/* Функция выбора активной шестеренки */
    function selectGear(event) {
      let canvas = document.getElementById("gameCanvas");
      let rect = canvas.getBoundingClientRect();
      let mouseX = event.clientX - rect.left;
      let mouseY = event.clientY - rect.top;

// Проверка на попадание в шестеренку
      for (let i = 0; i < gears.length; i++) {
        let gear = gears[i];
        if (Math.abs(mouseX - gear.x) < 20 && Math.abs(mouseY - gear.y) < 20) {
          activeGear = gear;
          break;
        }
      }
    }

/* Функция перемещения активной шестеренки */
    function moveGear(event) {
      if (activeGear) {
        let canvas = document.getElementById("gameCanvas");
        let rect = canvas.getBoundingClientRect();
        activeGear.x = event.clientX - rect.left;
        activeGear.y = event.clientY - rect.top;
      }
    }

/* Функция отпускания активной шестеренки */
    function releaseGear() {
      activeGear = null;
    }

/* Обработчики событий мыши */
    document.getElementById("gameCanvas").addEventListener("mousedown", selectGear);
    document.getElementById("gameCanvas").addEventListener("mousemove", moveGear);
    document.getElementById("gameCanvas").addEventListener("mouseup", releaseGear);

/* Запуск игры после загрузки страницы */
    window.onload = startGame;
  </script>
</body>

</html>