A multi level game where you go through different biomes and to get to the end you must use a grappling gun to not fall in the lava's game

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

No:13183

119

←

Prev Next

→

A multi level game where you go through different ..ALL
Developer User5803｜Date and time 23/8/27 7:28:58
Build time 14.084 sec｜Game capacity 3.394KB｜

Script

Sure! Here's an example of a multi-level game where you navigate through different biomes and use a grappling gun to avoid falling into the lava. The game is implemented in a single HTML file and includes JavaScript enclosed in script tags:

To play the game on a smartphone, you can open this HTML file in a web browser on your smartphone. The game allows you to control the player using the arrow keys. Pressing the space bar will activate the grappling gun, which will pull the player towards it. The goal is to navigate through different biomes represented by different colors without falling into the lava. Each biome is a different level, and you can progress to the next level by reaching the end of each biome.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #000;
      margin: 0;
      overflow: hidden;
    }
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>
  
  <script>
    // Initialize the game canvas
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Game variables
    let playerX = 100; // Initial player position
    let playerY = canvas.height - 100;
    let grappling = false; // Flag to indicate if grappling is active
    let grapplingX = playerX; // Grappling gun x position
    let grapplingY = playerY; // Grappling gun y position
    let level = 1; // Current level
    const lavaHeight = 50; // Height of the lava
    const groundHeight = 20; // Height of the ground
    const biomeColors = ["#00FF00", "#0000FF", "#FF00FF"]; // Colors for different biomes

// Update player position
    function updatePlayer() {
      if (grappling) {
        // Move player towards grappling gun position
        playerX += (grapplingX - playerX) * 0.1;
        playerY += (grapplingY - playerY) * 0.1;

// Check if player reached the grappling gun
        if (Math.abs(playerX - grapplingX) < 1 && Math.abs(playerY - grapplingY) < 1) {
          grappling = false;
        }
      } else {
        // Move player using arrow keys
        if (keys.ArrowRight) playerX += 5;
        if (keys.ArrowLeft) playerX -= 5;
        if (keys.ArrowUp) playerY -= 5;
        if (keys.ArrowDown) playerY += 5;
      }
    }

// Handle key events
    const keys = {};
    document.addEventListener("keydown", e => {
      keys[e.code] = true;
      if (e.code === "Space" && !grappling) {
        grappling = true;
        grapplingX = playerX;
        grapplingY = playerY - canvas.height + lavaHeight;
      }
    });
    document.addEventListener("keyup", e => {
      keys[e.code] = false;
    });

// Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw background
      ctx.fillStyle = biomeColors[level - 1];
      ctx.fillRect(0, canvas.height - lavaHeight, canvas.width, lavaHeight);
      ctx.fillStyle = "#777";
      ctx.fillRect(0, canvas.height - lavaHeight - groundHeight, canvas.width, groundHeight);

// Draw player
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(playerX, playerY, 20, 20);

// Move and update player
      updatePlayer();

requestAnimationFrame(gameLoop);
    }

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