Make a game just like mario where you can jump and move right and left's game

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

No:11098

←

Prev Next

→

Make a game just like mario where you can jump and..ALL
Developer unknown｜Date and time 23/8/7 21:27:44
Build time 26.646 sec｜Game capacity 3.01KB｜

Script

Sure! Here's a simple example of a Mario-like game implemented in a single HTML file using JavaScript. The game will allow you to control a character using left and right arrow keys to move, and the spacebar to jump. It will use pictograms for the visuals.

In this game, the player character is represented by a pictogram image of Mario. You can use your own image by replacing `'emozi_all/game.png'` with the path to your custom player image. The character can be controlled using the left and right arrow keys for movement, and the spacebar for jumping. The game environment consists of a blue background representing the sky and a green ground at the bottom. The character moves horizontally along the ground. Please note that this is a simple example, and you can further enhance it by adding more features, obstacles, enemies, and levels as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mario Game</title>
  <style>
    #game {
      width: 500px;
      height: 300px;
      background: #3d85c6;
      position: relative;
      overflow: hidden;
    }

#player {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 0;
      background-image: url('player.png');
      background-size: contain;
    }

#ground {
      width: 100%;
      height: 20px;
      background: #2ca02c;
      position: absolute;
      bottom: 0;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div id="ground"></div>
  </div>

var playerX = 0;
    var playerY = 0;
    var gravity = 1;
    var jumpHeight = 15;
    var isJumping = false;

function movePlayer(deltaX) {
      playerX += deltaX;
      player.style.left = playerX + 'px';
    }

In this game, the player character is represented by a pictogram image of Mario. You can use your own image by replacing `'player.png'` with the path to your custom player image. The character can be controlled using the left and right arrow keys for movement, and the spacebar for jumping. The game environment consists of a blue background representing the sky and a green ground at the bottom. The character moves horizontally along the ground.

Please note that this is a simple example, and you can further enhance it by adding more features, obstacles, enemies, and levels as per your requirements.