AI game creator

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

No:40501

←

Prev Next

→

A box jump and move
Developer User18153｜Date and time 24/2/3 4:51:18
Build time 10.534 sec｜Game capacity 2.688KB｜

Script

Sure! Here's an example of a simple game where you control a square box and can jump and move it using JavaScript. The game will be playable within a single HTML file and will include JavaScript code enclosed in script tags:

In this game, you control a blue box (player) within a game canvas. You can use the left (keyCode: 37) and right (keyCode: 39) arrow keys to move the box horizontally within the canvas. To make the box jump, simply click anywhere on the screen. The box will jump up to a specified height (100 units) and then fall back down.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Box Jump and Move Game</title>
  <style>
    /* CSS to style the game canvas */
    #gameCanvas {
      position: relative;
      width: 400px;
      height: 300px;
      border: 1px solid #000;
      margin: 0 auto;
    }

/* CSS to style the player box */
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: blue;
      top: 250px;
      left: 175px;
    }
  </style>
</head>
<body>
  <div id="gameCanvas">
    <div id="player"></div>
  </div>

// Set initial position and movement variables
    var playerX = 175;
    var playerY = 250;
    var jumping = false;
    var jumpHeight = 100;
    var jumpSpeed = 5;

// Function to handle player movement
    function movePlayer(e) {
      var key = e.keyCode;

// Move left (keyCode: 37) or right (keyCode: 39)
      if (key === 37) {
        playerX -= 10;
      } else if (key === 39) {
        playerX += 10;
      }

// Update the player's position
      player.style.left = playerX + "px";
      player.style.top = playerY + "px";
    }

// Function to handle player jumping
    function jump() {
      if (!jumping) {
        jumping = true;
        var jumpInterval = setInterval(function() {
          if (playerY > 250 - jumpHeight) {
            playerY -= jumpSpeed;
          } else {
            clearInterval(jumpInterval);
            var fallInterval = setInterval(function() {
              if (playerY < 250) {
                playerY += jumpSpeed;
              } else {
                clearInterval(fallInterval);
                jumping = false;
              }
              player.style.top = playerY + "px";
            }, 10);
          }
          player.style.top = playerY + "px";
        }, 10);
      }
    }

// Add event listeners for player movement and jumping
    document.addEventListener("keydown", movePlayer);
    document.addEventListener("click", jump);
  </script>
</body>
</html>
```