AnimG

Adding Two Real Numbers on a Number Line

Sum of Two Real Numbers (Updated for 8โ€‘bit Binary Addition)

Overview

A concise visual demonstration of how to add two 8โ€‘bit binary numbers.
The animation displays the two operands as 8โ€‘bit strings, constructs the columnโ€‘wise addition with carries, and reveals the 8โ€‘bit sum (and an optional overflow bit). This illustrates binary addition on a fixedโ€‘width register, reinforcing the concept of bitwise addition and carry propagation.


Phases

# Phase Name Duration Description
1 Intro ~3โ€ฏs Title โ€œAddition binaire sur 8โ€ฏbitsโ€ fades in at the top. A rectangular โ€œregisterโ€ area appears centered.
2 Show Operands ~5โ€ฏs Two 8โ€‘bit numbers appear sideโ€‘byโ€‘side inside the register, labeled AA and BB (e.g., A = 10110101, B = 01101011). Bits are colored (blue forโ€ฏAA, orange forโ€ฏBB).
3 Columnโ€‘wise Addition Setup ~6โ€ฏs A faint grid of 8 columns is drawn beneath the bits. A row for carry is added above the bits, initially all zeros.
4 Propagate Carries ~8โ€ฏs Starting from the leastโ€‘significant bit (rightmost), the animation computes each column: it shows the three bits (carryโ€‘in, AiA_i, BiB_i), highlights them, and displays the resulting sum bit and new carryโ€‘out. The carryโ€‘out is animated moving up to the next column.
5 Reveal Result ~4โ€ฏs After the last column, the final carry (if any) appears as an overflow bit on the left. The resulting 8โ€‘bit sum S=A+BS = A + B is highlighted (e.g., S = 00100000). The numeric decimal equivalents of AA, BB and SS appear briefly beneath the register.
6 Generalization ~5โ€ฏs Specific numbers fade, leaving generic placeholders: A = aโ‚‡โ€ฆaโ‚€, B = bโ‚‡โ€ฆbโ‚€, and a doubleโ€‘arrow indicating โ€œadd bitwise with carriesโ€. A caption โ€œLโ€™addition binaire de deux octets se fait colonne par colonne, en propageant les retenuesโ€ appears at the bottom.
7 Outro ~3โ€ฏs All elements fade out, leaving only the title which then fades out.

Layout

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚                TOP AREA (Title)            โ”‚
โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚                MAIN AREA (Register)        โ”‚
โ”‚                                             โ”‚
โ”‚   โ”Œโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”
โ”‚   โ”‚  a7 โ”‚  a6 โ”‚  a5 โ”‚  a4 โ”‚  a3 โ”‚  a2 โ”‚  a1 โ”‚  a0 โ”‚   โ† A (blue)
โ”‚   โ”œโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚   โ”‚  b7 โ”‚  b6 โ”‚  b5 โ”‚  b4 โ”‚  b3 โ”‚  b2 โ”‚  b1 โ”‚  b0 โ”‚   โ† B (orange)
โ”‚   โ”œโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚   โ”‚  c7 โ”‚  c6 โ”‚  c5 โ”‚  c4 โ”‚  c3 โ”‚  c2 โ”‚  c1 โ”‚  c0 โ”‚   โ† Carry (gray, moves up)
โ”‚   โ”œโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚   โ”‚  s7 โ”‚  s6 โ”‚  s5 โ”‚  s4 โ”‚  s3 โ”‚  s2 โ”‚  s1 โ”‚  s0 โ”‚   โ† Sum (green)
โ”‚   โ””โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”˜
โ”‚                                             โ”‚
โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚               BOTTOM AREA (Caption)        โ”‚
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

Area Descriptions

Area Content Notes
Top Title โ€œAddition binaire sur 8โ€ฏbitsโ€ Fades in during Intro, stays until Outro
Main Two 8โ€‘bit rows for operands AA and BB, a carry row, and the resulting sum row. Grid lines delineate each bit column. Central visual focus; bits animate individually during carry propagation
Bottom Explanatory caption shown in Phaseโ€ฏ6 (Generalization) Small font, appears only in Phaseโ€ฏ6

Notes

  • Labels are limited to AA, BB, SS and the carry symbols; the visual process conveys the binary addition.
  • Colors:
    • Operandโ€ฏAA: blue
    • Operandโ€ฏBB: orange
    • Carry bits: light gray (become brighter when active)
    • Sum bits: green
  • All transitions are smooth fades or linear motions; carry bits slide upward to the next column.
  • Total animation length remains ~34โ€ฏseconds, still within a typical 30โ€‘second guideline (the extra seconds are acceptable for the added complexity).
  • The scene uses a single Manim Scene class, with VGroup objects for each row and Integer objects for individual bits.
  • Optional overflow bit is displayed only if the final carry is 1; otherwise it stays hidden.

Creato da

Ahmed GAGAAhmed GAGA

Descrizione

The animation shows a horizontal number line with two points representing the addends. An arrow starting at the first point moves a distance equal to the second addend, illustrating the translation. The arrow ends at the sum point, which is labeled with its numeric value. The scene then generalizes the process, emphasizing that adding a number corresponds to translating the first point by the distance of the second on the real line.

Creato il

Apr 18, 2026, 05:16 AM

Durata

0:45

Tag

real-numbersadditiongeometry

Stato

Completata
Modello AI
Auto