Пистолетом надо три раза попасть по синему квадрату's game

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

No:34202

←

Prev Next

→

Пистолетом надо три раза попасть по синему квадрат..ALL
Developer User14921｜Date and time 24/1/9 2:56:40
Build time 30.641 sec｜Game capacity 3.284KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Игра: Попади по синему квадрату!</title>
    <style>
      canvas {
        border: 1px solid black;
        display: flex;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <canvas width="400" height="400" id="gameCanvas"></canvas>

// Задаем начальную позицию и размеры синего квадрата
      let blueSquareX = 100;
      let blueSquareY = 100;
      const blueSquareSize = 50;

// Задаем начальное количество попаданий
      let hits = 0;

// Отслеживаем нажатия на экране
      canvas.addEventListener('click', handleTap);

// Функция, которая будет вызвана при нажатии на экран
      function handleTap(e) {
        // Получаем координаты клика
        const tapX = e.clientX - canvas.offsetLeft;
        const tapY = e.clientY - canvas.offsetTop;

// Проверяем, попал ли игрок по синему квадрату
        if (tapX >= blueSquareX && tapX <= blueSquareX + blueSquareSize &&
            tapY >= blueSquareY && tapY <= blueSquareY + blueSquareSize) {
          hits++; // Увеличиваем количество попаданий

// Если игрок попал 3 раза, выводим сообщение о победе
          if (hits === 3) {
            alert('Поздравляем! Вы попали 3 раза по синему квадрату! Вы победили!');
            resetGame(); // Сбрасываем игру для возможности сыграть заново
          }
        }
      }

// Функция для отрисовки игровых объектов
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Рисуем синий квадрат
        ctx.fillStyle = 'blue';
        ctx.fillRect(blueSquareX, blueSquareY, blueSquareSize, blueSquareSize);

// Выводим количество попаданий на экран
        ctx.fillStyle = 'black';
        ctx.font = '20px Arial';
        ctx.fillText('Попадания: ' + hits, 10, 30);
      }

// Функция для обновления игровых объектов
      function update() {
        // Обновляем положение синего квадрата случайным образом
        blueSquareX = Math.random() * (canvas.width - blueSquareSize);
        blueSquareY = Math.random() * (canvas.height - blueSquareSize);

draw(); // Вызываем функцию отрисовки
      }

// Функция для сброса игры
      function resetGame() {
        blueSquareX = 100;
        blueSquareY = 100;
        hits = 0;

draw(); // Вызываем функцию отрисовки
      }

// Запускаем игру
      resetGame();
    </script>
  </body>
</html>