Simulador de 3 cortes de bola de futebol em forma de geométrica's game | AI game creator

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

No:30011

77

Simulador de 3 cortes de bola de futebol em forma ..ALL
Developer User14167｜Date and time 23/12/20 5:24:35
Build time 6.775 sec｜Game capacity 1.506KB｜

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Simulador de 3 cortes de bola de futebol</title>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

<script>
    // Obtém a referência do elemento canvas
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    
    // Define as propriedades da bola
    var ballSize = 50;
    var ballColor = "#ff9900";
    var ballX = canvas.width / 2;
    var ballY = canvas.height / 2;
    var ballSpeedX = 2;
    var ballSpeedY = -2;
    
    // Função para desenhar a bola
    function drawBall() {
      ctx.beginPath();
      ctx.arc(ballX, ballY, ballSize/2, 0, Math.PI*2);
      ctx.fillStyle = ballColor;
      ctx.fill();
      ctx.closePath();
    }
    
    // Executa o loop de animação
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Desenha a bola
      drawBall();
      
      // Atualiza a posição da bola
      ballX += ballSpeedX;
      ballY += ballSpeedY;
      
      // Inverte a direção da bola se atingir as paredes
      if (ballX > canvas.width - ballSize/2 || ballX < ballSize/2) {
        ballSpeedX = -ballSpeedX;
      }
      
      if (ballY > canvas.height - ballSize/2 || ballY < ballSize/2) {
        ballSpeedY = -ballSpeedY;
      }
      
      // Chama a função novamente para criar um loop de animação
      requestAnimationFrame(draw);
    }
    
    draw(); // Inicia o processamento
    
  </script>
</body>
</html>