manim-web 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Narek Maloyan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,109 @@
+<div align="center">
+
+# manim-web
+
+**Mathematical animations for the web.**
+
+The power of [3Blue1Brown's Manim](https://github.com/3b1b/manim) — in the browser, no Python required.
+
+<img src="assets/demo_square_to_circle.gif" width="600" alt="Square to Circle demo">
+
+[![npm version](https://img.shields.io/npm/v/manim-web.svg)](https://www.npmjs.com/package/manim-web)
+[![CI](https://github.com/maloyan/manim-web/actions/workflows/ci.yml/badge.svg)](https://github.com/maloyan/manim-web/actions/workflows/ci.yml)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
+
+[Quick Start](#quick-start) · [Examples](https://maloyan.github.io/manim-web/) · [Docs](https://maloyan.github.io/manim-web/) · [npm](https://www.npmjs.com/package/manim-web)
+
+</div>
+
+---
+
+## Quick Start
+
+```bash
+npm install manim-web
+```
+
+```typescript
+import { Scene, Circle, Square, Create, Transform, FadeOut } from 'manim-web';
+
+async function squareToCircle(scene: Scene) {
+  const square = new Square({ sideLength: 3 });
+  const circle = new Circle({ radius: 1.5 });
+
+  await scene.play(new Create(square));
+  await scene.play(new Transform(square, circle));
+  await scene.play(new FadeOut(square));
+}
+```
+
+Or use a plain `<script>` tag — see the [examples](https://maloyan.github.io/manim-web/) for more.
+
+## What You Can Build
+
+<table>
+<tr>
+<td align="center"><img src="assets/demo_function_graph.gif" width="350" alt="Function Graphs"><br><b>Function Graphs</b></td>
+<td align="center"><img src="assets/demo_math_equations.gif" width="350" alt="LaTeX Equations"><br><b>LaTeX Equations</b></td>
+</tr>
+<tr>
+<td align="center"><img src="assets/demo_text.gif" width="350" alt="Text Animations"><br><b>Text Animations</b></td>
+<td align="center"><img src="assets/demo_square_to_circle.gif" width="350" alt="Geometry Transforms"><br><b>Geometry Transforms</b></td>
+</tr>
+</table>
+
+## Features
+
+- **Geometry** — Circle, Rectangle, Polygon, Arrow, Arc, Star, Brace, and more
+- **Text & LaTeX** — Text, MathTex, Tex, Paragraph via KaTeX
+- **Graphing** — Axes, NumberPlane, FunctionGraph, ParametricFunction, VectorField, BarChart
+- **3D** — Sphere, Cube, Cylinder, Torus, Surface3D, ThreeDAxes with orbit controls
+- **Animations** — FadeIn/Out, Create, Transform, Write, GrowFromCenter, AnimationGroup, LaggedStart
+- **Interaction** — Draggable, Hoverable, Clickable mobjects
+- **Export** — GIF and video export
+- **Graphs & Tables** — Network graphs, Matrix, Table
+
+## Framework Integrations
+
+### React
+
+```tsx
+import { ManimScene } from 'manim-web/react';
+
+function App() {
+  return <ManimScene construct={squareToCircle} width={800} height={450} />;
+}
+```
+
+### Vue
+
+```vue
+<script setup>
+import { ManimScene } from 'manim-web/vue';
+</script>
+
+<template>
+  <ManimScene :construct="squareToCircle" :width="800" :height="450" />
+</template>
+```
+
+## Python to TypeScript
+
+Have existing Manim scripts? Convert them:
+
+```bash
+node tools/py2ts.cjs input.py -o output.ts
+```
+
+## Contributing
+
+```bash
+git clone https://github.com/maloyan/manim-web.git
+cd manim-web
+npm install
+npm run dev
+```
+
+## License
+
+MIT

package/dist/animation/Animation.d.ts

@@ -0,0 +1,69 @@
+import { Mobject } from '../core/Mobject';
+import { RateFunction } from '../rate-functions';
+export type { RateFunction };
+export interface AnimationOptions {
+    /** Duration of the animation in seconds (default: 1) */
+    duration?: number;
+    /** Rate function controlling the animation's pacing (default: smooth) */
+    rateFunc?: RateFunction;
+    /** Shift direction for fade animations */
+    shift?: [number, number, number];
+}
+export declare abstract class Animation {
+    /** The mobject being animated */
+    readonly mobject: Mobject;
+    /** Duration of the animation in seconds */
+    readonly duration: number;
+    /** Rate function controlling the animation's pacing */
+    readonly rateFunc: RateFunction;
+    /** Time when the animation started (set by Timeline) */
+    protected _startTime: number | null;
+    /** Whether the animation has finished */
+    protected _isFinished: boolean;
+    /** Track if begin() has been called */
+    protected _hasBegun: boolean;
+    /**
+     * If true, the scene will remove this mobject after the animation finishes.
+     * Used by FadeOut (like Python manim's remover=True).
+     */
+    remover: boolean;
+    constructor(mobject: Mobject, options?: AnimationOptions);
+    /**
+     * Called when the animation starts.
+     * Subclasses can override to set up initial state.
+     */
+    begin(): void;
+    /**
+     * Called when the animation ends.
+     * Subclasses can override to clean up or finalize state.
+     */
+    finish(): void;
+    /**
+     * Apply the animation at a given progress value.
+     * @param alpha Progress from 0 (start) to 1 (end)
+     */
+    abstract interpolate(alpha: number): void;
+    /**
+     * Update the animation for the current frame.
+     * @param _dt Time delta since last frame (unused, but available for subclasses)
+     * @param currentTime Current time in the timeline
+     */
+    update(_dt: number, currentTime: number): void;
+    /**
+     * Check if the animation has finished
+     */
+    isFinished(): boolean;
+    /**
+     * Reset the animation to its initial state
+     */
+    reset(): void;
+    /**
+     * Get the start time of this animation (set by Timeline)
+     */
+    get startTime(): number | null;
+    /**
+     * Set the start time of this animation (used by Timeline)
+     */
+    set startTime(time: number | null);
+}
+//# sourceMappingURL=Animation.d.ts.map

package/dist/animation/Animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/animation/Animation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAU,MAAM,mBAAmB,CAAC;AAEzD,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,8BAAsB,SAAS;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAE1B,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;IAEhC,wDAAwD;IACxD,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C,yCAAyC;IACzC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAS;IAEvC,uCAAuC;IACvC,SAAS,CAAC,SAAS,EAAE,OAAO,CAAS;IAErC;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAS;gBAEb,OAAO,EAAE,OAAO,EAAE,OAAO,GAAE,gBAAqB;IAM5D;;;OAGG;IACH,KAAK,IAAI,IAAI;IAKb;;;OAGG;IACH,MAAM,IAAI,IAAI;IAId;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAEzC;;;;OAIG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IA2B9C;;OAEG;IACH,UAAU,IAAI,OAAO;IAIrB;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,GAAG,IAAI,CAE7B;IAED;;OAEG;IACH,IAAI,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAEhC;CACF"}

package/dist/animation/AnimationGroup.d.ts

@@ -0,0 +1,48 @@
+import { Animation } from './Animation';
+export interface AnimationGroupOptions {
+    /**
+     * Lag ratio: 0 = all parallel (default), 1 = sequential.
+     * Values between 0 and 1 create overlapping animations.
+     */
+    lagRatio?: number;
+    /** Rate function applied to the group's overall progress */
+    rateFunc?: (t: number) => number;
+}
+export declare class AnimationGroup extends Animation {
+    /** Child animations */
+    readonly animations: Animation[];
+    /** Lag ratio */
+    readonly lagRatio: number;
+    /** Start times for each animation (relative to group start) */
+    private _startTimes;
+    /** End times for each animation (relative to group start) */
+    private _endTimes;
+    constructor(animations: Animation[], options?: AnimationGroupOptions);
+    /**
+     * Set up the animation - compute start/end times and call begin on all children
+     */
+    begin(): void;
+    /**
+     * Interpolate all child animations based on group alpha
+     */
+    interpolate(alpha: number): void;
+    /**
+     * Finish all child animations
+     */
+    finish(): void;
+    /**
+     * Check if all child animations have finished
+     */
+    isFinished(): boolean;
+    /**
+     * Reset the animation group
+     */
+    reset(): void;
+}
+/**
+ * Create an AnimationGroup that plays animations together.
+ * @param animations Array of animations to play
+ * @param options Options including lagRatio
+ */
+export declare function animationGroup(animations: Animation[], options?: AnimationGroupOptions): AnimationGroup;
+//# sourceMappingURL=AnimationGroup.d.ts.map

package/dist/animation/AnimationGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationGroup.d.ts","sourceRoot":"","sources":["../../src/animation/AnimationGroup.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AA6CD,qBAAa,cAAe,SAAQ,SAAS;IAC3C,uBAAuB;IACvB,QAAQ,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC;IAEjC,gBAAgB;IAChB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,+DAA+D;IAC/D,OAAO,CAAC,WAAW,CAAgB;IAEnC,6DAA6D;IAC7D,OAAO,CAAC,SAAS,CAAgB;gBAErB,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,GAAE,qBAA0B;IAiBxE;;OAEG;IACM,KAAK,IAAI,IAAI;IA+BtB;;OAEG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IA+BhC;;OAEG;IACM,MAAM,IAAI,IAAI;IAOvB;;OAEG;IACM,UAAU,IAAI,OAAO;IAI9B;;OAEG;IACM,KAAK,IAAI,IAAI;CAMvB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,SAAS,EAAE,EACvB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,cAAc,CAEhB"}

package/dist/animation/LaggedStart.d.ts

@@ -0,0 +1,25 @@
+import { Animation } from './Animation';
+import { AnimationGroup, AnimationGroupOptions } from './AnimationGroup';
+export interface LaggedStartOptions extends AnimationGroupOptions {
+    /**
+     * Lag ratio between animation starts.
+     * Default is 0.2 (20% overlap between consecutive animations).
+     * 0 = all parallel, 1 = sequential (no overlap).
+     */
+    lagRatio?: number;
+}
+/**
+ * Create a LaggedStart animation group.
+ * Each animation starts lagRatio * singleDuration after the previous.
+ *
+ * @param animations Array of animations to stagger
+ * @param options Options including lagRatio (default 0.2)
+ */
+export declare function laggedStart(animations: Animation[], options?: LaggedStartOptions): AnimationGroup;
+/**
+ * LaggedStart class for cases where class instantiation is preferred.
+ */
+export declare class LaggedStart extends AnimationGroup {
+    constructor(animations: Animation[], options?: LaggedStartOptions);
+}
+//# sourceMappingURL=LaggedStart.d.ts.map

package/dist/animation/LaggedStart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LaggedStart.d.ts","sourceRoot":"","sources":["../../src/animation/LaggedStart.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,SAAS,EAAE,EACvB,OAAO,CAAC,EAAE,kBAAkB,GAC3B,cAAc,CAKhB;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,cAAc;gBACjC,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,GAAE,kBAAuB;CAMtE"}

package/dist/animation/MaintainPositionRelativeTo.d.ts

@@ -0,0 +1,23 @@
+import { Mobject, UpdaterFunction } from '../core/Mobject';
+/**
+ * Creates an updater function that maintains a mobject's position relative to a target.
+ * The offset is calculated when this function is called and preserved during updates.
+ *
+ * @param mobject - The mobject to keep at a fixed offset
+ * @param target - The target mobject to track
+ * @returns An updater function that can be added to a mobject with addUpdater()
+ *
+ * @example
+ * ```typescript
+ * const follower = new Circle();
+ * const leader = new Square();
+ *
+ * // Keep follower 2 units to the right of leader
+ * follower.moveTo([leader.position.x + 2, leader.position.y, 0]);
+ * follower.addUpdater(maintainPositionRelativeTo(follower, leader));
+ *
+ * // Now when leader moves, follower will follow
+ * ```
+ */
+export declare function maintainPositionRelativeTo(mobject: Mobject, target: Mobject): UpdaterFunction;
+//# sourceMappingURL=MaintainPositionRelativeTo.d.ts.map

package/dist/animation/MaintainPositionRelativeTo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintainPositionRelativeTo.d.ts","sourceRoot":"","sources":["../../src/animation/MaintainPositionRelativeTo.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,OAAO,GACd,eAAe,CAejB"}

package/dist/animation/Succession.d.ts

@@ -0,0 +1,19 @@
+import { Animation } from './Animation';
+import { AnimationGroup, AnimationGroupOptions } from './AnimationGroup';
+export interface SuccessionOptions extends Omit<AnimationGroupOptions, 'lagRatio'> {
+}
+/**
+ * Create a Succession animation group.
+ * Animations play one after another with no overlap (lagRatio = 1).
+ *
+ * @param animations Array of animations to play in sequence
+ * @param options Animation options (rateFunc)
+ */
+export declare function succession(animations: Animation[], options?: SuccessionOptions): AnimationGroup;
+/**
+ * Succession class for cases where class instantiation is preferred.
+ */
+export declare class Succession extends AnimationGroup {
+    constructor(animations: Animation[], options?: SuccessionOptions);
+}
+//# sourceMappingURL=Succession.d.ts.map

package/dist/animation/Succession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Succession.d.ts","sourceRoot":"","sources":["../../src/animation/Succession.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC;CAAG;AAErF;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,UAAU,EAAE,SAAS,EAAE,EACvB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,cAAc,CAKhB;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,cAAc;gBAChC,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,GAAE,iBAAsB;CAMrE"}

package/dist/animation/Timeline.d.ts

@@ -0,0 +1,89 @@
+import { Animation } from './Animation';
+/**
+ * Position parameter for adding animations to the timeline.
+ * - Number: absolute time in seconds
+ * - '+=N': N seconds after the last animation ends
+ * - '-=N': N seconds before the last animation ends
+ * - '<': same start time as the previous animation
+ * - '>': end of the previous animation (default)
+ */
+export type PositionParam = number | string;
+export declare class Timeline {
+    /** All scheduled animations with their timing */
+    private _animations;
+    /** Total duration of the timeline */
+    private _duration;
+    /** Current playback time */
+    private _currentTime;
+    /** Whether the timeline is playing */
+    private _isPlaying;
+    /** Track which animations have been started */
+    private _startedAnimations;
+    /**
+     * Add an animation to the timeline.
+     * @param animation The animation to add
+     * @param position When to start the animation (default: '>' - after previous ends)
+     */
+    add(animation: Animation, position?: PositionParam): this;
+    /**
+     * Add multiple animations to play in parallel (all start at the same time).
+     * @param animations The animations to add
+     * @param position When to start all animations (default: '>' - after previous ends)
+     */
+    addParallel(animations: Animation[], position?: PositionParam): this;
+    /**
+     * Resolve a position parameter to an absolute time.
+     */
+    private _resolvePosition;
+    /**
+     * Seek to a specific time in the timeline.
+     * @param time The time to seek to (in seconds)
+     */
+    seek(time: number): this;
+    /**
+     * Update the timeline by a time delta.
+     * @param dt Time delta in seconds
+     */
+    update(dt: number): void;
+    /**
+     * Update all animations that should be active at the given time.
+     */
+    private _updateAnimationsAtTime;
+    /**
+     * Start playing the timeline.
+     */
+    play(): this;
+    /**
+     * Pause the timeline.
+     */
+    pause(): this;
+    /**
+     * Reset the timeline to the beginning.
+     */
+    reset(): this;
+    /**
+     * Check if the timeline has finished playing.
+     */
+    isFinished(): boolean;
+    /**
+     * Check if the timeline is currently playing.
+     */
+    isPlaying(): boolean;
+    /**
+     * Get the total duration of the timeline.
+     */
+    getDuration(): number;
+    /**
+     * Get the current playback time.
+     */
+    getCurrentTime(): number;
+    /**
+     * Get the number of animations in the timeline.
+     */
+    get length(): number;
+    /**
+     * Clear all animations from the timeline.
+     */
+    clear(): this;
+}
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/animation/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/animation/Timeline.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAQ5C,qBAAa,QAAQ;IACnB,iDAAiD;IACjD,OAAO,CAAC,WAAW,CAA4B;IAE/C,qCAAqC;IACrC,OAAO,CAAC,SAAS,CAAa;IAE9B,4BAA4B;IAC5B,OAAO,CAAC,YAAY,CAAa;IAEjC,sCAAsC;IACtC,OAAO,CAAC,UAAU,CAAkB;IAEpC,+CAA+C;IAC/C,OAAO,CAAC,kBAAkB,CAA6B;IAEvD;;;;OAIG;IACH,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAE,aAAmB,GAAG,IAAI;IAgB9D;;;;OAIG;IACH,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,QAAQ,GAAE,aAAmB,GAAG,IAAI;IAmBzE;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAwCxB;;;OAGG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAoBxB;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAcxB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAsB/B;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,KAAK,IAAI,IAAI;IAYb;;OAEG;IACH,UAAU,IAAI,OAAO;IAIrB;;OAEG;IACH,SAAS,IAAI,OAAO;IAIpB;;OAEG;IACH,WAAW,IAAI,MAAM;IAIrB;;OAEG;IACH,cAAc,IAAI,MAAM;IAIxB;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED;;OAEG;IACH,KAAK,IAAI,IAAI;CAQd"}

package/dist/animation/UpdateFromAlphaFunc.d.ts

@@ -0,0 +1,32 @@
+import { Mobject } from '../core/Mobject';
+import { Animation, AnimationOptions } from './Animation';
+/**
+ * Animation that applies a custom function to a mobject over time.
+ * The function receives the mobject and the rate-function-adjusted alpha (progress from 0 to 1).
+ * This is similar to UpdateFromFunc but specifically named to match Manim's API.
+ */
+export declare class UpdateFromAlphaFunc extends Animation {
+    private _func;
+    /**
+     * Create an UpdateFromAlphaFunc animation.
+     * @param mobject - The mobject to animate
+     * @param func - Function called with (mobject, alpha) each frame
+     * @param options - Animation options (duration, rateFunc, etc.)
+     */
+    constructor(mobject: Mobject, func: (mobject: Mobject, alpha: number) => void, options?: AnimationOptions);
+    /**
+     * Apply the animation at a given progress value.
+     * The alpha value has already been transformed by the rate function.
+     * @param alpha Progress from 0 (start) to 1 (end), transformed by rateFunc
+     */
+    interpolate(alpha: number): void;
+}
+/**
+ * Factory function to create an UpdateFromAlphaFunc animation.
+ * @param mobject - The mobject to animate
+ * @param func - Function called with (mobject, alpha) each frame
+ * @param options - Animation options (duration, rateFunc, etc.)
+ * @returns A new UpdateFromAlphaFunc animation
+ */
+export declare function updateFromAlphaFunc(mobject: Mobject, func: (mobject: Mobject, alpha: number) => void, options?: AnimationOptions): UpdateFromAlphaFunc;
+//# sourceMappingURL=UpdateFromAlphaFunc.d.ts.map

package/dist/animation/UpdateFromAlphaFunc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateFromAlphaFunc.d.ts","sourceRoot":"","sources":["../../src/animation/UpdateFromAlphaFunc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,SAAS;IAChD,OAAO,CAAC,KAAK,CAA4C;IAEzD;;;;;OAKG;gBAED,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAC/C,OAAO,CAAC,EAAE,gBAAgB;IAM5B;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAGjC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAC/C,OAAO,CAAC,EAAE,gBAAgB,GACzB,mBAAmB,CAErB"}

package/dist/animation/UpdateFromFunc.d.ts

@@ -0,0 +1,30 @@
+import { Mobject } from '../core/Mobject';
+import { Animation, AnimationOptions } from './Animation';
+/**
+ * Animation that applies a custom function to a mobject over time.
+ * The function is called with the mobject and the current alpha (progress from 0 to 1).
+ */
+export declare class UpdateFromFunc extends Animation {
+    private _func;
+    /**
+     * Create an UpdateFromFunc animation.
+     * @param mobject - The mobject to animate
+     * @param func - Function called with (mobject, alpha) each frame
+     * @param options - Animation options (duration, rateFunc, etc.)
+     */
+    constructor(mobject: Mobject, func: (mobject: Mobject, alpha: number) => void, options?: AnimationOptions);
+    /**
+     * Apply the animation at a given progress value.
+     * @param alpha Progress from 0 (start) to 1 (end)
+     */
+    interpolate(alpha: number): void;
+}
+/**
+ * Factory function to create an UpdateFromFunc animation.
+ * @param mobject - The mobject to animate
+ * @param func - Function called with (mobject, alpha) each frame
+ * @param options - Animation options (duration, rateFunc, etc.)
+ * @returns A new UpdateFromFunc animation
+ */
+export declare function updateFromFunc(mobject: Mobject, func: (mobject: Mobject, alpha: number) => void, options?: AnimationOptions): UpdateFromFunc;
+//# sourceMappingURL=UpdateFromFunc.d.ts.map

package/dist/animation/UpdateFromFunc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateFromFunc.d.ts","sourceRoot":"","sources":["../../src/animation/UpdateFromFunc.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D;;;GAGG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,OAAO,CAAC,KAAK,CAA4C;IAEzD;;;;;OAKG;gBAED,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAC/C,OAAO,CAAC,EAAE,gBAAgB;IAM5B;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAGjC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAC/C,OAAO,CAAC,EAAE,gBAAgB,GACzB,cAAc,CAEhB"}