AnimG 標誌AnimG

Arrays

簡介

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
受眾: Middle類別: Cs
Arrays for Middle in Cs | AnimG Library