Arrays
受眾: Middle School類別: Computer Science
簡介
Introduces arrays as a row of numbered boxes. Shows storing values, accessing elements by index, iterating with a moving pointer, and appending an element at the end.
受此動畫啟發？
Arrays
Description
Introduces arrays as a row of numbered boxes. Shows storing values, accessing elements by index, iterating with a moving pointer, and appending an element at the end.
Phases
| # | Phase Name | Duration | Description |
|---|---|---|---|
| 1 | Title Card | 3s | Title fades in |
| 2 | Empty Array | 4s | 6 empty boxes with indices 0–5 appear |
| 3 | Fill Values | 6s | Values populate one by one: 10, 25, 8, 47, 3, 16 |
| 4 | Index Access | 7s | arr[2] highlighted; index vs value distinction shown |
| 5 | Iteration | 8s | Orange pointer sweeps left to right, highlighting each element |
| 6 | Append | 5s | New box 6 appears on right with value 99 |
| 7 | Key Points | 5s | Summary bullets: O(1) access, 0-indexed, contiguous memory |
| 8 | Outro | 2s | Fade out |
Layout
+------------------------------------------------------+
| Arrays |
+------------------------------------------------------+
| |
| arr = [ 10 | 25 | 8 | 47 | 3 | 16 ] |
| [0] [1] [2] [3] [4] [5] |
| |
| arr[2] ──> value = 8 |
| ^ |
| (index = 2) |
| |
| Iterate: ptr ──> visits every box |
| |
| arr.append(99) ──> [ ... | 99 ] |
| [6] |
+------------------------------------------------------+
Area Descriptions
- Top: Title
- Center: The array row with boxes; indices shown below each box
- Middle: Index access annotation with bracket and arrow
- Lower: Pointer sweep animation
- Bottom: Append and key points
Assets & Dependencies
- Fonts: LaTeX / sans-serif
- Manim version: ManimCE 0.19.1
Notes
- Boxes are uniform cyan-bordered rectangles
- Index labels in orange below each box
- Active/accessed box highlights bright white/yellow
- Pointer is an orange triangle above the array
- Appended box slides in from the right