TACTIX
A 3D chess learning platform with more than 25 interactive lessons and a Stockfish opponent that runs in the browser.
Client
Internal Product
Industry
EdTech / Gaming
Timeline
In Development
Year
2025
Services
Brand Strategy · Design System · UI/UX Design · Frontend Development · Backend Development · 3D Development · AI Integration
01 / The Challenge
Understanding the problem
Chess software tends to put function ahead of feel: flat boards and dense menus. TACTIX set out to make a learning platform that looks as considered as a modern game and still teaches properly, from first moves to advanced tactics.
02 / The Approach
How we tackled it
We built the 3D rendering before the game logic, so the visual standard was set from the start. React Three Fiber manages the scene declaratively, which made it quick to iterate on lighting, materials and animation. The Stockfish chess engine runs in the browser as WebAssembly, so play needs no server round trip and works offline.
03 / The Solution
What we built
The board is mahogany-framed, with Staunton pieces modelled from lathe-turned profiles, three-point lighting and bloom and vignette post-processing. The Learning Academy has more than 25 interactive lessons across beginner to advanced tracks. Stockfish plays at five difficulty levels with live position evaluation, and the exam system uses Google Gemini to write a personalised coaching report.
Tech Stack
04 / The Outcome
Results & impact
TACTIX is live at tactix.run and still in development. Rendering adjusts pixel density and model detail to the device to keep the board smooth on phones, and progress is saved on the device first, then synced to Supabase. Ranked matchmaking and cosmetic purchases are planned next.
25+
Lessons
100+
Puzzles
5
Difficulty levels
