Hi creators!
I just released a new UI asset pack from my project Afterlight: Retro Game HUD & Dynamic Stat Bars. It's built entirely with clean HTML5, CSS3, and native vanilla JavaScript. No external libraries, fully responsive and modular.
I wanted to build something interactive, so the live web demo comes with simulated game mechanics pre-coded into the script!
🎮 Core Mechanics Included:
- ⚔️ Combat Simulation: "Hunt Monsters" action buttons that manipulate gold drops, mana cost, and experience points.
- 📈 Automated Level Up: Experience bar logic that resets on hitting 100% and triggers a fullscreen visual alert.
- 🩸 Low HP Critical Vignette: A pulse screen overlay effect that activates automatically when player health drops below 30%.
- 🎨 Dual Style System: Switch between Cyberpunk Neon and Dark Fantasy Medieval setups by simply toggling a single class in the HTML body.
You can download the full package, inspect the code, or use it for your game jam prototypes directly here:
👉 Project Link: https://digitalpapergames.itch.io/afterlight-retro-game-hud-dynamic-stat-bars-ht...
(Don't forget to embed your preview screenshot using the image button above!)
Any feedback regarding the layout structure or CSS backdrop-filters is highly appreciated. Enjoy!