AI game creator

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

No:30506

←

Prev Next

→

Bounce the ball
Developer User14751｜Date and time 23/12/22 10:40:55
Build time 10.743 sec｜Game capacity 1.471KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      #canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="300"></canvas>

// Variáveis do jogo
      const ballRadius = 10;
      let x = canvas.width / 2;
      let y = canvas.height - 30;
      let dx = 2;
      let dy = -2;

// Função para desenhar a bola
      function drawBall() {
        ctx.beginPath();
        ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
        ctx.fillStyle = '#0095DD';
        ctx.fill();
        ctx.closePath();
      }

// Função para atualizar a posição da bola
      function updateBallPosition() {
        x += dx;
        y += dy;
      }

// Função para atualizar a tela
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawBall();
        updateBallPosition();

// Verificar colisões com as paredes
        if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
          dx = -dx;
        }
        if (y + dy > canvas.height - ballRadius || y + dy < ballRadius) {
          dy = -dy;
        }

requestAnimationFrame(draw);
      }

// Iniciar o jogo quando a página carregar
      document.addEventListener('DOMContentLoaded', draw);
    </script>
  </body>
</html>