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

No:43311

←

Prev Next

→

Mario beta test
Developer User19162｜Date and time 24/2/15 6:14:21
Build time 10.363 sec｜Game capacity 2.857KB｜

Script

Sure, I can help you with that! Here's a basic implementation of a Mario beta test game using JavaScript within a single HTML file. The game will be playable on a smartphone and will use pictograms whenever possible:

Mario Beta Test

In this implementation, the player (represented by the red square) can move left or right by swiping horizontally on the game container (black background). Additionally, the player can simulate jumping by tapping on the game container, which will briefly change the player's color to blue. Please note that this is a very basic implementation and only handles player movement. You can add more features, levels, and obstacles to make it a complete game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mario Beta Test</title>
    <style>
      #game-container {
        position: relative;
        width: 100%;
        height: 400px;
        background-color: #000;
        overflow: hidden;
      }
      #player {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background-color: #f00;
      }
    </style>
  </head>
  <body>
    <h1>Mario Beta Test</h1>
    <div id="game-container">
      <div id="player"></div>
    </div>

let positionX = 0;
      let isJumping = false;

// Function to handle player movement
      function movePlayer(direction) {
        if (direction === "left") {
          positionX -= 10;
          player.style.left = `${positionX}px`;
        } else if (direction === "right") {
          positionX += 10;
          player.style.left = `${positionX}px`;
        } else if (direction === "jump" && !isJumping) {
          isJumping = true;

// Simulate player jumping (change background color)
          player.style.backgroundColor = "#00f";

setTimeout(() => {
            isJumping = false;
            player.style.backgroundColor = "#f00";
          }, 500);
        }
      }

// Event Listeners for touch events
      gameContainer.addEventListener("touchstart", handleTouchStart);
      gameContainer.addEventListener("touchmove", handleTouchMove);

let xDown = null;

function handleTouchStart(event) {
        const firstTouch = event.touches[0];
        xDown = firstTouch.clientX;
      }

function handleTouchMove(event) {
        if (!xDown) {
          return;
        }

const xUp = event.touches[0].clientX;
        const xDiff = xDown - xUp;

if (xDiff > 0) {
          // Moving right to left
          movePlayer("left");
        } else {
          // Moving left to right
          movePlayer("right");
        }

xDown = null;
      }
    </script>
  </body>
</html>
```

Please note that this is a very basic implementation and only handles player movement. You can add more features, levels, and obstacles to make it a complete game.