MU
MUHAMMAD USMANSOFTWARE ENGINEER • FLUTTER & AI
INTERACTIVE ARCADE & EXPERIMENTAL LAB

Playable Games & Sound Experiments

Step into the cyber arcade! High-performance HTML5 Canvas physics, Web Audio API synthesis engines, and simulated terminal security puzzles created to test interactive frontend limits.

GAME

Cyber Runner 2D

Retro 60 FPS HTML5 Canvas Arcade Runner

Dodge runtime exceptions, leap across microservice rooftops, collect memory cache crystals, and avoid memory leak obstacles in this fast-paced neon arcade runner.

CONTROLS:
Space / Up Arrow to JumpDouble Jump enabledDown Arrow to Slide
HTML5 2D CanvasRequestAnimationFrame Loop
PLAY DEMO
AUDIO

Melogen 8-Step Synth & Drum Matrix

Interactive Web Audio API Polyphonic Synthesizer

Inspired by the audio architecture behind Melogen AI. Create polyphonic melodies, adjust oscillator waveforms (Sine, Square, Sawtooth), and trigger analog drum samples in real time.

CONTROLS:
Click grid step to toggle noteAdjust BPM & Waveform sliderPress Space to Play/Pause
Web Audio APIAudioContext Nodes
PLAY DEMO
SIMULATION

CLI Security & Code Breaker

Simulated UNIX Terminal & Reverse Engineering Challenge

A retro cyber CLI terminal where you inspect simulated server logs, solve regex puzzles, unlock hidden developer easter eggs, and query system diagnostics.

CONTROLS:
Type 'help' for available commandsUse Tab for autocompleteUp/Down for command history
React Terminal EmulatorCustom Command Parser
PLAY DEMO
AUDIO SYNTHESIS SHOWCASE

Behind the Sound Architecture

Curious about how custom low-latency audio transcoding, waveform scrubbing, and AI stem generation were built for Melogen AI? Check out the full case study.

EXPLORE MELOGEN CASE STUDY