Uma bola que você movimenta movimentando o celular's game | AI game creator

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

No:52871

300

Uma bola que você movimenta movimentando o celular
Developer User19080｜Date and time 24/3/26 8:21:46
Build time 6.006 sec｜Game capacity 1.202KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Jogo da Bola</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let ballX = canvas.width / 2;
    let ballY = canvas.height / 2;
    let ballRadius = 20;
    
    window.addEventListener('deviceorientation', handleOrientation);
    
    function handleOrientation(event) {
      const x = event.beta; // Inclinação para frente/trás
      const y = event.gamma; // Inclinação para esquerda/direita
      
      ballX += x;
      ballY += y;
      
      if (ballX < 0) {
        ballX = 0;
      }
      if (ballX > canvas.width) {
        ballX = canvas.width;
      }
      if (ballY < 0) {
        ballY = 0;
      }
      if (ballY > canvas.height) {
        ballY = canvas.height;
      }
      
      drawBall();
    }
    
    function drawBall() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.beginPath();
      ctx.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
      ctx.fillStyle = '#0095DD';
      ctx.fill();
      ctx.closePath();
    }
  </script>
</body>
</html>