Make the complicated parts easier to trust.
A simple game is a good place to practise the details that make an interface feel alive: clear state, quick feedback, and rules that stay easy to follow as they get more complicated.
05
Experimental · Interactive game
Rock Paper Scissors Lizard Spock — Browser Game
A playful browser game that takes rock-paper-scissors from three moves to five.
EngagementPersonal experiment
Illustrative interface study
Rock
Paper
Scissors
Lizard
Spock
SCORE12
RPSLS
YOU PICKED · SPOCKYou winTHE HOUSE PICKED · ROCK
Role
I built the game end to end with Nuxt and Vue: the move selection, the house’s random pick, win/lose/tie logic for both modes, the running score, and the rules view. I generated it as a static site and deployed it to Surge.
Stack
Context
A self-directed side project built for fun and practice, not client work.
Follow the problem across the stack.
I built the game end to end with Nuxt and Vue: the move selection, the house’s random pick, win/lose/tie logic for both modes, the running score, and the rules view. I generated it as a static site and deployed it to Surge.
- Built two modes: classic three-move play and an advanced five-move version with Lizard and Spock.
- Added a result reveal, running score, and a rules view for each mode.
- Generated as a static Nuxt site and deployed to Surge.
Clarity that holds up in real work.
The result is a small, responsive game you can play in seconds. Switching from Easy to Advanced expands the board from three moves to five without changing how the game feels to play.
Play the game