A Mario like game with the main character being a red lion's game

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

No:18717

111

←

Prev Next

→

A Mario like game with the main character being a ..ALL
Developer User8276｜Date and time 23/9/30 13:50:19
Build time 9.613 sec｜Game capacity 2.879KB｜

Script

Sure! Here's a simple implementation of a Mario-like game with a red lion as the main character using JavaScript.

In this game, you can control the red lion character using the arrow keys on your smartphone. The lion can move left and right, jump, and is subject to gravity. The goal is to navigate the lion through any obstacles that you might add and reach the end of the game. The lion's position is updated every frame, and the canvas is cleared and redrawn accordingly. This is a rudimentary example to get you started. You can enhance the game by adding more features such as platforms, enemies, power-ups, and levels.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple implementation of a Mario-like game with a red lion as the main character using JavaScript.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Red Lion Game</title>

// Create the main character (red lion)
    const lion = {
      x: 50,
      y: canvas.height - 100,
      width: 80,
      height: 80,
      speed: 5,
      velX: 0,
      velY: 0,
      jumping: false,
      grounded: false,
    };

// Handle keyboard controls
    const keys = {};
    document.addEventListener("keydown", (e) => {
      keys[e.key] = true;
    });
    document.addEventListener("keyup", (e) => {
      keys[e.key] = false;
    });

// Update game objects and handle collisions
    function update() {
      // Gravity simulation
      if (lion.y < canvas.height - lion.height) {
        lion.velY += 1;
      } else {
        lion.grounded = true;
        lion.velY = 0;
      }

// Handle jumping
      if (keys["ArrowUp"] && lion.grounded) {
        lion.jumping = true;
        lion.grounded = false;
        lion.velY -= 20;
      }

// Handle movement
      if (keys["ArrowLeft"]) {
        lion.velX = -lion.speed;
      } else if (keys["ArrowRight"]) {
        lion.velX = lion.speed;
      } else {
        lion.velX = 0;
      }

// Update lion's position
      lion.x += lion.velX;
      lion.y += lion.velY;

// Prevent lion from moving outside the canvas
      if (lion.x < 0) {
        lion.x = 0;
      } else if (lion.x + lion.width > canvas.width) {
        lion.x = canvas.width - lion.width;
      }

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

// Draw lion
      context.fillStyle = "red";
      context.fillRect(lion.x, lion.y, lion.width, lion.height);

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

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

This is a rudimentary example to get you started. You can enhance the game by adding more features such as platforms, enemies, power-ups, and levels.