3D Lava Game Using HTML, CSS, and JavaScript

📌 Project Description:

3D Lava Escape is a thrilling browser-based game developed using pure HTML, CSS, and vanilla JavaScript. The player navigates a 3D platform suspended above dangerous molten lava. The goal is simple: survive and reach the end without falling into the lava.

This game showcases fundamental 3D transformations using CSS, collision detection logic in JavaScript, and smooth controls for a dynamic and interactive gaming experience—perfect for developers who want to learn or showcase beginner 3D mechanics using front-end web technologies.

🚀 Features:

• Fully playable in the browser (no libraries/frameworks)

• 3D-style environment using CSS transforms and perspective

• Player movement with arrow keys or WASD

• Lava floor with animation to simulate danger

• Game-over logic and restart option

• Lightweight and responsive design

🎮 How to Play:

1. Use Arrow Keys or WASD to move the player:

   • W / ↑ – Move Forward

   • A / ← – Move Left

   • D / → – Move Right

   • S / ↓ – Move Backward

2. Avoid the Lava – Stay on the floating platforms. If you fall, the game is over!

3. Reach the End – Your goal is to get across the platforms to the end point.

4. Restart – If you fall, you’ll see a “Game Over” message. Press the restart button to try again.

🛠️ Tech Stack:

• HTML5 – Game layout and structure

• CSS3 – 3D environment, animations, and lava effects

• JavaScript – Movement, collision detection, and game logic

  
  

  🧠 Learning Outcomes:

  • Create basic 3D environments using CSS

  • Understand player movement and event handling in JavaScript

  • Implement simple collision and game logic

  • Learn how to manage animations and interactions without libraries