Custom Spinner: Sector-Based Rotation Animation

This example demonstrates how to build a custom “spinner” (rotating indicator) that turns continuously, highlights different sectors, and uses timing and easing to control the motion from a start angle to an end angle. Key mathematical ideas include angle-driven circular motion, discretizing a circle into sections (sector mapping of a continuous angle to discrete outcomes), and using conditional logic to update states during an animation. It also illustrates how parameterized control and element selection can coordinate visual highlighting with the underlying geometric angle. Construction overview (from the provided construct commands/objects): Point is used to define the rotation center (spinnerCenter) and related reference points; Sequence generates the driving values and sector structure (spinnerValues, spinnerSections); Angle computes the current position angle (currentAngle) that determines the spinner orientation; If together with Element implements conditional updates such as whether the spinner has started/spun and which sector is highlighted (started, spun, highlighted, moveAllow). Textfield manages the displayed spinner text (spinnerText), while animation control is handled through timer and event objects such as spinTimer, spinMove, spinnerStart/spinnerChange/spinnerEnd, along with parameters like spinnerEasing, spinnerRadius, spinnerLocation, and the interactive controls (buttons/InputBox). Suitable for: middle/high school math visualization or STEM projects, and introductory university lessons on geometric construction, parametric animation, and discrete-vs-continuous mapping (useful for intuition in probability experiments like spinning wheels).