AI game creator

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

No:26885

←

Prev Next

→

Billiards
Developer User13308｜Date and time 23/12/3 1:10:28
Build time 39.942 sec｜Game capacity 2.034KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Бильярд</title>
  <style>
    #canvas {
      display: block;
      margin: 0 auto;
      background-color: #444;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="480" height="320"></canvas>

// Установка начальной позиции шара
    let ballX = canvas.width / 2;
    let ballY = canvas.height - 30;

// Перерисовка шара
    function drawBall() {
      ctx.beginPath();
      ctx.arc(ballX, ballY, 10, 0, Math.PI * 2);
      ctx.fillStyle = "#FF0000";
      ctx.fill();
      ctx.closePath();
    }

// Отслеживание пользовательского ввода с помощью сенсора
    function handleMotion(event) {
      ballX = event.accelerationIncludingGravity.x + canvas.width / 2;
      ballY = event.accelerationIncludingGravity.y + canvas.height / 2;
      if (ballX < 0) {
        ballX = 0;
      }
      if (ballX > canvas.width) {
        ballX = canvas.width;
      }
      if (ballY < 0) {
        ballY = 0;
      }
      if (ballY > canvas.height) {
        ballY = canvas.height;
      }
    }

// Обновление кадра игры
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawBall();
      requestAnimationFrame(update);
    }

// Запуск игры
    function startGame() {
      if (typeof DeviceMotionEvent.requestPermission === "function") {
        DeviceMotionEvent.requestPermission().then((permissionState) => {
          if (permissionState === "granted") {
            window.addEventListener("devicemotion", handleMotion);
            update();
          }
        }).catch(console.error);
      } else {
        window.addEventListener("devicemotion", handleMotion);
        update();
      }
    }

startGame();
  </script>
</body>
</html>