cyberflow-state-machine

What problem does it solve?

Provides a reusable, declarative approach to coordinating multi-step game animations and state transitions within Vue 3 apps, eliminating ad-hoc, browser-only timing hacks.

Core Features & Use Cases

• Central sequencer that queues, prioritizes, and runs multi-step animation sequences for in-game events (level-ups, boss defeats, mission outcomes)
• Interruptibility and queueing rules that allow higher-priority sequences to preempt lower-priority ones, while non-blocking events can occur in parallel
• Intensity-aware choreography supporting minimal, moderate, and intense sequences to adapt visuals to context
• Accessibility considerations with dismissible overlays, ARIA live regions, and keyboard shortcuts for user control
• Event-driven integration with game stores to trigger cohesive animations from game events
• Real-world scenario: level-up animations progressively reveal level changes, particles, and XP updates

Quick Start

Create an intense level-up sequence with the provided hooks and enqueue it when a player levels up, ensuring proper priority handling and dismissibility.