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

No:41105

106

←

Prev Next

→

As un juego de saltar 1000 veces
Developer User18468｜Date and time 24/2/6 4:10:55
Build time 7.159 sec｜Game capacity 1.734KB｜

Script

Juego de Saltar 1000 veces

Pulsa en el jugador para hacer un salto.

Jumps: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Juego de Saltar 1000 veces</title>
    <style>
      #player {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 50px;
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <script>
      var jumps = 0;
      var jumping = false;

function jump() {
        // Check if player is already jumping
        if (jumping) {
          return;
        }

// Increment jump count
        jumps++;

// Update jumps display
        document.getElementById("jumps").textContent = jumps;

var player = document.getElementById("player");
        var startPosition = 0;
        var jumpHeight = 200;
        var duration = 1000;

var startTime = null;

function animateJump(timestamp) {
          if (!startTime) {
            startTime = timestamp;
          }

var progress = timestamp - startTime;
          var displacement = Math.min(progress / duration, 1) * jumpHeight;

player.style.top = startPosition - displacement + "px";

if (progress < duration) {
            requestAnimationFrame(animateJump);
          } else {
            // Reset player position
            player.style.top = startPosition + "px";
            jumping = false;
          }
        }

jumping = true;
        requestAnimationFrame(animateJump);
      }
    </script>

<h1>Juego de Saltar 1000 veces</h1>
    <p>Pulsa en el jugador para hacer un salto.</p>
    <button onclick="jump()">Saltar</button>

<h2>Jumps: <span id="jumps">0</span></h2>
  </body>
</html>