← ClaudeAtlas

animation-patternslisted

Production animation patterns including reveal, transform, progressive reveal, emphasis, and cleanup patterns.
choxos/MathVizAgent · ★ 1 · Web & Frontend · score 63
Install: claude install-skill choxos/MathVizAgent
# Animation Patterns Production-quality animation patterns for mathematical visualizations. ## Reveal Patterns ### Simple Reveal ```python # Text/formulas self.play(Write(text), run_time=1.5) self.wait(1) # Shapes self.play(Create(shape), run_time=1) # With fill self.play(DrawBorderThenFill(shape), run_time=1.5) ``` ### Dramatic Entrance ```python # Grow from center self.play(GrowFromCenter(obj), run_time=1.5) # Grow from edge self.play(GrowFromEdge(obj, LEFT), run_time=1) # Spin in self.play(SpinInFromNothing(obj), run_time=1.5) ``` ### Fade Variants ```python # Simple fade self.play(FadeIn(obj)) # With direction self.play(FadeIn(obj, shift=UP)) self.play(FadeIn(obj, shift=DOWN * 0.5)) # Scale fade self.play(FadeIn(obj, scale=0.5)) # Grow while fading in ``` ## Transform Patterns ### Basic Transform ```python # Morph A into B (A still exists, looks like B) self.play(Transform(a, b)) # Replace A with B (A is removed, B is added) self.play(ReplacementTransform(a, b)) # Cross-fade self.play(FadeTransform(a, b)) ``` ### Matching Transforms ```python # Match shapes between mobjects self.play(TransformMatchingShapes(text1, text2)) # Match TeX parts eq1 = MathTex("a", "+", "b", "=", "c") eq2 = MathTex("a", "=", "c", "-", "b") self.play(TransformMatchingTex(eq1, eq2)) ``` ### Staged Transform ```python # Transform in stages self.play(a.animate.move_to(b.get_center())) self.play(Transform(a, b)) # Or animate properties first self.play(a.animate.set_color(b.g