El dinosaurio de Google pero que el personaje sea goku's game

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

No:22328

←

Prev Next

→

El dinosaurio de Google pero que el personaje sea ..ALL
Developer User10325｜Date and time 23/10/22 7:53:49
Build time 31.631 sec｜Game capacity 1.735KB｜

Script

←

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">
  <style>
    canvas { 
      display: block;
      margin: 0 auto;
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <script>
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    document.body.appendChild(canvas);

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Load Goku's image
    const gokuImg = new Image();
    gokuImg.src = 'goku.png';

// Define Goku's initial position and jump velocity
    let gokuX = 50;
    let gokuY = canvas.height - 150;
    let gokuJumpVelocity = 10;
    let isJumping = false;

// Function to handle jump action
    function jump() {
      if (!isJumping) {
        isJumping = true;
        gokuJumpVelocity = 10;
      }
    }

// Listens for touchstart event on the screen
    canvas.addEventListener('touchstart', jump);

// Update the game state
    function update() {
      if (isJumping) {
        // Apply the jump velocity to Goku's Y position
        gokuY -= gokuJumpVelocity;

// Slowly reduce the jump velocity to simulate gravity
        gokuJumpVelocity -= 0.5;

// If Goku goes below the ground, reset his position and stop jumping
        if (gokuY >= canvas.height - 150) {
          gokuY = canvas.height - 150;
          isJumping = false;
        }
      }

// Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Goku's image at his current position
      ctx.drawImage(gokuImg, gokuX, gokuY, 150, 150);

// Call update on the next frame
      requestAnimationFrame(update);
    }

// Start the game
    update();
  </script>
</body>
</html>