AI game creator

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

No:35367

273

←

Prev Next

→

Car crash game 3d
Developer User16442｜Date and time 24/1/14 7:24:55
Build time 8.837 sec｜Game capacity 2.392KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Car Crash Game 3D</title>
  <style>
    #container {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }

#car {
      width: 50px;
      height: 70px;
      background-color: red;
      position: absolute;
      bottom: 10px;
      left: 175px;
    }
    
    #obstacle {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <div id="container">
    <div id="car"></div>
    <div id="obstacle"></div>
  </div>

// Function to move the car left
    function moveLeft() {
      if (carLeftPosition > 0) {
        carLeftPosition -= 10;
        car.style.left = carLeftPosition + 'px';
      }
    }

// Function to move the car right
    function moveRight() {
      if (carLeftPosition < 350) {
        carLeftPosition += 10;
        car.style.left = carLeftPosition + 'px';
      }
    }

// Function to update obstacle position and check collisions
    function updateGame() {
      // Update obstacle position
      obstacleTopPosition += 10;
      obstacle.style.top = obstacleTopPosition + 'px';

// Check for collision
      if (obstacleTopPosition > 330 && obstacleTopPosition < 390 && carLeftPosition > 125 && carLeftPosition < 225) {
        alert('Game Over! Score: ' + score);
        resetGame();
      }

// Update score
      score++;
    }

// Reset the game
    function resetGame() {
      carLeftPosition = 175;
      obstacleTopPosition = 0;
      score = 0;
      car.style.left = carLeftPosition + 'px';
      obstacle.style.top = obstacleTopPosition + 'px';
    }

// Event listeners for left and right movement
    document.addEventListener('keydown', function(event) { 
      if(event.code === 'ArrowLeft') {
        moveLeft();
      }
      else if(event.code === 'ArrowRight') {
        moveRight();
      }
    });

// Start the game loop
    setInterval(updateGame, 50);
  </script>
</body>
</html>