AI game creator

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

No:35273

←

Prev Next

→

Subway Suffers
Developer User16474｜Date and time 24/1/13 20:09:54
Build time 10.567 sec｜Game capacity 2.577KB｜

Script

Sure, I can help you create a simple game called "Subway Surfers" using HTML and JavaScript. Here's an example implementation:

To make this code work, you need to have two image files named `emozi_all/player.png` and `emozi_apple.png` in the same directory as the HTML file. These images will be used to represent the player and obstacles in the game. Please note that this is a basic implementation and could be further enhanced with additional features and graphics.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure, I can help you create a simple game called "Subway Surfers" using HTML and JavaScript. Here's an example implementation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Subway Surfers</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Game variables
    var score = 0;
    var playerX = 180;
    var playerY = 550;
    var obstacleX = 200;
    var obstacleY = 0;
    var speed = 5;

// Functions for drawing the game elements
    function drawPlayer() {
      var playerImg = new Image();
      playerImg.src = "player.png";
      ctx.drawImage(playerImg, playerX, playerY, 40, 40);
    }

function drawObstacle() {
      var obstacleImg = new Image();
      obstacleImg.src = "obstacle.png";
      ctx.drawImage(obstacleImg, obstacleX, obstacleY, 40, 40);
    }

function drawScore() {
      ctx.fillStyle = "white";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawObstacle();
      drawScore();
    }

// Handle player movement
    function handleKeyDown(event) {
      if (event.key === "ArrowLeft" && playerX > 0) {
        playerX -= 10;
      } else if (event.key === "ArrowRight" && playerX < canvas.width - 40) {
        playerX += 10;
      }
    }

// Update game state
    function updateGame() {
      obstacleY += speed;

if (obstacleY > canvas.height) {
        obstacleY = 0;
        obstacleX = Math.random() * (canvas.width - 40);
        score++;
        speed += 0.5;
      }

// Detect collision
      if (playerX < obstacleX + 40 && playerX + 40 > obstacleX && playerY < obstacleY + 40 && playerY + 40 > obstacleY) {
        alert("Game Over! Your score is: " + score);
        location.reload(); // Restart the game
      }

drawGame();
    }

// Start the game
    document.addEventListener("keydown", handleKeyDown);
    setInterval(updateGame, 30); // Run the game update at 30 frames per second
  </script>
</body>
</html>
```

To make this code work, you need to have two image files named `player.png` and `obstacle.png` in the same directory as the HTML file. These images will be used to represent the player and obstacles in the game.

Please note that this is a basic implementation and could be further enhanced with additional features and graphics.