Summary: Rotate wheel via the path of least resistance (i.e., counterclockwise or clockwise, whichever path is shortest) such that the clicked icon is at the top.
Rotate wheel via the path of least resistance (i.e., counterclockwise or clockwise, whichever path is shortest) such that the clicked icon is at the top. There is trigonometry involved! (This is a really old project that I was really proud of still 😊)
Demo: https://trigonometric-wheel-spin.onrender.com
When an icon is clicked, wheel should rotate via the path of least resistance (i.e., counterclockwise or clockwise, whichever path is shortest) such that the clicked icon is at the top.
The content inside the icon should always remain upright.
The active icon should be the largest and the icon at the bottom should be smallest (base size). The ones adjacent to the active icon should be medium sized (one size smaller than large) and the ones adjacent to the bottom icon should be small sized (one size smaller than medium, i.e., one size bigger than base).