Кружки появляются's game

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

No:38257

←

Prev Next

→

Кружки появляются
Developer User17310｜Date and time 24/1/23 21:42:58
Build time 11.612 sec｜Game capacity 2.753KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

// Создаем массив для хранения координат и скоростей кружков
  var circles = [];

// Функция для генерации случайных чисел в заданном диапазоне
  function getRandomNumber(min, max) {
    return Math.random() * (max - min) + min;
  }

// Функция для рисования кружка
  function drawCircle(x, y) {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");

ctx.beginPath();
    ctx.arc(x, y, 30, 0, 2 * Math.PI);
    ctx.fillStyle = "blue";
    ctx.fill();
    ctx.closePath();
  }

// Функция для обновления координат и скоростей кружков
  function updateCircles() {
    for (var i = 0; i < circles.length; i++) {
      circles[i].x += circles[i].speedX;
      circles[i].y += circles[i].speedY;

if (circles[i].x < 0 || circles[i].x > windowWidth) {
        circles[i].speedX *= -1;
      }
      if (circles[i].y < 0 || circles[i].y > windowHeight) {
        circles[i].speedY *= -1;
      }
    }
  }

// Функция для рисования всех кружков
  function drawCircles() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");

ctx.clearRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < circles.length; i++) {
      drawCircle(circles[i].x, circles[i].y);
    }
  }

// Функция для запуска игры
  function startGame() {
    // Создаем канвас на весь экран
    var canvas = document.createElement("canvas");
    canvas.id = "myCanvas";
    canvas.width = windowWidth;
    canvas.height = windowHeight;
    document.body.appendChild(canvas);

// Генерируем случайное количество кружков от 5 до 10
    var numOfCircles = Math.floor(getRandomNumber(5, 11));

// Заполняем массив кружков
    for (var i = 0; i < numOfCircles; i++) {
      var circle = {
        x: getRandomNumber(30, windowWidth - 30),
        y: getRandomNumber(30, windowHeight - 30),
        speedX: getRandomNumber(-1, 1),
        speedY: getRandomNumber(-1, 1)
      };
      
      circles.push(circle);
    }

// Отображаем кружки на экране
    setInterval(function() {
      updateCircles();
      drawCircles();
    }, 10);
  }

// Запускаем игру после загрузки страницы
  window.onload = function() {
    startGame();
  };
</script>