deamoner / dance.studio Goto Github PK

Use Case:
As users hit each dance step they will receive points. Currently the points are static, 5 points per match. We will make these more dynamic by using the amount of time it takes to hit each position and a small amount of randomness and accuracy multiplier.

1. Implement Timer Per Position Change Countdown
2. Progress Bar Decrease Animation
3. Use timer countdown value as a multiplier for the points

Use Case:
User finishes one YMCA( Or other dance in future) - The score and final screen showing result should show. Keeping this simple for the first MVP version.

View Description:

• Congratualitions at the top

• Score and fireworks animation

• Future versions will show the video of them to play back and sharing the video

Use Case:
User first lands on the page, for this version they will just automatically jump into a game.

1. Overlay over the camera feed - Graphic saying "Show your body on camera." - "Move into camera view."
2. Once in view - Change to "Now Follow Along!" - Countdown - 3 - 2 - 1 - Fade or Some animation switch to Other view - but keep the skeleton moving to the user - first version allow the skeleton points
3. Start Scoring

State Flow:

Welcome - Background is camera. Front ground is instructions MVP - Text Saying "Make sure your full body into the Cameras View." - Click ok - that or there full body is in view
Tap the corner - to get started - Overlay - just say if any in top right corner
starting-running - transition to running - take a few seconds - slowly fade out the opacity on the webcam
running - watching for each pose to be hit
finish - looking at the result screen.
Page Attributes:

loadingState - Wait till the full Camera view if ready
welcomestate
inviewstate
points
resultsviewstate
welcomeviewstate
tap top right to get started
Work to be done still:

State Machine for the Screens States to be shown
Component: Explainer Overlay: Touch top right to get started
Component: Countdown timer and Fade into the other Camera
Componentize - Welcome Screen Overlay
Componentize - Final Result Overlay
Give % Change Threshold for assigning next hit for the next letter
Give countdown - as time goes on it's easier to hit the next pose or at least moving on
Fix Scoring to a bit more random based on timer countdown
Cleanup and Structure the Array for images and words to be said
Fix Performance Issue from Other Library using a timer instead of request animation - change to request animation