Noise Mod Simulator
Game Development
TypeScriptNext.jsReactTailwind CSSNetlifySystem DesignGame ToolingState Management
Summary
A real-time state simulator that models complex card-based buff/debuff permutations. Replaces in-game trial and error with an instant preview.
Details
Overview
In the popular game Mega Man Star Force 3, the Noise Mod system allows players to apply card configurations to grant specific stat modifications and buffs. This system mimics card suites and hands. but if not configured correctly, will result in a debuff. Testing the loadouts in-game requires multi-step navigation and heavy dialogue without any pre-commit stat validation or preview
To solve this for the community, I engineered a client-side simulation that models card interactions, applies pattern matching rules, and outputs instant, calculated state changes.
Features
- Combinatorial Calculation: Reverse-engineered community game data and empirical testing into a deterministic state calculation system that resolves in-hand card synergy, order priority, and overlaps.
- Reactive UI: The tool features a hand section to give users real-time feedback on active buffs and penalties as cards are dynamically added or removed.
- Search & Filtering: Implemented client-side text search and filtering over the card catalog, allowing quick querying by card name, suite, attribute, and effect.
- Contact Form: Support page includes a contact form for users to submit feedback or report issues. This is built using Resend API.
- Security: In conjunction with the contact form, the site implements Cloudflare validation to prevent spam submissions.