Pythagorean Theorem Lesson

Overview

A premium educational animation proving the Pythagorean theorem through dynamic geometry. The animation constructs a right triangle, introduces squares on each side, interprets their areas with soft colored fills, then performs a geometric dissection proof showing that the pieces of the two smaller squares rearrange to fill the hypotenuse square. A final formula highlight concludes the lesson. Only mathematical symbols appear on screen (no text sentences). The lesson context language is Azerbaijani, but all on-screen content is language-neutral mathematical notation. The animation uses subtle camera movements — zooming in during the key geometric rearrangement and the final formula — for cinematic emphasis.

---

Phases

#	Phase Name	Duration	Description
1	Triangle Introduction	~8s	A right triangle is drawn edge-by-edge with thin black lines using Create. After the triangle is complete, a small square right-angle marker appears at the 90° vertex. The two legs are labeled $a$ and $b$, and the hypotenuse is labeled $c$, using MathTex. Then the three squares on each side are smoothly introduced in sequence using LaggedStart — growing outward from each edge. The square on the hypotenuse is drawn with a blue accent stroke.
2	Area Visualization	~6s	The squares on sides $a$ and $b$ receive soft semi-transparent colored fills (e.g., light green and light orange). The hypotenuse square receives a soft semi-transparent blue fill. Area labels $a^2$, $b^2$, and $c^2$ appear at the center of their respective squares using Write. Each fill-and-label pair animates in sequence so the viewer associates each square with its area expression.
3	Dynamic Area Proof	~10s	The camera zooms in slightly toward the geometry to focus attention on the transformation. The $a^2$ square is kept whole. The $b^2$ square is dissected into geometric pieces (e.g., 4 right triangles, or an L-shaped cut — whichever tiles correctly). These pieces, along with the whole $a^2$ square, smoothly translate and rotate into position inside the hypotenuse square using TransformMatchingShapes and smooth easing. Dynamic geometry updates via always_redraw keep any dependent labels or highlights in sync during movement. After all pieces settle and perfectly fill the $c^2$ square, a brief pause (~1s) lets the viewer absorb the visual proof. The camera then eases back to the default view.
4	Mathematical Conclusion	~6s	All geometry from previous phases smoothly fades out. The camera focuses on center screen. The formula $a^2 + b^2 = c^2$ rendered via MathTex appears at the center of the screen with a smooth Write animation. After appearing, the formula is highlighted: the $a^2$ and $b^2$ terms briefly flash with the same soft colors used for their squares, and the $c^2$ term flashes blue, reinforcing the visual connection. A final hold (~1.5s) lets the formula be read clearly before the scene ends.

---

Layout

┌─────────────────────────────────────────────┐
│                                             │
│                                             │
│            CENTER AREA                      │
│     (main geometry + squares)               │
│     Triangle slightly left of center        │
│     with squares extending outward          │
│                                             │
│                                             │
│                                             │
│         CENTER (formula in Phase 4)         │
│                                             │
└─────────────────────────────────────────────┘

Area Descriptions

Area	Content	Notes
Center	Right triangle, three squares, area labels, soft colored fills, and piece-rearrangement animations. The triangle is positioned slightly left-of-center so that the outward squares (especially the larger hypotenuse square) remain balanced on screen.	Primary visual focus throughout Phases 1–3. All geometry is constructed relative to triangle vertices using Manim geometric utilities, avoiding hardcoded coordinates where possible. Camera zoom targets this area in Phase 3.
Center	Final formula $a^2 + b^2 = c^2$ displayed with MathTex, with color-highlighted terms.	Appears only in Phase 4 after the geometry clears. Camera returns to default framing.

---

Notes

• Background: Pure white (WHITE background color).
• Lines: Thin black strokes (stroke_width ≈ 2) for all geometric edges.
• Blue accent: A consistent blue (e.g., BLUE or "#2D5BE3") used for the hypotenuse square stroke, fill highlight, and the $c^2$ term in the final formula.
• Soft colored fills: The $a^2$ square uses a light green semi-transparent fill; the $b^2$ square uses a light orange semi-transparent fill; the $c^2$ square uses a light blue semi-transparent fill. Colors should be soft and academic — not saturated.
• Camera: The scene should use MovingCameraScene to enable subtle camera movements. In Phase 3, the camera zooms in slightly (e.g., frame.animate.scale(0.75)) to focus on the geometric rearrangement. After the proof, it eases back to the default framing. In Phase 4, the camera is at default framing for the formula display. All camera movements are smooth with appropriate easing.
• Required animation techniques: Use LaggedStart for sequenced square introductions in Phase 1. Use TransformMatchingShapes for morphing the dissected pieces into the hypotenuse square in Phase 3. Use always_redraw for any labels or decorations that must stay attached to moving geometry during Phase 3. Use smooth easing rate functions throughout.
• Transforms over fades: Use Create, Write, Transform, TransformMatchingShapes, and MoveToTarget for most transitions. Use FadeOut only for clearing the scene before Phase 4.
• Coordinate strategy: Triangle vertices should be computed programmatically (e.g., from chosen leg lengths like $a = 2$, $b = 1.5$). Square vertices should be derived from the triangle's side vectors using perpendicular offsets. This avoids hardcoded coordinates and ensures geometric consistency.
• Code organization: The single PythagoreanTheoremLesson scene class (inheriting from MovingCameraScene) should delegate to clearly named helper methods (e.g., introduce_triangle, visualize_areas, dynamic_proof, show_conclusion) for readability and maintainability — structured like production code.
• Manim Playground compatibility: Stick to standard Manim Community 2D objects. MovingCameraScene is part of Manim Community and should be compatible.
• Timing: Total runtime ≈ 30 seconds. Consistent run_time values for similar operations (e.g., each square construction uses the same duration). Use Wait() sparingly for pacing.
• Text policy: Only mathematical symbols ($a$, $b$, $c$, $a^2$, $b^2$, $c^2$, and the final equation) appear on screen. No sentences, titles, or Azerbaijani text on shapes.
• Formula highlight: In Phase 4, after the formula appears, use Indicate or brief color flashes on individual terms ($a^2$ → green flash, $b^2$ → orange flash, $c^2$ → blue flash) to reinforce the connection to the geometric squares.
• Minimalist academic style: Clean, uncluttered visuals. No decorative elements, drop shadows, or gradients.