NEO-STRIKE Protocol
A cyberpunk game landing page with a 3D particle/grid hero and a six-operative interactive selector that re-themes the page as you switch fighters.
- Role
- Concept + design + build
- Services
- Art direction · Creative frontend · 3D / motion · UI systems
- Year
- 2026
- Status
- Concept build
Overview
The brief
Gaming landing pages live or die on energy. The page had to feel like a game UI — reactive, three-dimensional, loud — without becoming an unusable spectacle.
An original concept project. Brand and content created for the build.
Approach
How I built it
Built a 3D particle and grid hero with react-three-fiber for an in-engine feel from the first frame.
Designed a six-operative interactive selector where each operative has unique art and a `--accent` retheme, clip-path stat bars and animated counters.
Added expanding game modes, a battle-pass tier rail and a reticle cursor for a true game-UI texture.
Used Lenis smooth scroll and localized character art, then verified a clean console at 1440 and 390.
Key features
What makes it work
- react-three-fiber 3D particle/grid hero
- Six-operative selector with per-operative retheme
- Animated counters + clip-path stat bars
- Battle-pass tier rail + reticle cursor
Gallery
A closer look
Build
Under the hood
- Build clean, types valid
- Verified 1440 / 390, clean console
Reflection
Looking back
The reticle cursor and per-operative retheme from this build directly inspired the portfolio's own cursor accent. It shows the range from calm business sites to full game UI.