Clock to Number Line Unwrap

Overview

An animation that starts with a bright, kid‑friendly analog clock (numbers 1‑12 with tick marks) and smoothly “unwraps” the circular layout into a horizontal number line ranging from 0 to 12. The key takeaway is the visual equivalence between a clock face and a linear number line.

---

Phases

#	Phase Name	Duration	Description
1	Intro	~2 s	A large, colorful analog clock appears centered on the screen. Numbers 1‑12 and tick marks are clearly visible. A brief title "Clock → Number Line" fades in at the top.
2	Unwrap	~8 s	The clock’s circumference stretches horizontally. Numbers and tick marks move outward along radial lines until they align on a straight horizontal line. The line extends slightly beyond 0 and 12, and a faint baseline appears. Tick marks become vertical lines under each integer.
3	Outro	~2 s	The final number line stays on screen for a moment, then the title fades out and the scene ends with a gentle fade.

---

Layout

┌───────────────────────────────────────┐
│               TOP AREA                 │
├───────────────────────────────────────┤
│               MAIN AREA                │
│   (Clock → Number Line visual occupies   │
│            the full width)             │
├───────────────────────────────────────┤
│               BOTTOM AREA              │
│   (optional caption or source note)    │
└───────────────────────────────────────┘

Area Descriptions

Area	Content	Notes
Top	Title "Clock → Number Line" (fades in/out)	Large, friendly font; bright color
Main	Analog clock that transforms into a horizontal line	Central focus; colors: sky‑blue background, orange numbers, dark gray ticks
Bottom	Optional caption like "A clock is a circular number line"	Small font; fades in with Outro

---

Notes

• Style: Simple shapes, bold outlines, bright primary colors (e.g., orange numbers, blue background, dark gray ticks) to suit a 3rd‑grade classroom.
• Timing: Keep total runtime under 12 seconds to maintain attention span.
• Transitions: Use smooth linear interpolation for the unwrap; numbers follow straight radial paths to avoid abrupt jumps.
• Visual clarity: Ensure tick marks are evenly spaced and clearly visible after the unwrap; add a thin baseline to emphasize the number line.
• No text labels beyond the title and optional caption; the visual transformation itself conveys the concept.