Reading a Clock

Description

An analog clock face is shown and the hour and minute hands rotate to display three times:
3:00, 6:30, and 9:15. Each time the hands arrive at the correct position a digital time
label appears next to the clock so students connect the analog position to the digital reading.

---

Phases

#	Phase Name	Duration	Description
1	Title card	3 s	Title "Reading a Clock" fades in
2	Clock face intro	4 s	Circle, tick marks, and hour numbers appear
3	Time 3:00	8 s	Hands move to 3:00; digital label "3:00" appears
4	Time 6:30	8 s	Hands rotate to 6:30; label updates to "6:30"
5	Time 9:15	8 s	Hands rotate to 9:15; label updates to "9:15"
6	Summary	4 s	Final clock at 9:15; fade out

---

Layout

+--------------------------------------------------+
|            Reading a Clock                       |
|                                                  |
|          .-----------. [digital: 3:00]           |
|         /   12        \                          |
|        |  9    3  (←) |                          |
|         \    6       /                           |
|          '-----------'                           |
+--------------------------------------------------+

Area Descriptions

Area	Content	Notes
Top banner	Title	Large yellow text
Center-left	Analog clock	Circle + hands + numbers
Center-right	Digital time label	Large white/cyan text
Hour hand	Short thick arrow	White or light gray
Minute hand	Long thin arrow	Cyan

---

Assets & Dependencies

• Fonts: LaTeX (MathTex), Manim default (Text)
• Colors: YELLOW (title), WHITE (clock face/hour hand), CYAN (minute hand), RED (center dot)
• Background: #1a1a2e
• Manim version: ManimCE 0.19.1

---

Notes

• Clock is built as a VGroup: outer circle, 12 tick marks, hour numbers, two hand Lines.
• Hand angles: minute hand points UP (12 o'clock) at 0 min; rotates clockwise.
  In Manim, clockwise rotation is negative angle.
  Minute hand angle from 12 = -(minute/60) * 2PI
  Hour hand angle from 12 = -(hour/12 + minute/720) * 2PI
• Hands anchored at clock center, rotate around that point.
• Smooth rotation uses .animate.rotate() with about_point=clock_center.