Hatch & Dash! Interactive Sprint Simulator

Simulation Parameters

Rooster Speed: 2.0 px/f

Chick Sprint Power: 3.0

Audio Synthesis Engine

System State: HATCHING

Escape Track Sandbox

⚡ DEMO ACTIVE - Tap anywhere to resume

Live Activity Metrics

Eggs Hatched 0

Successful Escapes 0

Rooster Catches 0

Win Rate 0%

Real-time Activity Log

System ready. Click the egg to begin!

Simulation Overview

Hatch & Dash! is a streamlined, interactive sandbox demonstrating basic 2D rendering logistics and state-machine transitions.

The application models two clear phases: an accumulation phase (clicking to hatch the egg) and a continuous-input phase (holding the input to outrun a pursuing predator). By tweaking the speeds of both entities, you can visualize how velocity variables immediately alter success margins.

How to Use

Phase 1 (The Hatch): Rapidly click or tap anywhere on the canvas to crack the egg. Once progress reaches 100%, the run begins.
Phase 2 (The Sprint): Press and hold your mouse (or hold your finger on the screen) to make the chick sprint toward the barn. If you let go, the chick slows down.
Parameter Control: Use the sliders on the left panel to increase the Rooster's pursuit speed or the Chick's maximum sprint power.

Technical Details

This SPA leverages native, zero-dependency browser APIs to guarantee cross-device performance and stability:

Crash-Proof Canvas Rendering: The visualizer uses a locked 800x600 internal resolution scaled perfectly via CSS. Safe mathematical bounding (e.g., Math.max(0.1, radius)) entirely prevents native DOM exceptions during particle decay.
Optimized Event Listening: Interactions rely on merged mousedown/touchstart events mapping seamlessly to internal boolean flags, allowing smooth animation loops detached from input lag.
Audio Context Ramps: Sound relies purely on the Web Audio API's exponentialRampToValueAtTime to create natural-sounding synth blips without loading MP3s.

Future Directions

To deepen the complexity of the sandbox, the following additions could be modeled into the physics engine:

Terrain Friction: Adding patches of mud or tall grass to the runway that dynamically lower the chick's max speed multiplier, requiring strategic sprinting.
Stamina Bar: Limiting how long the user can hold down the sprint button, introducing a rest-and-recovery mechanic to the escape sequence.