AI game creator

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

No:38316

←

Prev Next

→

Platform game
Developer User17351｜Date and time 24/1/24 8:18:40
Build time 12.034 sec｜Game capacity 3.191KB｜

Script

Sure! Here's a simple platform game implemented in a single HTML file using JavaScript:

This game is a simple platformer where you control a blue square (representing the player) using the spacebar to jump. The goal is to avoid falling off the platform (green rectangle) by timing your jumps correctly. To play the game, open the HTML file in a web browser on your smartphone. Tap the screen to focus on the game, and then use the spacebar on your smartphone's keyboard (if available) to make the player jump. Note: This game is a basic example and can be further enhanced with additional features like multiple levels, score tracking, and enemies. Feel free to modify and expand upon it as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple platform game implemented in a single HTML file using JavaScript:
```
<!DOCTYPE html>
<html>
  <head>
    <title>Platform Game</title>
    <style>
      #game {
        width: 400px;
        height: 300px;
        background-color: #f3f3f3;
        position: relative;
        overflow: hidden;
      }
      #player {
        width: 50px;
        height: 50px;
        position: absolute;
        background-color: blue;
        bottom: 0;
        left: 0;
      }
      #platform {
        width: 100px;
        height: 20px;
        position: absolute;
        background-color: green;
        bottom: 100px;
        left: 150px;
      }
    </style>
  </head>
  <body>
    <div id="game">
      <div id="player"></div>
      <div id="platform"></div>
    </div>

function jump() {
        if (!gameStarted) {
          gameStarted = true;
          movePlatform();
        }

const initialPos = parseInt(window.getComputedStyle(player).getPropertyValue("bottom"));
        let pos = initialPos;

function movePlatform() {
        let direction = "right";
        let pos = parseInt(window.getComputedStyle(platform).getPropertyValue("left"));

setInterval(() => {
          if (pos >= 250) {
            direction = "left";
          } else if (pos <= 0) {
            direction = "right";
          }

if (direction === "right") {
            pos += 5;
          } else {
            pos -= 5;
          }

platform.style.left = pos + "px";
        }, 50);
      }

// Event listeners
      document.addEventListener("keydown", (event) => {
        if (event.code === "Space") {
          jump();
        }
      });
    </script>
  </body>
</html>
```

To play the game, open the HTML file in a web browser on your smartphone. Tap the screen to focus on the game, and then use the spacebar on your smartphone's keyboard (if available) to make the player jump.

Note: This game is a basic example and can be further enhanced with additional features like multiple levels, score tracking, and enemies. Feel free to modify and expand upon it as per your requirements.