Gyroscopic Maze Run

Content

Deploy with Spacefast

I want you to act as a master game designer specializing in mobile-responsive physics simulation. Create a SINGLE FILE (index.html) interactive maze game.

GAME SPEC:

Title: Axial Drift

Core mechanic: A marble rolls inside a complex geometric maze. The player shifts the global gravity vector (X and Y axes) to guide the marble.

Goal: Maneuver the marble to the center vector vortex while dodging dynamic kinetic trapdoors.

TECH REQUIREMENTS:

Single file: Pure web technology stack (<!doctype html>, CSS, JS) without heavy engine frameworks.

Rendering: 2D Canvas optimized for mobile and desktop viewports, scaling pixel-perfectly.

Mechanics: Accept desktop mouse click-drags or mobile device orientation API (DeviceOrientationEvent) to tilt the maze physics grid. Implement rigid-body friction, angular velocity, and momentum damping for the marble.

Design style: Bauhaus architectural aesthetics. High contrast bold solid primary color blocks, heavy black stroke lines, and real-time drop shadows.