--Readme document for Daniel Boghossian, dboghoss@uci.edu, 27489674--

1. How many assignment points do you believe you completed (replace the *'s with your numbers)?

25/25

• 10/10 Created a functional web app
• 5/5 The ability to control the web app with basic gestures (1pt per gesture)
• 4/4 The ability to control the web app with at least two custom gestures
• 2/2 Following good principles of UI design
• 2/2 Creating a compelling app and application of gestures
• 2/2 A readme and demo video which explains how these features were implemented and their design rationale

2. How long, in hours, did it take you to complete this assignment? Took me about 3 hours of brainstorming and designing, 5 hours for art and music, and about 10 hours implimenting it all and coding.

3. What online resources did you consult when completing this assignment? (list specific URLs) https://www.w3schools.com/cssref/pr_class_visibility.php https://freemusicarchive.org/genre/Instrumental/ https://getbootstrap.com/docs/4.0/components/buttons/ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random https://stackoverflow.com/questions/14044761/how-to-mute-all-sound-in-a-page-with-js https://stackoverflow.com/questions/45607077/how-to-refresh-page-in-angular-2 https://www.canva.com/colors/color-palettes/warm-sunset/

4. What classmates or other individuals did you consult as part of this assignment? What did you discuss? I completed the assignment completely individually. I did have my two roommates playtest the game however.

5. Is there anything special we need to know in order to run your code? Be careful with the restart option because the hand tracker is not 100% accurate so if your site randomly reloads it is because the tracker thought it saw an input for the restart option.

Credits: Work it Out- Eddie Aich (Bandit Music) Winds of Eternity - Audiorezout (Skeleton Music) Wings to Fly - Audiorezout (Angel Music) Allegro Con Dolore - Dee Yan-Key (Tavern Music)

--Aim for no more than two sentences for each of the following questions.--

6. Did you design your app with a particular type of user in mind? If so, whom? The arcade teenager, wanting to play something short and fun :)

7. Describe the two custom gestures you created. The first one is a combination of the open and closed hand, used to restart the game. The second is a combination of the closed and pointing hand, used to mute and unmute the sound.

8. How does your app implement or follow principles of good UI design? The color pallete is consistent. It is scalable with the size of the screen (to an extent, the website is not meant to run on phones or smaller screens). There is good use of spacing between different elements along with the use of proximity for relating the hand icons to their actions.