THE TAG ME BUTTON
The Me Button - Zombie Tag leverages a touch screen and the user’s body as the button interface. Our motivation is to design and build an interaction not only between the users and the interface, but also among the users. Inspired by the highly social and interactive tag game, we want to use this interface to improve the classic game with clear role identification, audio announcement, and a timer.
​
This project is a browser based tag game where there are two sides, Zombies and Humans. Zombies are the ones that hunt and tag the humans, while the humans try to run and escape. The game lasts 300 secs (5min), and if there are no humans remaining, then zombies win. Otherwise if at least one human is left, then they win. Once a human is tagged, the become a zombie and help hunt the humans.
SPEEDER BUTTON (MY IDEA)
This Me Button, that I drew, was based off my brother, as he likes to speed. Every time you tap the car, it goes faster and faster, with new features on the car, such as nitro boost, rockets, etc. We did not purse this one as we felt the Tag idea was more unique and fun to implement.
BASE GAME - 1 VS 1
As we chose Tian's idea in the end, all of these refinement sketches come from him. This refinement was the original idea of the tag game, where it would be a 1 vs 1, only one person needs a screen. We did not choose this one, because we felt a need to incorporate a little more team building into our game.
CONTRIBUTIONS
Base Sketches:
We each contributed 3 ideas that we came up with and drew, and the last one (the stick story) was a combination of ideas from us that Tian drew.
​
Refinement Sketches:
We each chose one idea from our 10 that we presented and drew 10 refinement drawings. I chose Speeder button, Macks chose the stick story, and Tian chose the Tag button. We ended up choosing Tian's idea, which is why you see his 10 refinement sketches.
​
Implementation:
We all worked together to implement the site, such as choosing teams, the rules, the timer, Alert Sounds. We did the recording together to film our demo video, and then Tian put the Video together.
SOURCES
ArousalandPublicDomain. Monster Frankenstein Halloween. Pixabay. https://pixabay.com/vectors/monster-frankenstein-halloween-3739319/
Nurrohmad, M. Trophy Icon Winner Win Cup Award. Pixabay. https://pixabay.com/vectors/trophy-icon-winner-win-cup-award-1674911/
OpenClipart-Vectors. Playschool Children Human Kids. Pixabay. https://pixabay.com/vectors/playschool-children-human-kids-151938/
OpenClipart-Vectors. Tombstone Rip Dead Death Funeral. Pixabay. https://pixabay.com/vectors/tombstone-rip-dead-death-funeral-159792/
​
Audio clips: www.fesliyanstudios.com
​
Macks' Voice