Personal products09 / 11
Valofy Tactics
A browser-based Valorant tactic board for placing agents, abilities, and drawings at real-world scale, animating plays on one timeline, and sharing them with a link.
- Field
- Interactive Valorant Tactic Board
- Year
- 2026
01
Contribution and approach
I developed the browser-based tactic engine that manages agents, routes, and real-world-scale ability areas across map coordinates. Drag-and-drop interactions, automatic keyframe creation, single-timeline playback, and precise scrubbing animate round plans step by step. An offline plan library, bilingual interface, video export, and share links complete the flow from preparation to team presentation.
02
Technologies
- React
- TypeScript
- Vite
- HeroUI
- Tailwind CSS
- Zustand
- IndexedDB
- PWA