AnimGロゴAnimG

Reading a Clock

対象: Primary Schoolカテゴリ: Math

説明

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.

このアニメから作る

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) * 2    PI
  • Hands anchored at clock center, rotate around that point.
  • Smooth rotation uses .animate.rotate() with about_point=clock_center.