AI game creator

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

No:34204

←

Prev Next

→

Сначала будет кнопка « играть», если на неё нажать..ALL
Developer User14921｜Date and time 24/1/9 3:02:07
Build time 34.363 sec｜Game capacity 3.445KB｜

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>
  <script>
    // Создаем переменные для хранения состояния игры
    var canvas, context;
    var centerX, centerY;
    var bulletCount, score;
    var isPlaying;

// Отслеживаем нажатия на кнопку "Играть"
    function startGame() {
      isPlaying = true;
      bulletCount = 3;
      score = 0;

// Скрываем кнопку "Играть"
      var playButton = document.getElementById("playButton");
      playButton.style.display = "none";

// Создаем холст
      canvas = document.createElement("canvas");
      context = canvas.getContext("2d");
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);

// Определяем координаты центра экрана
      centerX = canvas.width / 2;
      centerY = canvas.height / 2;

// Отслеживаем событие клика на холсте
      canvas.addEventListener("click", shootBullet);

// Игровой цикл
      gameLoop();
    }

// Функция-обработчик для выстрела
    function shootBullet(event) {
      if (!isPlaying) {
        return; // Игра не запущена, выходим из функции
      }

var mouseX = event.clientX;
      var mouseY = event.clientY;

// Проверяем попадание в синий круг
      if (Math.sqrt(Math.pow(mouseX - centerX, 2) + Math.pow(mouseY - centerY, 2)) <= 50) {
        score++; // Увеличиваем счет
      }

bulletCount--; // Уменьшаем количество пуль

if (bulletCount <= 0) {
        endGame(); // Конец игры, если пули закончились
      }
    }

// Функция для обновления состояния игры
    function update() {
      // Очищаем холст
      context.clearRect(0, 0, canvas.width, canvas.height);

// Рисуем синий круг
      context.beginPath();
      context.arc(centerX, centerY, 50, 0, Math.PI * 2);
      context.fillStyle = "blue";
      context.fill();

// Выводим информацию о пулях и счете
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Пули: " + bulletCount, 10, 30);
      context.fillText("Счёт: " + score, 10, 60);
    }

// Функция для обновления состояния игры и отрисовки
    function gameLoop() {
      update();

if (isPlaying) {
        requestAnimationFrame(gameLoop);
      }
    }

// Функция для завершения игры
    function endGame() {
      isPlaying = false;

// Удаляем холст
      document.body.removeChild(canvas);

// Показываем кнопку "Играть" снова
      var playButton = document.getElementById("playButton");
      playButton.style.display = "block";

// Показываем сообщение с результатом
      alert("Вы набрали " + score + " очков!");
    }
  </script>

<button id="playButton" onclick="startGame()">Играть</button>
</body>
</html>