Transparent Overlay Animation for Santi García Cremades

Overview

A series of short transparent‑background clips that visually illustrate the question “¿Menos dos al cuadrado es 4 o −4?” using hand‑gesture‑driven paréntesis metaphors. Each clip corresponds to a spoken phrase, stays on‑screen long enough to be read, and uses editable parameters for position, size, and duration. The visual flow follows the script provided, emphasizing the role of the minus sign and parentheses.

---

Phases

#	Phase Name	Duration	Description
1	Intro Guard	~1 s	One‑second transparent margin before any visual appears (helps with sync).
2	Two Answers in Hands	6 s	Hands appear; a $4$ is shown on one palm and a $-4$ on the other. Above them, the expression $-2^2$ is displayed. Both numbers tilt slightly toward the viewer, no answer is highlighted as correct yet.
3	Minus Stays Outside	10 s	Presenter points at the $2$ and pushes the opposite hand outward. A thin frame selects only the base $2$; beneath it a 2×2 grid of four unit squares appears, then collapses into a single $4$. The minus sign remains outside the frame, and the full expression is shown as $-2^2 = -(2^2) = -4$.
4	Closing the Parentheses	13 s	Hands come together like closing doors. Two parentheses animate in sync, enclosing $-2$. A brief label “Ahora cambia la base” appears. The enclosed expression duplicates, showing $(-2)^2 = (-2)\cdot(-2) = 4$ while preserving the parentheses and signs.
5	Calculator Arbitration	9 s	A small calculator graphic is shown. Two compact cards slide in, one under the other:

• Card 1: "-2^2 = -4"
• Card 2: "(-2)^2 = 4"
  Each card is highlighted when its operation is read. |
  | 6 | Finale / Closing Parens | 7 s | All elements fade out except the two parentheses, which snap shut around the word «MANDAN». A subtle click‑like visual cue emphasizes the closing. |
  | 7 | Outro Guard | ~1 s | One‑second transparent margin after the last visual. |

---

Layout

┌─────────────────────────────────────────────┐
│                MAIN (visual)                │
│   (hands, numbers, expression, frames,      │
│    parentheses, calculator, cards)          │
├─────────────────────────────────────────────┤
│   Optional guide overlay (preview only)     │
└─────────────────────────────────────────────┘

Area Descriptions

Area	Content	Notes
Main	Hands (simple outlines), numeric glyphs ($4$, $-4$), the expression $-2^2$, thin selection frame, 2×2 grid of unit squares, parentheses, calculator illustration, compact cards. All elements are vector shapes with transparent fill; stroke colour is configurable via parameters.
Guide overlay	Light‑weight bounding‑box guides showing the safe‑face zone and subtitle zone (visible only in preview mode).	Guides are removed in the final export.

---

Notes

• Editable parameters (to be defined at the top of the generated Python file):
  • FACE_ZONE = (0, 0.6, 1, 0.4) – normalized coordinates of the area that must stay free for the presenter’s face.
  • SUBTITLE_ZONE = (0, 0, 1, 0.15) – area reserved for subtitles.
  • OBJ_SCALE = 0.25 – default size of the geometric objects relative to the screen height.
  • DURATIONS = {"answers": 6, "minus_out": 10, "paren_close": 13, "calc": 9, "finale": 7} – per‑clip durations (seconds).
• Preview mode: set PREVIEW = True to draw the FACE_ZONE and SUBTITLE_ZONE rectangles in a semi‑transparent colour; the rendering script should automatically hide them when PREVIEW is False.
• Synchronization: each clip starts with a 1 s transparent guard (Phase 1) and ends with a 1 s guard (Phase 7) to allow audio‑video alignment in post‑production.
• No on‑screen text beyond the minimal mathematical expressions required to convey the concept; all explanatory wording is spoken by the presenter.
• Assumptions made (because the original script did not specify visual styles):
  1. Hands are represented by simple outline shapes rather than detailed drawings.
  2. Numbers and symbols are rendered as LaTeX‑style glyphs.
  3. The animation runs in a vertical 9:16 format; all coordinates are normalized.
  4. The calculator graphic is a minimal rectangle with a tiny screen area where the two cards appear.
• The final Manim scene will be a single TransparentOverlayScene class that renders all phases sequentially; the user can later cut the exported video at the guard boundaries to obtain separate clips.
• Rendering command (to be placed in the generated code comments):

  manim -pqh TransparentOverlayScene.py TransparentOverlayScene -r 1080,1920 --transparent