Overview

Maze Tilt is an interactive puzzle game where players control a maze by tilting it using an on-screen joystick. The goal is to guide all balls to the center while avoiding obstacles. The game features realistic physics, dynamic wall collisions, and two difficulty modes:

Easy Mode: Move all balls to the center.
Hard Mode: Avoid deadly black holes while solving the maze.

Key Features

✔ Realistic Physics – Balls roll naturally based on tilt direction and speed.
✔ Dynamic Collisions – Smooth wall interactions with momentum-based bouncing.
✔ Dual Game Modes – Switch between easy and hard challenges.
✔ Interactive Joystick – Intuitive mouse-controlled tilt mechanics.
✔ 3D Visual Effect – CSS transforms create an immersive pseudo-3D maze.
✔ Responsive Design – Works on desktop browsers with clean, modern styling.

How to Play

Click & Drag the joystick to tilt the maze.
Guide all balls (red) to the center (blue circle).
Avoid black holes in hard mode (press H to toggle).
Reset the game anytime with the spacebar.

Technical Highlights

Collision Detection: Uses vector math for precise ball/wall interactions.
Physics Engine: Simulates acceleration, friction, and angular momentum.
Procedural Maze: Walls are generated programmatically for scalability.
CSS Animations: Glowing joystick and smooth transitions enhance UX.

Try It Out

Experiment with different tilt speeds or challenge yourself in hard mode! The game also includes a hidden YouTube link explaining the development process.

Tags

#JavaScript #HTML5 #CSS3 #GameDev #PhysicsBased #PuzzleGame #WebDevelopment #FrontEnd #InteractiveDesign #CodingChallenge

Description