AI game creator

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

No:34902

←

Prev Next

→

A platformer
Developer User16378｜Date and time 24/1/12 12:02:21
Build time 19.503 sec｜Game capacity 3.854KB｜

Script

Sure! Here's an example of a simple platformer game using JavaScript and HTML:

This code sets up a simple platformer game where the player can move left and right using the left and right arrow keys, jump using the up arrow key or space bar, and can collide with and stand on the green platforms. The player is represented by a blue rectangle and the platforms are represented by green rectangles. Please note that this is a basic example and can be expanded upon to add more features, levels, animations, etc. Feel free to modify and improve it as per your requirements.

←

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 platformer game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Simple Platformer Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Event listeners
    document.addEventListener("keydown", function(e) {
      keys[e.keyCode] = true;
    });

document.addEventListener("keyup", function(e) {
      delete keys[e.keyCode];
    });

// Game loop
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw platforms
      platforms.forEach(function(platform) {
        ctx.fillStyle = "green";
        ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
      });

// Move player
      if (keys[38] || keys[32]) {
        // Up arrow or space bar
        if (!player.jumping) {
          player.jumping = true;
          player.velY = -player.speed * 2;
        }
      }
      if (keys[39]) {
        // Right arrow
        if (player.x + player.width < canvas.width) {
          player.x += player.speed;
        }
      }
      if (keys[37]) {
        // Left arrow
        if (player.x > 0) {
          player.x -= player.speed;
        }
      }

// Apply gravity and collision detection
      player.velY += gravity;
      player.y += player.velY;

if (player.y + player.height > canvas.height) {
        player.y = canvas.height - player.height;
        player.jumping = false;
      }

platforms.forEach(function(platform) {
        var direction = collisionDetection(player, platform);

if (direction === "left" || direction === "right") {
          player.velX = 0;
        }
        else if (direction === "bottom") {
          player.velY *= -1;
        }
        else if (direction === "top") {
          player.velY = 0;
        }
      });

// Draw player
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x, player.y, player.width, player.height);

requestAnimationFrame(update);
    }

// Collision detection
    function collisionDetection(player, platform) {
      var dx = (player.x + player.width / 2) - (platform.x + platform.width / 2);
      var dy = (player.y + player.height / 2) - (platform.y + platform.height / 2);
      var width = (player.width + platform.width) / 2;
      var height = (player.height + platform.height) / 2;
      var crossWidth = width * dy;
      var crossHeight = height * dx;
      var collision = "";

if (Math.abs(dx) <= width && Math.abs(dy) <= height) {
        if (crossWidth > crossHeight) {
          collision = (crossWidth > -crossHeight) ? "bottom" : "left";
        }
        else {
          collision = (crossWidth > -crossHeight) ? "right" : "top";
        }
      }

return collision;
    }

update();
  </script>
</body>
</html>
```

Please note that this is a basic example and can be expanded upon to add more features, levels, animations, etc. Feel free to modify and improve it as per your requirements.