Progress
In this week, Jane and I successfully achieved the following goals:
Adding WebGL spinning stone
Adding dropdown menu
Matching month selection to each stone
Adding conditionals ensures correct user experience flow
Finding reference for magic circle graphics and match them to month selection
Problems
Problem 1：WebGL can only work in draw() function, but we want the stone to appear only after the button is clicked.
Solution 1：Using different screen stage to restrict the conditionals for the stones to appear, and making the button clicked function as a screen stage change event.
Problem2: 2D graphic spinning with the 3D elements.
Solution2: adding push() and pop().
User Testing
to test the clarity of instruction and the user experience flow
to observe user's interactions
to gain feedback on visuals and how the whole experience feels like
For Next Week
put code in separate class files
add save canvas & click to go full-screen function
add more graphic elements that change according to date (now they only depend on months)
add sound
improve visual experience (text, font, cursor, etc), make changes base on this week's feedback
neo-light effect for graphic