AI game creator

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

No:12419

←

Prev Next

→

Subway surfers
Developer User5099｜Date and time 23/8/16 14:40:37
Build time 14.31 sec｜Game capacity 1.819KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Subway Surfers</title>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400" style="border:1px solid #000000;"></canvas>

// Player variable
    var player = {
      x: 50,
      y: 350,
      width: 50,
      height: 50,
      speed: 5
    };

// Keyboard keys state
    var keys = {
      ArrowUp: false,
      ArrowDown: false,
      ArrowLeft: false,
      ArrowRight: false
    };

// Event listeners for key press and release
    document.addEventListener("keydown", function (event) {
      if (event.code in keys) {
        keys[event.code] = true;
      }
    });

document.addEventListener("keyup", function (event) {
      if (event.code in keys) {
        keys[event.code] = false;
      }
    });

// Game loop
    function gameLoop() {
      // Clearing the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Updating player position based on keyboard input
      if (keys.ArrowUp && player.y > 0) {
        player.y -= player.speed;
      }
      if (keys.ArrowDown && player.y < canvas.height - player.height) {
        player.y += player.speed;
      }
      if (keys.ArrowLeft && player.x > 0) {
        player.x -= player.speed;
      }
      if (keys.ArrowRight && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }

// Drawing the player
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Requesting the next frame to create a game loop
      requestAnimationFrame(gameLoop);
    }

// Starting the game loop
    gameLoop();
  </script>
</body>
</html>