Blade Hit Project Report
1. The Concept
Blade Hit is a fast, mobile-first knife-throwing game. The player taps to launch knives into a rotating wooden target, avoids already attached knives and bombs, collects apples for bonus points, and advances through increasingly challenging levels.
2. The Stack
The Stack: HTML, CSS, and vanilla JavaScript in a single responsive browser experience. Canvas is used for active gameplay rendering, while LocalStorage saves player progress, statistics, and sound settings.
The AI Assist: Codex supported implementation, iteration, UI integration, gameplay systems, and project documentation.
3. The 1 Day Sprint:
Morning (Hours 1–3): Built the responsive game foundation, connected the supplied visual assets, created the Home, Settings, Statistics, Pause, and Game Over screens, and established screen navigation.
Afternoon (Hours 4–6): Implemented the rotating target, knife throwing, collisions, level progression, score tracking, saved statistics, apples, bombs, and automatic level transitions.
The Finish Line (Hour 7-8): Added gameplay feedback, sound support, first-time player guidance, a polished splash screen, responsive refinements, and final documentation.
4. The Roadblocks
Roadblocks: The main challenges were keeping the illustrated UI assets aligned across screen sizes, making collision detection match the visible knife spacing, and preserving one clear game state across gameplay, popups, statistics, and saved progress. These were addressed with canvas-based rendering, configurable level data, and centralized state and storage managers.
5. Key Takeaways
Building from a clear visual reference helps maintain a consistent game feel while keeping iteration focused.
Centralized state, reusable level configuration, and lightweight effects make a small browser game easier to maintain and expand.
My final thought: Blade Hit demonstrates how a polished, responsive arcade game can be created with simple web technology when gameplay systems and visual feedback are designed together.