When you click the jump button a yellow bird through the Green pipes and when you bump through the pipes the game will end it is a endless game's game

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

No:39522

←

Prev Next

→

When you click the jump button a yellow bird throu..ALL
Developer User17673｜Date and time 24/1/28 19:26:25
Build time 17.584 sec｜Game capacity 4.254KB｜

Script

Sure! Here's an example of an endless jumping game using JavaScript and HTML. It's a simple implementation with a bird jumping through green pipes. You can copy and save the code below as a single HTML file and open it in any web browser to play the game.

Note: Make sure to include an audio file named "sound.mp3" in the same directory as the HTML file. The sound effect will be played when the bird jumps. To play the game, simply open the HTML file on a web browser, and you can control the bird's jump by pressing the spacebar on your keyboard. The goal is to navigate the bird through the gaps between the green pipes to score points. The game will end if the bird collides with the pipes or hits the ground.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Endless Jumping Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
  
    <script>
      // Game variables
      var canvas, ctx;
      var bird;
      var pipes = [];
      var score = 0;
      var gameOver = false;
      var jumpSound;

function Bird() {
        this.x = 50;
        this.y = 150;
        this.velocity = 0;
        this.gravity = 0.5;

this.jump = function() {
          this.velocity = -10;
          jumpSound.play();
        };

this.update = function() {
          // Gravity effect
          this.velocity += this.gravity;
          this.y += this.velocity;

// Collision detection with pipes or ground
          if (this.y >= canvas.height - 20 || this.y <= 0) {
            gameOver = true;
          }
          
          for (var i = 0; i < pipes.length; i++) {
            if (
              this.x + 20 >= pipes[i].x &&
              this.x <= pipes[i].x + pipes[i].width &&
              (this.y <= pipes[i].top || this.y + 20 >= pipes[i].bottom)
            ) {
              gameOver = true;
            }
          }
        };

this.draw = function() {
          ctx.fillStyle = "yellow";
          ctx.fillRect(this.x, this.y, 20, 20);
        };
      }

function Pipe() {
        this.x = canvas.width;
        this.width = 50;
        this.top = Math.random() * (canvas.height - 200) + 100;
        this.bottom = this.top + 100;

this.update = function() {
          this.x -= 2;

// Increase score when pipe moves off-screen
          if (this.x + this.width <= 0) {
            score++;
          }
        };

this.draw = function() {
          ctx.fillStyle = "green";
          ctx.fillRect(this.x, 0, this.width, this.top);
          ctx.fillRect(this.x, this.bottom, this.width, canvas.height - this.bottom);
        };
      }

function GameLoop() {
        if (gameOver) {
          return;
        }

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

// Update and draw bird
        bird.update();
        bird.draw();

// Update and draw pipes
        for (var i = 0; i < pipes.length; i++) {
          pipes[i].update();
          pipes[i].draw();
        }

// Score display
        ctx.fillStyle = "black";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, 10, 30);

// Generate new pipes
        if (pipes.length > 0 && pipes[pipes.length - 1].x < canvas.width - 150) {
          pipes.push(new Pipe());
        }

// Keep only visible pipes in array
        if (pipes.length > 0 && pipes[0].x + pipes[0].width < 0) {
          pipes.shift();
        }

// Recursive call for game loop
        requestAnimationFrame(GameLoop);
      }

function HandleKeyPress(e) {
        if (e.code === "Space") {
          bird.jump();
        }
      }

function Initialize() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        bird = new Bird();
        pipes.push(new Pipe());
        jumpSound = new Audio("jump.mp3");

document.addEventListener("keydown", HandleKeyPress);
        
        // Start game loop
        GameLoop();
      }

// Initialize the game when the page is loaded
      window.onload = Initialize;
    </script>
  </body>
</html>
```

Note: Make sure to include an audio file named "jump.mp3" in the same directory as the HTML file. The sound effect will be played when the bird jumps.

To play the game, simply open the HTML file on a web browser, and you can control the bird's jump by pressing the spacebar on your keyboard. The goal is to navigate the bird through the gaps between the green pipes to score points. The game will end if the bird collides with the pipes or hits the ground.