A Tale of Two Buttons: Michael Tagimacruz
Project Description
For the first assignment of CPSC 581, we were asked to design and
implement a software application that represented some aspects of
one of our group members using only two buttons for interaction. The
group member that we chose was me.
Some of my interests include video games, food, music, and taking walks and photos while in nature. I also really like fiction books and television, and doing art.
Concept Sketches
For my initial concept sketches, I wanted a fairly wide variety of themes related to my life, so we could see what works best for this project. While going through these variations, my favorite idea ended up being related to photography.
Refined Sketches
At this stage, our team started to narrow down the UI elements and interactions the user has with the game. Critiques on the original design were that the move button made things uneccessarily complicated, seeing the images we took, and that there should be a way to change scenes. These are the elements that we chose to look at more closely in our refinement stage.
Final Product Description & Demo
Our final design features four scenes hand drawn by me for a more personal and cohesive look. The implementation was done by Erich and Ali. The final gameplay comprises of taking photos of smaller parts of each scene, with a time limit of thirty seconds before the game downloads your images and resets. There's also a view that shows you what you're currently taking pictures of, the last picture taken, and a full gallery of all the photos taken in this session.
I feel like this captured elements of my personality, because the user gets to take a little peek into my life and keep some pictures from it. I wouldn't change much with the final version because it was such a successful refinement from the idea of the initial sketch. The only change I would make would be making the timer changeable according to the user's preferences.
Run the program by going to the following link: https://nucleartea.github.io/CPSC581A1/
Source code: https://github.com/NuclearTea/CPSC581A1