26 lines
1.1 KiB
Markdown
26 lines
1.1 KiB
Markdown
|
---
|
||
|
|
title: "Gyroscopic Maze Run"
|
||
|
|
contributor: "@loshu2000"
|
||
|
|
tags: #ai-persona, #loshu2000
|
||
|
|
---
|
||
|
|
|
||
|
|
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.
|