Interactive web · Creative systems
Tarocchi
An interactive tarot narrative web experience with five illustrated scene branches, spread-based card readings interpreted by Claude, replayable state-driven progression, parallax, and synchronized audio.
Role
Front-end engineer and interaction designer
Challenge
What had to be solved
Branching story scenes had to feel cinematic without allowing animation, audio, and route state to drift apart, and card readings needed to respond to the player's actual choices.
Approach
How I built it
- Represented narrative progress as explicit state instead of coupling it to visual components.
- Synchronized scene transitions and audio cues from the same route events.
- Fed the chosen spread, cards, and scene into a Claude-backed generator for personalized readings.
Outcomes
What changed
- 5 replayable scene branches
- AI-personalized card readings
- Synchronized motion and audio