AI game creator

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

No:16896

←

Prev Next

→

pelota saltarina
Developer User7528｜Date and time 23/9/21 15:54:25
Build time 27.558 sec｜Game capacity 2.418KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pelota Saltarina</title>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="600"></canvas>

// Definir las propiedades de la pelota
    var ballRadius = 10;
    var ballX = canvas.width / 2;
    var ballY = canvas.height - 30;
    var ballDX = 2;
    var ballDY = -2;

// Dibujar la pelota en el canvas
    function drawBall() {
      context.beginPath();
      context.arc(ballX, ballY, ballRadius, 0, Math.PI*2, false);
      context.fillStyle = "#0095DD";
      context.fill();
      context.closePath();
    }

// Actualizar la posición de la pelota y redibujarla en cada frame
    function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawBall();

// Hacer que la pelota rebote en los bordes del canvas
      if(ballX + ballDX > canvas.width - ballRadius || ballX + ballDX < ballRadius) {
        ballDX = -ballDX;
      }
      if(ballY + ballDY > canvas.height - ballRadius || ballY + ballDY < ballRadius) {
        ballDY = -ballDY;
      }

// Actualizar la posición de la pelota
      ballX += ballDX;
      ballY += ballDY;

// Solicitar la próxima animación
      requestAnimationFrame(update);
    }

// Iniciar el juego
    function startGame() {
      // Agregar eventos táctiles para controlar la dirección de la pelota
      canvas.addEventListener("touchmove", function(event) {
        var touchX = event.touches[0].clientX;
        var touchY = event.touches[0].clientY;
        
        // Mover la pelota hacia la posición táctil
        if (touchX > ballX) {
          ballDX = Math.abs(ballDX); // Hacer que el movimiento sea hacia la derecha
        } else {
          ballDX = -Math.abs(ballDX); // Hacer que el movimiento sea hacia la izquierda
        }

if (touchY > ballY) {
          ballDY = Math.abs(ballDY); // Hacer que el movimiento sea hacia abajo
        } else {
          ballDY = -Math.abs(ballDY); // Hacer que el movimiento sea hacia arriba
        }
        
      });

update(); // Comenzar la animación
    }

startGame(); // Iniciar el juego al cargar la página
  </script>
</body>
</html>