Caffeine Machine Game
I’ve got this exercise as a part of interview process at Thumbtack. There was no design provided, I was absolutely free to build whatever I want. I wanted to use CSS 3D transform, use as little images as possible, make it to look good and fun to play.
Here’s the final game:
About the process
I did a research about slot machines and how they typically look like. To be fair, I never played with slot machines :) I come up with an idea about the look and started writing code to make 3 slots with a start button.
In a first draft there was just 3 sides on each reel, which wasn’t a good idea, but I got the concept about 3d transforms.
Next I worked on the entire body of the slot machine and as a result moved to this:
Than I realized that reel definitely needs more then 3 sides and that I hate the design I made. Here’s the next version of the game:
If you win, the machine gives you a drink, but if you lose there was no indication of that. I decided to add a row of bulbs as a status bar:
Next I finished up the rewards presentation. The machine can reward you with 3 drink options: tea, espresso or coffee.
P.S.: Thumbtack decided not to continue interview process after I submitted my solution :(. But I enjoyed working on this exercise an want to say thank you to Thumbtack team.