Un juego donde las flechas no son para moverse,o sino que cuando aparezcan flechas que bajan y tu tienes que tocarlas cuando esté en las flechas.'s game

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

No:40537

←

Prev Next

→

Un juego donde las flechas no son para moverse,o s..ALL
Developer User18058｜Date and time 24/2/3 9:10:46
Build time 10.972 sec｜Game capacity 3.191KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Define el tamaño y posición de las flechas
      var arrowSize = 80;
      var arrowX = canvas.width / 2 - arrowSize / 2;

// Define la velocidad de las flechas
      var arrowSpeed = 2;

// Define la puntuación actual del jugador
      var score = 0;

// Define la posición y visibilidad actual de las flechas
      var arrowY = -arrowSize;
      var arrowVisible = false;

// Rastrea si el jugador ha tocado la flecha
      var hasTouchedArrow = false;

// Evento que se activa cuando se toca la pantalla
      canvas.addEventListener("touchstart", function (event) {
        // Verifica si la flecha está visible y si se tocó
        if (arrowVisible && !hasTouchedArrow) {
          var touchX = event.touches[0].clientX;
          var touchY = event.touches[0].clientY;

// Verifica si el toque está dentro de los límites de la flecha
          if (
            touchX >= arrowX &&
            touchX <= arrowX + arrowSize &&
            touchY >= arrowY &&
            touchY <= arrowY + arrowSize
          ) {
            // Flecha tocada correctamente, incrementa la puntuación
            score++;
            hasTouchedArrow = true;
          }
        }
      });

// Función que actualiza la posición de las flechas
      function updateArrow() {
        if (arrowVisible) {
          // Verifica si la flecha llegó hasta abajo de la pantalla
          if (arrowY >= canvas.height) {
            // Flecha perdida, reinicia la posición y visibilidad
            arrowVisible = false;
            hasTouchedArrow = false;
          } else {
            // Mueve la flecha hacia abajo
            arrowY += arrowSpeed;
          }
        } else {
          // Genera un número aleatorio para decidir si muestra la flecha o no
          var randomNumber = Math.random();
          if (randomNumber < 0.02) {
            // Muestra la flecha y la posición inicial
            arrowVisible = true;
            arrowY = -arrowSize;
            arrowX = Math.random() * (canvas.width - arrowSize);
          }
        }
      }

// Función que dibuja en el lienzo
      function draw() {
        // Limpia el lienzo antes de dibujar
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibuja la flecha si está visible
        if (arrowVisible) {
          ctx.fillStyle = "blue";
          ctx.fillRect(arrowX, arrowY, arrowSize, arrowSize);
        }

// Dibuja la puntuación en la esquina superior izquierda
        ctx.fillStyle = "black";
        ctx.font = "20px Arial";
        ctx.fillText("Puntuación: " + score, 10, 30);
      }

// Función principal que se ejecuta en un bucle
      function gameLoop() {
        updateArrow();
        draw();

// Continúa el bucle
        requestAnimationFrame(gameLoop);
      }

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