A game like mario but in the future's game

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

No:11517

121

←

Prev Next

→

A game like mario but in the future
Developer User4910｜Date and time 23/8/10 20:51:24
Build time 15.712 sec｜Game capacity 2.287KB｜

Script

Sure! Here's an example of a simple game like Mario set in the future, implemented as a single HTML file using JavaScript:

This game features a blue rectangle as the player in a futuristic setting. You can control the player by pressing the left and right arrow keys, and the player will move accordingly within the boundaries of the canvas. The game continuously redraws the canvas to create an animation effect using the `requestAnimationFrame` method.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game like Mario set in the future, implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Future Mario Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    // Game code goes here
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    // Player settings
    const playerWidth = 50;
    const playerHeight = 50;
    let playerX = canvas.width / 2 - playerWidth / 2;
    let playerY = canvas.height - playerHeight;
    
    // Movement variables
    let leftPressed = false;
    let rightPressed = false;
    
    // Event listeners for movement
    document.addEventListener('keydown', keyDownHandler);
    document.addEventListener('keyup', keyUpHandler);
    
    function keyDownHandler(e) {
      if (e.key === 'ArrowLeft') {
        leftPressed = true;
      } else if (e.key === 'ArrowRight') {
        rightPressed = true;
      }
    }
    
    function keyUpHandler(e) {
      if (e.key === 'ArrowLeft') {
        leftPressed = false;
      } else if (e.key === 'ArrowRight') {
        rightPressed = false;
      }
    }
    
    function drawPlayer() {
      ctx.beginPath();
      ctx.rect(playerX, playerY, playerWidth, playerHeight);
      ctx.fillStyle = 'blue';
      ctx.fill();
      ctx.closePath();
    }
    
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      drawPlayer();
      
      // Move player
      if (leftPressed && playerX > 0) {
        playerX -= 5;
      } else if (rightPressed && playerX < canvas.width - playerWidth) {
        playerX += 5;
      }
    }
    
    function gameLoop() {
      draw();
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
  </script>
</body>
</html>
```