A 2d mario styled platformer's game

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

No:8755

←

Prev Next

→

A 2d mario styled platformer
Developer User4237｜Date and time 23/7/18 4:27:10
Build time 25.815 sec｜Game capacity 3.293KB｜

Script

Sure! Here's a simple example of a 2D Mario-styled platformer game implemented as a single HTML file using JavaScript:

To play the game, save the above code into a .html file, open it in a web browser (preferably on a smartphone), and use the left and right arrow keys to move the player. Press the spacebar to make the player jump. Please note that this is a very basic example to demonstrate the concept of a 2D platformer game. It lacks features like enemy interaction, multiple levels, power-ups, etc. You can expand and customize the game as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple example of a 2D Mario-styled platformer game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>2D Platformer Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>
    <script>
      // Game variables
      var canvas;
      var canvasContext;
      var player;
      
      // Player object
      function Player() {
        this.x = 50;
        this.y = 300;
        this.width = 50;
        this.height = 50;
        this.speedX = 0;
        this.speedY = 0;
      }
      
      // Initialize the game
      function initialize() {
        canvas = document.getElementById("gameCanvas");
        canvasContext = canvas.getContext("2d");
        player = new Player();
        
        // Register event listeners
        canvas.addEventListener("keydown", handleKeyDown);
        canvas.addEventListener("keyup", handleKeyUp);
        
        // Start game loop
        setInterval(update, 1000/30); // 30 FPS
      }
      
      // Game loop - update game state and render
      function update() {
        movePlayer();
        render();
      }
      
      // Handle keydown events
      function handleKeyDown(event) {
        if (event.keyCode === 37) { // left arrow key
          player.speedX = -5;
        } else if (event.keyCode === 39) { // right arrow key
          player.speedX = 5;
        } else if (event.keyCode === 32) { // spacebar
          jump();
        }
      }
      
      // Handle keyup events
      function handleKeyUp(event) {
        if (event.keyCode === 37 || event.keyCode === 39) { // left or right arrow keys
          player.speedX = 0;
        }
      }
      
      // Move the player
      function movePlayer() {
        // Apply gravity
        player.speedY += 1;
        
        // Update player position
        player.x += player.speedX;
        player.y += player.speedY;
        
        // Collision detection with ground (floor)
        if (player.y > canvas.height - player.height) {
          player.y = canvas.height - player.height;
          player.speedY = 0;
        }
      }
      
      // Make the player jump
      function jump() {
        if (player.y === canvas.height - player.height) {
          player.speedY = -15;
        }
      }
      
      // Render the game
      function render() {
        // Clear canvas
        canvasContext.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw the player
        canvasContext.fillStyle = "red";
        canvasContext.fillRect(player.x, player.y, player.width, player.height);
      }
      
      // Start the game
      initialize();
    </script>
  </body>
</html>
```

Please note that this is a very basic example to demonstrate the concept of a 2D platformer game. It lacks features like enemy interaction, multiple levels, power-ups, etc. You can expand and customize the game as per your requirements.