Mario but every second you get faster's game

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

No:14308

←

Prev Next

→

Mario but every second you get faster
Developer unknown｜Date and time 23/8/31 21:27:03
Build time 15.627 sec｜Game capacity 2.135KB｜

Script

Sure, here's a simple implementation of a game similar to Mario, where the character gets faster every second. The game can be played on a smartphone and uses pictograms for visuals. The game starts when the HTML page is loaded.

In the above code, the game initializes with a character resembling Mario positioned at (`marioX`, `marioY`) on the canvas. The `speed` variable determines how much `marioX` changes every frame. The game continuously updates the state by clearing the canvas, moving Mario horizontally, drawing Mario on the canvas, and increasing the speed every second. The `requestAnimationFrame` method is used to achieve smooth animation. Note: You'll need to provide your own pictogram of Mario (named `emozi_all/pictogram.png`) and update the path accordingly in the code.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Mario - Faster Every Second</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>
  <script>
    // Get the canvas element and its 2D rendering context
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Variables for game state
    let marioX = 50;
    let marioY = canvas.height - 50;
    let speed = 2;

// Function to draw Mario on the canvas
    function drawMario() {
      const marioImg = new Image();
      marioImg.src = 'mario.png'; // Pictogram of Mario
      ctx.drawImage(marioImg, marioX, marioY, 50, 50);
    }

// Function to update game state every frame
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move Mario horizontally
      marioX += speed;

// Draw Mario on the canvas
      drawMario();

// Increase speed every second
      speed += 0.1;

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

// Start the game when the HTML page is loaded
    document.addEventListener('DOMContentLoaded', function() {
      update();
    });
  </script>
</body>
</html>
```

Note: You'll need to provide your own pictogram of Mario (named `mario.png`) and update the path accordingly in the code.