Una pelotita que se va por los bordes,y cada vez que choque con uno,se haga más grande la pelotita.'s game

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

No:40818

←

Prev Next

→

Una pelotita que se va por los bordes,y cada vez q..ALL
Developer User18058｜Date and time 24/2/4 6:40:23
Build time 6.807 sec｜Game capacity 1.902KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de la Pelotita</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>

// Variables de la pelotita
      var x = canvas.width / 2;
      var y = canvas.height / 2;
      var ballRadius = 10;
      var dx = 2; // velocidad horizontal
      var dy = -2; // velocidad vertical

// Variables del tamaño del canvas
      var canvasWidth = canvas.width;
      var canvasHeight = canvas.height;

// Función para dibujar la pelotita
      function drawBall() {
        ctx.beginPath();
        ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();
      }

// Función para mover la pelotita y detectar colisiones
      function moveBall() {
        // Mover la pelotita
        x += dx;
        y += dy;

// Detectar colisiones con los bordes del canvas
        if (x + dx > canvasWidth - ballRadius || x + dx < ballRadius) {
          dx = -dx;
          ballRadius += 1; // Incrementar el tamaño de la pelotita
        }

if (y + dy > canvasHeight - ballRadius || y + dy < ballRadius) {
          dy = -dy;
          ballRadius += 1; // Incrementar el tamaño de la pelotita
        }
      }

// Función principal del juego
      function gameLoop() {
        // Limpiar el canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar la pelotita
        drawBall();

// Mover la pelotita y detectar colisiones
        moveBall();

// Llamar al game loop en cada frame
        requestAnimationFrame(gameLoop);
      }

// Iniciar el juego
      gameLoop();
    </script>
  </body>
</html>