AI game creator

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

No:26988

164

←

Prev Next

→

Spiderman Simulator
Developer User13363｜Date and time 23/12/3 20:56:28
Build time 28.194 sec｜Game capacity 2.433KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Spiderman Simulator</title>
</head>

<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  <script>
    // Game variables
    var canvas;
    var canvasContext;

var heroX = 50;
    var heroY = 50;
    var heroSpeedX = 5;
    var heroSpeedY = 5;

var obstacleX = 300;
    var obstacleY = 200;
    var obstacleSpeedX = 2;
    var obstacleSpeedY = 2;

// Initializing the game
    function startGame() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
      setInterval(updateGame, 16); // 60 frames per second
    }

// Updating the game state and rendering
    function updateGame() {
      moveHero();
      moveObstacle();
      drawEverything();
      checkCollision();
    }

function drawEverything() {
      // Clear the canvas
      canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw the hero
      canvasContext.fillStyle = 'red';
      canvasContext.fillRect(heroX, heroY, 50, 50);

// Draw the obstacle
      canvasContext.fillStyle = 'blue';
      canvasContext.fillRect(obstacleX, obstacleY, 50, 50);
    }

function checkCollision() {
      // Check if the hero collides with the obstacle
      if (heroX < obstacleX + 50 && heroX + 50 > obstacleX && heroY < obstacleY + 50 && heroY + 50 > obstacleY) {
        alert('Game Over!'); // Game over condition
        // Optional: Add code to restart the game
      }
    }
  </script>
  <script>
    // Start the game when the page loads
    window.onload = startGame;
  </script>
</body>

</html>