Chrono Shift

🎮 About the Game

Chrono Shift is a time-manipulation platformer set in a crumbling city trapped in an endless temporal loop. You wake with no memory, but you possess the power to rewind, fast-forward, and pause time itself.

Navigate a perilous world of collapsing buildings, floating debris, and temporal anomalies. Use your time powers to overcome obstacles, grow vines, and reach The Break—the source of the loop. Only by mastering time can you end the cycle and remember who you are.

📖 Story

"You wake without memory in a city that falls forever."

<span <the="" city="" is="" trapped="" in="" a="" loop—buildings="" crumble="" and="" reform,="" debris="" falls="" rises,="" time="" itself="" broken.="" you="" are="" the="" only="" one="" who="" can="" shift="" between="" streams.="" but="" why?="" what="" <="" span="">The Break>span class="">?</span>

As you journey through the city, you'll uncover fragments of your past. The Break pulses at the end of the path—a rift in time itself. Reach it, and you may finally understand.

⚡ Features

• 🌀 Time Powers – Rewind, fast-forward, and pause time
• 🏃 Dynamic Platforming – Smooth movement with wall-jumping and vine climbing
• 🏗️ Collapsing Buildings – Structures crumble in fast-forward; rewind to restore them
• 🌿 Growing Vines – Fast-forward time to grow vines and reach new areas
• 💥 Environmental Hazards – Falling debris and temporal projectiles
• ⏱️ Time Energy System – Manage your time power meter carefully
• 🎨 Noir Visual Style – Dark, atmospheric aesthetic with time-shift color palettes
• 🎮 Mobile Support – Touch controls for on-the-go play

🎯 Controls

Keyboard

Action	Key
Move Left	A or Arrow Left
Move Right	D or Arrow Right
Jump	W / Space / Arrow Up
Rewind Time	Q (hold)
Fast-Forward	E (hold)
Pause Time	R (toggle)

Touch Controls (Mobile)

Button	Action
◀ ▶	Move Left / Right
▲	Jump
⟲	Rewind Time (hold)
⏩	Fast-Forward (hold)
⏸	Pause Time (toggle)

🧠 Time Powers Explained

⏪ Rewind (Q)

• Reverses time, moving you backward
• Restores crumbling buildings
• Uses energy quickly
• Strategic use: Dodge projectiles, escape traps, retry sections

⏩ Fast-Forward (E)

• Accelerates time around you
• Grows vines rapidly
• Triggers building collapses
• Uses energy gradually
• Strategic use: Grow vines to reach new areas, speed up environmental changes

⏸ Pause (R)

• Freezes time entirely
• Stops projectiles and hazards
• Drains energy slowly
• Strategic use: Navigate through dense hazards, plan your route

⚡ Time Energy

• Maximum: 100
• Regenerates when not using powers
• Rewind: Drains ~22/sec
• Fast-Forward: Drains ~16/sec
• Pause: Drains ~10/sec
• Tip: Use powers in short bursts to conserve energy

🗺️ World Features

Feature	Description
Buildings	Crumbling structures that collapse in fast-forward
Vines	Grow in fast-forward; climb to reach new platforms
Debris	Falling obstacles that can damage you
Temporal Bolts	Projectiles that freeze in paused time
The Break	The final destination—a rift in time

🏆 Win Condition

Reach The Break at the far end of the city. When you touch it, the loop ends, and you remember everything.

💡 Tips for Time Travelers

• Master the flow – Switch between time powers fluidly
• Use Rewind to backtrack – If you fall, rewind to recover
• Fast-Forward for vines – Stand near vine spots and accelerate time
• Pause to dodge – Projectiles freeze, letting you slip past
• Manage your energy – Don't overuse powers or you'll be stranded
• Watch the buildings – They collapse in fast-forward; rewind to rebuild
• The Break pulses – Follow the light at the end of the path

🎨 Visual Style

• Noir atmosphere – Dark cityscape with dramatic lighting
• Time-shift palettes:
  • 🟡 Present: Neutral greys and whites
  • 🟠 Rewind: Warm amber tones
  • 🔵 Fast-Forward: Cool blue tones
  • 🟣 Pause: Muted purple tones
• Glowing markers – Temporal indicators and The Break
• Particle effects – Time distortion and debris
• Minimalist HUD – Clean energy bar and timeline indicators

📊 Timeline UI

The top of the screen shows your current time state:

Segment	Color	State
PAST	Amber	Rewind active
PRESENT	White	Normal time
FUTURE	Blue	Fast-Forward active
Marker	Glowing	Your current position in time

🔊 Sound Design

Procedural audio via Web Audio API (visual cues only in this version)

🔧 Technical

• Platform: Browser (HTML5 Canvas)
• Controls: Keyboard + Mouse / Touch
• Screen: Responsive scaling for all devices