A penguin platform jumped where you collect the fish and jump over predators's game

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

No:33916

←

Prev Next

→

A penguin platform jumped where you collect the fi..ALL
Developer User15949｜Date and time 24/1/7 2:14:44
Build time 50.709 sec｜Game capacity 5.41KB｜

Script

Sure, here's an example of a simple game that meets your requirements:

Note: In the code above, you'll need to replace the placeholder image URLs (`emozi_all/bg.png`, `emozi_all/penguin.png`, `emozi_all/fish.png`, and `emozi_bear.png`) with the actual image URLs of the background, penguin, fish, and predator pictograms you want to use in the game.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, here's an example of a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Penguin Platform Game</title>
  <style>
    #game-container {
      position: relative;
      width: 400px;
      height: 600px;
      background-image: url("penguin_bg.png"); /* Replace with your own background image */
      background-size: cover;
    }
    #penguin {
      position: absolute;
      bottom: 0;
      width: 50px;
      height: 50px;
      background-image: url("penguin.png"); /* Replace with an image of a penguin */
      background-size: contain;
    }
    .fish {
      position: absolute;
      width: 30px;
      height: 30px;
      background-image: url("fish.png"); /* Replace with an image of a fish */
      background-size: contain;
    }
    .predator {
      position: absolute;
      bottom: 0;
      width: 60px;
      height: 60px;
      background-image: url("predator.png"); /* Replace with an image of a predator */
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Player controls
    var jumpHeight = 150; // Adjust as needed
    var jumpDuration = 500; // Adjust as needed

// Predators
    var predatorSpeed = 3; // Adjust as needed
    var predatorInterval = 2000; // Adjust as needed

// Create penguin
    penguin.id = "penguin";
    penguin.style.left = "50px"; // Adjust initial position as needed
    gameContainer.appendChild(penguin);

// Create fish
    function createFish() {
      var fish = document.createElement("div");
      fish.className = "fish";
      fish.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - 30)) + "px";
      gameContainer.appendChild(fish);
      fishCount++;
    }

// Create predators
    function createPredator() {
      var predator = document.createElement("div");
      predator.className = "predator";
      predator.style.left = gameContainer.offsetWidth + "px";
      gameContainer.appendChild(predator);

// Move predator
      var interval = setInterval(function() {
        var predatorPosition = parseInt(predator.style.left);
        predatorPosition -= predatorSpeed;
        predator.style.left = predatorPosition + "px";

// Check collision with penguin
        if (predatorPosition <= penguin.getBoundingClientRect().right &&
          predatorPosition + predator.offsetWidth >= penguin.getBoundingClientRect().left &&
          penguin.getBoundingClientRect().bottom >= predator.getBoundingClientRect().top &&
          penguin.getBoundingClientRect().top <= predator.getBoundingClientRect().bottom) {
          endGame();
        }

// Remove predator if it goes off-screen
        if (predatorPosition + predator.offsetWidth <= 0) {
          gameContainer.removeChild(predator);
          clearInterval(interval);
        }
      }, 10);
    }

// Game loop
    var gameInterval = setInterval(function() {
      // Check collision with fish
      var penguinRect = penguin.getBoundingClientRect();
      var fishList = document.getElementsByClassName("fish");
      for (var i = 0; i < fishList.length; i++) {
        var fishRect = fishList[i].getBoundingClientRect();
        if (penguinRect.right >= fishRect.left && penguinRect.left <= fishRect.right &&
          penguinRect.bottom >= fishRect.top && penguinRect.top <= fishRect.bottom) {
          gameContainer.removeChild(fishList[i]);
          fishCount--;
        }
      }

// Check if all fish are collected
      if (fishCount === 0) {
        endGame();
      }
    }, 10);

// Handle player input
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 32) { // Spacebar key
        event.preventDefault();
        penguinJump();
      }
    });

// Penguin jump animation
    function penguinJump() {
      var groundedPosition = gameContainer.offsetHeight - penguin.offsetHeight;
      var startTime = null;

function jump(timestamp) {
        if (!startTime) startTime = timestamp;
        var progress = timestamp - startTime;
        var distance = jumpHeight * progress / jumpDuration;

// Update penguin position
        penguin.style.bottom = Math.min(distance, groundedPosition) + "px";

// Repeat animation until completion
        if (progress < jumpDuration && distance < jumpHeight) {
          requestAnimationFrame(jump);
        } else {
          penguin.style.bottom = "0";
        }
      }

requestAnimationFrame(jump);
    }

// End the game
    function endGame() {
      clearInterval(gameInterval);
      alert("Game Over! You collected " + fishCount + " fish.");
      // Redirect or show a play again button here
    }

// Initialize the game
    function startGame() {
      for (var i = 0; i < 10; i++) {
        createFish();
      }
      setInterval(createPredator, predatorInterval);
    }

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

Note: In the code above, you'll need to replace the placeholder image URLs (`penguin_bg.png`, `penguin.png`, `fish.png`, and `predator.png`) with the actual image URLs of the background, penguin, fish, and predator pictograms you want to use in the game.