Flappy Wyzuk is a high-octane, modern indie browser game engineered from scratch with vanilla web technologies. Featuring glassmorphism aesthetics, futuristic neon UI, 12 customizable bird aviators, 11 dynamic parallax worlds, dynamic weather systems, Web Audio API procedural synthesis, and buttery smooth 60+ FPS performance.
🌐 Play Live Online (flpybrd.netlify.app) • ✨ Key Features • 🕹️ Controls • 🎨 Bird Skins • 🌌 Parallax Worlds • 🛠️ Architecture • 👤 Credits
| Main Landing Screen | In-Flight Parallax HUD |
|---|---|
 |
 |
| Character Aviators | Parallax Atmosphere Selection |
|---|---|
 |
 |
- 💎 Futuristic Glassmorphism & Neon UI: Translucent blurred glass panels (
backdrop-filter: blur(28px)), luminous neon glow borders, and floating ambient orbs. - 🪽 12 Unique Procedural Aviators: Classic Gold, Cyber Cyan, Crimson Phoenix, Emerald Dragon, Vaporwave Neon, Shadow Stealth, Celestial Angel, Solar Flare, Sakura Blossom, Aurora Frost, Cosmic Void, and Retro 8-Bit.
- 🌌 11 Multi-Layered Parallax Worlds: Sunny Sky, Sunset Synthwave, Cyber City Night, Enchanted Forest, Alpine Aurora, Deep Ocean, Retro Pixel World, Cosmic Space, Rainy Cyberpunk, Winter Snowstorm, and Golden Desert.
- 🌦️ Dynamic Particle & Weather Systems: Real-time falling rain streaks, fluffy snowflakes, floating fireflies, water bubble streams, engine flame trails, scoring bursts, impact explosions, and celebratory confetti.
- 🎵 Real-Time Procedural Synthesizer: Powered 100% by the Web Audio API—zero audio file loading latency. Includes frequency-swept jump chirps, harmonic coin chimes, low-pass impact thuds, and dynamic ambient synth pads.
- 📈 Natural Progressive Difficulty Scaling: Smoothly ramps horizontal speed and pipe clearance without jarring difficulty spikes.
- 📱 Adaptive Cross-Platform Controls:
- Desktop: Spacebar, Arrow Up, W key, or Mouse Click.
- Mobile / Touch: Beautiful floating neon glass jump button with ripple wave animations (automatically hidden on desktop).
- 🏆 Local Storage Persistence: Automatic high score tracking, total flaps, pipes cleared, games played, and custom settings.
- 🚀 High-DPI Retina Ready: Sub-pixel canvas rendering supporting 4K monitors and mobile high-density displays at a locked 60+ FPS.
| Platform | Action | Key / Input |
|---|---|---|
| Desktop | Flap / Jump | SPACE or ↑ Arrow or W or Left Click |
| Desktop | Pause / Resume | ESC or P |
| Desktop | Quick Mute Audio | M or HUD Audio Button |
| Mobile / Tablet | Flap / Jump | Floating Neon Glass Jump Button |
| Mobile / Tablet | Tap Screen | Instant Tap to Flap |
Each aviator features procedural vector drawing, aerodynamic wing kinematics, eye animation, and customized engine trail sparks:
- Classic Gold – The legendary golden aviator with agile amber wings.
- Cyber Cyan – High-tech mecha bird equipped with neon ion thrusters.
- Crimson Phoenix – Fiery aviator radiating embers and fierce energy.
- Emerald Dragon – Infused with ancient woodland jade scales and horns.
- Vaporwave Neon – Retro 80s synthwave pilot with magenta gradient wings.
- Shadow Stealth – Blacked-out phantom flapper with an infrared ocular sensor.
- Celestial Angel – Blessed with a golden halo and pure pearl feathers.
- Solar Flare – Sunburst orange bird ignited by solar winds.
- Sakura Blossom – Soft pastel pink flyer with floating floral trails.
- Aurora Frost – Glacial cryo-bird crowned with northern light shimmer.
- Cosmic Void – Deep navy flyer harboring dark matter star dust.
- Retro 8-Bit – Blocky chiptune nostalgia straight out of 1989 arcade cabinets.
Experience multi-layer parallax scrolling with atmospheric physics:
- ☀️ Sunny Sky – Golden sunlight, puffy clouds, and lush green hills.
- 🌆 Sunset Synthwave – Wireframe sun with retro blinds and purple horizons.
- 🌃 Cyber City Night – Neon high-rises, moon glow, and skyscraper silhouettes.
- 🌲 Enchanted Forest – Ancient mossy canopy with floating bioluminescent fireflies.
- 🏔️ Alpine Aurora – Wavy emerald northern lights over snow-capped peaks.
- 🌊 Deep Ocean – Caustic underwater light rays and rising air bubble streams.
- 👾 Retro Pixel World – 8-bit clouds, brick ground, and chiptune vibes.
- 🚀 Cosmic Space – Multi-depth starfields with cosmic dust and ringed planets.
- 🌧️ Rainy Cyberpunk – Dynamic rainfall streaks and wet neon road reflections.
- ❄️ Winter Snowstorm – Cozy alpine village with floating snowflakes.
- 🏜️ Golden Desert – Shifting sand dunes, heat haze, and distant pyramids.
flappy/
├── assets/ # Game icons and graphical resources
├── css/
│ ├── style.css # Core design tokens, layout & HUD structure
│ ├── glassmorphism.css # Neon glass cards, modal backdrops & form controls
│ └── animations.css # Keyframes, ambient floats, pulses & screen shake
├── js/
│ ├── storage.js # LocalStorage persistence manager
│ ├── audio.js # Web Audio API procedural synthesizer & synth music
│ ├── particles.js # Particle engine (trails, bursts, weather, confetti)
│ ├── birds.js # 12 Bird definitions & procedural vector sprites
│ ├── backgrounds.js # 11 Parallax world layers & weather themes
│ ├── physics.js # Kinematics, progressive difficulty & collision hitboxes
│ ├── renderer.js # High-DPI 2D canvas rendering pipeline
│ ├── ui.js # Modal transitions, HUD, touch button & share score
│ └── game.js # State machine & main requestAnimationFrame loop
├── index.html # Semantic HTML5 entry point
├── LICENSE # MIT License
└── README.md # Comprehensive documentation & showcase
The game is deployed and live! You can instantly play Flappy Wyzuk from any desktop or mobile browser with zero installation:
👉 https://flpybrd.netlify.app/
No heavy build tools or frameworks required. Run locally in any modern browser:
Simply open index.html in your favorite browser.
# Using Python
python -m http.server 8080
# Or using Node http-server / npx serve
npx serve .Navigate to http://localhost:8080 to play.
- HTML5: Semantic tags, accessible modals, and scalable SVG icons.
- CSS3 / Vanilla CSS: CSS Custom Properties, Glassmorphism (
backdrop-filter), Responsive Flexbox & Grid, CSS Keyframes. - JavaScript (ES6+ Modules): Clean modular architecture, State Machine pattern, requestAnimationFrame delta-time physics.
- Canvas 2D API: High-performance rasterization with sub-pixel precision and retina DPI scaling.
- Web Audio API: Procedural frequency synthesis for sound effects and harmonic chord ambient soundtrack.
- Global WebSockets Multi-Player Ghost Racing
- Daily Challenge Mode with modifier seeds (Low Gravity, High Wind)
- Sound synthesizer preset editor
- PWA (Progressive Web App) offline installation with Service Worker
- Creator & Developer: Wyzuk
- Repository: https://github.com/wyzuk/flappy
- Author Profile: https://github.com/wyzuk
Distributed under the MIT License. See LICENSE for more details.
Made with 💙 by Wyzuk