manim-web 0.2.0

package/dist/mobjects/text/svgPathParser.d.ts

@@ -0,0 +1,39 @@
+import { VGroup } from '../../core/VGroup';
+/** A 2-tuple used internally during parsing. */
+type Vec2 = [number, number];
+export interface SVGToVMobjectOptions {
+    /** Stroke / fill color for the resulting VMobjects. */
+    color?: string;
+    /** Stroke width. Default: DEFAULT_STROKE_WIDTH (4). */
+    strokeWidth?: number;
+    /** Fill opacity. Default: 0 (stroke only). */
+    fillOpacity?: number;
+    /** Uniform scale factor applied to every point. Default: 1 */
+    scale?: number;
+    /**
+     * If true, flip the Y axis so SVG screen-space (Y-down) maps
+     * to manim world-space (Y-up). Default: true.
+     */
+    flipY?: boolean;
+}
+/**
+ * Parse an SVG path `d` attribute into arrays of cubic Bezier control points.
+ * Each sub-path (started by M/m or interrupted by Z/z) produces a separate array.
+ *
+ * Returns an array of sub-paths, where each sub-path is an array of Vec2 points
+ * laid out as: [anchor, handle1, handle2, anchor, handle3, handle4, anchor, ...].
+ */
+export declare function parseSVGPathData(d: string): Vec2[][];
+/**
+ * Walk an SVG element tree (as produced by MathJax) and convert every
+ * `<path>` element into a VMobject.  Returns a VGroup containing one
+ * VMobject child per glyph / path element.
+ *
+ * Handles MathJax SVG specifics:
+ * - `<defs>` blocks with glyph definitions referenced via `<use>`
+ * - Nested `<g>` transforms
+ * - `viewBox` → coordinate mapping
+ */
+export declare function svgToVMobjects(svgElement: SVGElement | Element, options?: SVGToVMobjectOptions): VGroup;
+export {};
+//# sourceMappingURL=svgPathParser.d.ts.map

package/dist/mobjects/text/svgPathParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgPathParser.d.ts","sourceRoot":"","sources":["../../../src/mobjects/text/svgPathParser.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAQ3C,gDAAgD;AAChD,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAK7B,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA8BD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,CA4MpD;AA+GD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,UAAU,GAAG,OAAO,EAChC,OAAO,GAAE,oBAAyB,GACjC,MAAM,CA4GR"}

package/dist/mobjects/three-d/Arrow3D.d.ts

@@ -0,0 +1,136 @@
+import { Mobject, Vector3Tuple } from '../../core/Mobject';
+import * as THREE from 'three';
+/**
+ * Options for creating an Arrow3D
+ */
+export interface Arrow3DOptions {
+    /** Start point [x, y, z]. Default: [0, 0, 0] */
+    start?: Vector3Tuple;
+    /** End point (where the tip points) [x, y, z]. Required */
+    end: Vector3Tuple;
+    /** Color as CSS color string. Default: '#ffffff' */
+    color?: string;
+    /** Opacity from 0 to 1. Default: 1 */
+    opacity?: number;
+    /** Length of the arrowhead cone. Default: 0.2 */
+    tipLength?: number;
+    /** Half-width of the arrowhead triangle base. Default: 0.08 */
+    tipRadius?: number;
+    /** Radius of the shaft. Default: 0.02 */
+    shaftRadius?: number;
+    /** Number of radial segments. Default: 16 */
+    radialSegments?: number;
+}
+/**
+ * Arrow3D - A 3D arrow with cylindrical shaft and flat triangle tip
+ *
+ * Creates a 3D arrow by combining a cylinder (shaft) with a flat triangle (tip).
+ * The arrow automatically orients itself from start to end point.
+ *
+ * @example
+ * ```typescript
+ * // Create an arrow from origin to (2, 1, 0)
+ * const arrow = new Arrow3D({ end: [2, 1, 0] });
+ *
+ * // Create a red arrow with larger tip
+ * const redArrow = new Arrow3D({
+ *   start: [-1, 0, 0],
+ *   end: [1, 1, 1],
+ *   color: '#ff0000',
+ *   tipLength: 0.3,
+ *   tipRadius: 0.12
+ * });
+ * ```
+ */
+export declare class Arrow3D extends Mobject {
+    private _start;
+    private _end;
+    private _tipLength;
+    private _tipRadius;
+    private _shaftRadius;
+    private _radialSegments;
+    constructor(options: Arrow3DOptions);
+    /**
+     * Create the Three.js arrow object (shaft + tip)
+     */
+    protected _createThreeObject(): THREE.Object3D;
+    /**
+     * Orient a mesh to point in a given direction
+     * Cylinders and cones in Three.js are oriented along the Y axis by default
+     */
+    private _orientMesh;
+    /**
+     * Sync material properties to Three.js object
+     */
+    protected _syncMaterialToThree(): void;
+    /**
+     * Rebuild the arrow geometry
+     */
+    private _rebuildGeometry;
+    /**
+     * Get the start point
+     */
+    getStart(): Vector3Tuple;
+    /**
+     * Set the start point
+     */
+    setStart(point: Vector3Tuple): this;
+    /**
+     * Get the end point (tip of the arrow)
+     */
+    getEnd(): Vector3Tuple;
+    /**
+     * Set the end point (tip of the arrow)
+     */
+    setEnd(point: Vector3Tuple): this;
+    /**
+     * Get the tip length
+     */
+    getTipLength(): number;
+    /**
+     * Set the tip length
+     */
+    setTipLength(value: number): this;
+    /**
+     * Get the tip radius
+     */
+    getTipRadius(): number;
+    /**
+     * Set the tip radius
+     */
+    setTipRadius(value: number): this;
+    /**
+     * Get the shaft radius
+     */
+    getShaftRadius(): number;
+    /**
+     * Set the shaft radius
+     */
+    setShaftRadius(value: number): this;
+    /**
+     * Get the length of the arrow
+     */
+    getLength(): number;
+    /**
+     * Get the direction vector (normalized)
+     */
+    getDirection(): Vector3Tuple;
+    /**
+     * Get the midpoint of the arrow
+     */
+    getMidpoint(): Vector3Tuple;
+    /**
+     * Create a copy of this Arrow3D
+     */
+    protected _createCopy(): Arrow3D;
+}
+/**
+ * Vector3D - An Arrow3D starting from the origin by default
+ */
+export declare class Vector3D extends Arrow3D {
+    constructor(options: Omit<Arrow3DOptions, 'start'> & {
+        direction?: Vector3Tuple;
+    });
+}
+export default Arrow3D;
+//# sourceMappingURL=Arrow3D.d.ts.map

package/dist/mobjects/three-d/Arrow3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow3D.d.ts","sourceRoot":"","sources":["../../../src/mobjects/three-d/Arrow3D.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,gDAAgD;IAChD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,2DAA2D;IAC3D,GAAG,EAAE,YAAY,CAAC;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,OAAQ,SAAQ,OAAO;IAClC,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAS;gBAEpB,OAAO,EAAE,cAAc;IA0BnC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,KAAK,CAAC,QAAQ;IAkF9C;;;OAGG;IACH,OAAO,CAAC,WAAW;IAWnB;;OAEG;cACgB,oBAAoB,IAAI,IAAI;IAgB/C;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAkBxB;;OAEG;IACH,QAAQ,IAAI,YAAY;IAIxB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMnC;;OAEG;IACH,MAAM,IAAI,YAAY;IAItB;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMjC;;OAEG;IACH,YAAY,IAAI,MAAM;IAItB;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMjC;;OAEG;IACH,YAAY,IAAI,MAAM;IAItB;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMjC;;OAEG;IACH,cAAc,IAAI,MAAM;IAIxB;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMnC;;OAEG;IACH,SAAS,IAAI,MAAM;IAOnB;;OAEG;IACH,YAAY,IAAI,YAAY;IAY5B;;OAEG;IACH,WAAW,IAAI,YAAY;IAQ3B;;OAEG;cACgB,WAAW,IAAI,OAAO;CAY1C;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,OAAO;gBACvB,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAA;KAAE;CAQlF;AAED,eAAe,OAAO,CAAC"}

package/dist/mobjects/three-d/Cube.d.ts

@@ -0,0 +1,186 @@
+import { Mobject, Vector3Tuple } from '../../core/Mobject';
+import * as THREE from 'three';
+/**
+ * Options for creating a Cube
+ */
+export interface CubeOptions {
+    /** Side length of the cube. Default: 1 */
+    sideLength?: number;
+    /** Center position [x, y, z]. Default: [0, 0, 0] */
+    center?: Vector3Tuple;
+    /** Color as CSS color string. Default: '#ffffff' */
+    color?: string;
+    /** Opacity from 0 to 1. Default: 1 */
+    opacity?: number;
+    /** Whether to render as wireframe. Default: false */
+    wireframe?: boolean;
+}
+/**
+ * Cube - A 3D cube mesh with equal side lengths
+ *
+ * Creates a cube using Three.js BoxGeometry with configurable
+ * size and material properties.
+ *
+ * @example
+ * ```typescript
+ * // Create a unit cube
+ * const cube = new Cube();
+ *
+ * // Create a red cube with side length 2
+ * const redCube = new Cube({ sideLength: 2, color: '#ff0000' });
+ *
+ * // Create a semi-transparent wireframe cube
+ * const wireframe = new Cube({
+ *   sideLength: 1.5,
+ *   wireframe: true,
+ *   opacity: 0.7
+ * });
+ * ```
+ */
+export declare class Cube extends Mobject {
+    private _sideLength;
+    private _wireframe;
+    private _centerPoint;
+    constructor(options?: CubeOptions);
+    /**
+     * Create the Three.js box mesh
+     */
+    protected _createThreeObject(): THREE.Object3D;
+    /**
+     * Sync material properties to Three.js object
+     */
+    protected _syncMaterialToThree(): void;
+    /**
+     * Get the side length
+     */
+    getSideLength(): number;
+    /**
+     * Set the side length
+     */
+    setSideLength(value: number): this;
+    /**
+     * Get whether wireframe mode is enabled
+     */
+    isWireframe(): boolean;
+    /**
+     * Set wireframe mode
+     */
+    setWireframe(value: boolean): this;
+    /**
+     * Get the surface area of the cube
+     */
+    getSurfaceArea(): number;
+    /**
+     * Get the volume of the cube
+     */
+    getVolume(): number;
+    /**
+     * Create a copy of this Cube
+     */
+    protected _createCopy(): Cube;
+}
+/**
+ * Options for creating a Box3D
+ */
+export interface Box3DOptions {
+    /** Width (x dimension). Default: 1 */
+    width?: number;
+    /** Height (y dimension). Default: 1 */
+    height?: number;
+    /** Depth (z dimension). Default: 1 */
+    depth?: number;
+    /** Center position [x, y, z]. Default: [0, 0, 0] */
+    center?: Vector3Tuple;
+    /** Color as CSS color string. Default: '#ffffff' */
+    color?: string;
+    /** Opacity from 0 to 1. Default: 1 */
+    opacity?: number;
+    /** Whether to render as wireframe. Default: false */
+    wireframe?: boolean;
+}
+/**
+ * Box3D - A 3D box mesh with non-uniform dimensions
+ *
+ * Creates a box using Three.js BoxGeometry with configurable
+ * width, height, depth, and material properties.
+ *
+ * @example
+ * ```typescript
+ * // Create a rectangular box
+ * const box = new Box3D({ width: 2, height: 1, depth: 3 });
+ *
+ * // Create a colored box
+ * const coloredBox = new Box3D({
+ *   width: 1,
+ *   height: 2,
+ *   depth: 0.5,
+ *   color: '#00ff00'
+ * });
+ * ```
+ */
+export declare class Box3D extends Mobject {
+    private _width;
+    private _height;
+    private _depth;
+    private _wireframe;
+    private _centerPoint;
+    constructor(options?: Box3DOptions);
+    /**
+     * Create the Three.js box mesh
+     */
+    protected _createThreeObject(): THREE.Object3D;
+    /**
+     * Sync material properties to Three.js object
+     */
+    protected _syncMaterialToThree(): void;
+    /**
+     * Get the width
+     */
+    getWidth(): number;
+    /**
+     * Set the width
+     */
+    setWidth(value: number): this;
+    /**
+     * Get the height
+     */
+    getHeight(): number;
+    /**
+     * Set the height
+     */
+    setHeight(value: number): this;
+    /**
+     * Get the depth
+     */
+    getDepth(): number;
+    /**
+     * Set the depth
+     */
+    setDepth(value: number): this;
+    /**
+     * Update the geometry with current dimensions
+     */
+    private _updateGeometry;
+    /**
+     * Get whether wireframe mode is enabled
+     */
+    isWireframe(): boolean;
+    /**
+     * Set wireframe mode
+     */
+    setWireframe(value: boolean): this;
+    /**
+     * Get the surface area of the box
+     */
+    getSurfaceArea(): number;
+    /**
+     * Get the volume of the box
+     */
+    getVolume(): number;
+    /**
+     * Create a copy of this Box3D
+     */
+    protected _createCopy(): Box3D;
+}
+export default Cube;
+//# sourceMappingURL=Cube.d.ts.map

package/dist/mobjects/three-d/Cube.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cube.d.ts","sourceRoot":"","sources":["../../../src/mobjects/three-d/Cube.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,IAAK,SAAQ,OAAO;IAC/B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,YAAY,CAAe;gBAEvB,OAAO,GAAE,WAAgB;IAuBrC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,KAAK,CAAC,QAAQ;IAmB9C;;OAEG;cACgB,oBAAoB,IAAI,IAAI;IAa/C;;OAEG;IACH,aAAa,IAAI,MAAM;IAIvB;;OAEG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAclC;;OAEG;IACH,WAAW,IAAI,OAAO;IAItB;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAMlC;;OAEG;IACH,cAAc,IAAI,MAAM;IAIxB;;OAEG;IACH,SAAS,IAAI,MAAM;IAInB;;OAEG;cACgB,WAAW,IAAI,IAAI;CASvC;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,KAAM,SAAQ,OAAO;IAChC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,YAAY,CAAe;gBAEvB,OAAO,GAAE,YAAiB;IA2BtC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,KAAK,CAAC,QAAQ;IAmB9C;;OAEG;cACgB,oBAAoB,IAAI,IAAI;IAa/C;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM7B;;OAEG;IACH,SAAS,IAAI,MAAM;IAInB;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9B;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM7B;;OAEG;IACH,OAAO,CAAC,eAAe;IAYvB;;OAEG;IACH,WAAW,IAAI,OAAO;IAItB;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAMlC;;OAEG;IACH,cAAc,IAAI,MAAM;IAQxB;;OAEG;IACH,SAAS,IAAI,MAAM;IAInB;;OAEG;cACgB,WAAW,IAAI,KAAK;CAWxC;AAED,eAAe,IAAI,CAAC"}

package/dist/mobjects/three-d/Cylinder.d.ts

@@ -0,0 +1,189 @@
+import { Mobject, Vector3Tuple } from '../../core/Mobject';
+import * as THREE from 'three';
+/**
+ * Options for creating a Cylinder
+ */
+export interface CylinderOptions {
+    /** Radius of the cylinder. Default: 1 */
+    radius?: number;
+    /** Height of the cylinder. Default: 2 */
+    height?: number;
+    /** Radius at the top (overrides radius if set). Default: same as radius */
+    radiusTop?: number;
+    /** Radius at the bottom (overrides radius if set). Default: same as radius */
+    radiusBottom?: number;
+    /** Center position [x, y, z]. Default: [0, 0, 0] */
+    center?: Vector3Tuple;
+    /** Color as CSS color string. Default: '#ffffff' */
+    color?: string;
+    /** Opacity from 0 to 1. Default: 1 */
+    opacity?: number;
+    /** Number of radial segments. Default: 32 */
+    radialSegments?: number;
+    /** Whether ends are open. Default: false */
+    openEnded?: boolean;
+    /** Whether to render as wireframe. Default: false */
+    wireframe?: boolean;
+}
+/**
+ * Cylinder - A 3D cylindrical mesh
+ *
+ * Creates a cylinder using Three.js CylinderGeometry with configurable
+ * radius, height, and material properties. Supports different top and bottom
+ * radii for creating truncated cones.
+ *
+ * @example
+ * ```typescript
+ * // Create a default cylinder
+ * const cylinder = new Cylinder();
+ *
+ * // Create a red cylinder
+ * const redCylinder = new Cylinder({
+ *   radius: 0.5,
+ *   height: 3,
+ *   color: '#ff0000'
+ * });
+ *
+ * // Create a truncated cone
+ * const cone = new Cylinder({
+ *   radiusTop: 0.5,
+ *   radiusBottom: 1,
+ *   height: 2
+ * });
+ * ```
+ */
+export declare class Cylinder extends Mobject {
+    protected _radiusTop: number;
+    protected _radiusBottom: number;
+    protected _height: number;
+    protected _radialSegments: number;
+    protected _openEnded: boolean;
+    protected _wireframe: boolean;
+    protected _centerPoint: Vector3Tuple;
+    constructor(options?: CylinderOptions);
+    /**
+     * Create the Three.js cylinder mesh
+     */
+    protected _createThreeObject(): THREE.Object3D;
+    /**
+     * Sync material properties to Three.js object
+     */
+    protected _syncMaterialToThree(): void;
+    /**
+     * Update the geometry with current dimensions
+     */
+    protected _updateGeometry(): void;
+    /**
+     * Get the radius at the top
+     */
+    getRadiusTop(): number;
+    /**
+     * Set the radius at the top
+     */
+    setRadiusTop(value: number): this;
+    /**
+     * Get the radius at the bottom
+     */
+    getRadiusBottom(): number;
+    /**
+     * Set the radius at the bottom
+     */
+    setRadiusBottom(value: number): this;
+    /**
+     * Get the height
+     */
+    getHeight(): number;
+    /**
+     * Set the height
+     */
+    setHeight(value: number): this;
+    /**
+     * Get whether wireframe mode is enabled
+     */
+    isWireframe(): boolean;
+    /**
+     * Set wireframe mode
+     */
+    setWireframe(value: boolean): this;
+    /**
+     * Get whether ends are open
+     */
+    isOpenEnded(): boolean;
+    /**
+     * Set whether ends are open
+     */
+    setOpenEnded(value: boolean): this;
+    /**
+     * Get the lateral surface area of the cylinder
+     */
+    getLateralSurfaceArea(): number;
+    /**
+     * Get the total surface area of the cylinder (including caps)
+     */
+    getSurfaceArea(): number;
+    /**
+     * Get the volume of the cylinder
+     */
+    getVolume(): number;
+    /**
+     * Create a copy of this Cylinder
+     */
+    protected _createCopy(): Cylinder;
+}
+/**
+ * Options for creating a Cone
+ */
+export interface ConeOptions {
+    /** Radius of the cone base. Default: 1 */
+    radius?: number;
+    /** Height of the cone. Default: 2 */
+    height?: number;
+    /** Center position [x, y, z]. Default: [0, 0, 0] */
+    center?: Vector3Tuple;
+    /** Color as CSS color string. Default: '#ffffff' */
+    color?: string;
+    /** Opacity from 0 to 1. Default: 1 */
+    opacity?: number;
+    /** Number of radial segments. Default: 32 */
+    radialSegments?: number;
+    /** Whether base is open. Default: false */
+    openEnded?: boolean;
+    /** Whether to render as wireframe. Default: false */
+    wireframe?: boolean;
+}
+/**
+ * Cone - A 3D cone mesh (cylinder with top radius = 0)
+ *
+ * Creates a cone using Three.js CylinderGeometry with the top radius
+ * set to 0.
+ *
+ * @example
+ * ```typescript
+ * // Create a default cone
+ * const cone = new Cone();
+ *
+ * // Create a tall red cone
+ * const tallCone = new Cone({
+ *   radius: 0.5,
+ *   height: 4,
+ *   color: '#ff0000'
+ * });
+ * ```
+ */
+export declare class Cone extends Cylinder {
+    constructor(options?: ConeOptions);
+    /**
+     * Get the base radius
+     */
+    getRadius(): number;
+    /**
+     * Set the base radius
+     */
+    setRadius(value: number): this;
+    /**
+     * Create a copy of this Cone
+     */
+    protected _createCopy(): Cone;
+}
+export default Cylinder;
+//# sourceMappingURL=Cylinder.d.ts.map

package/dist/mobjects/three-d/Cylinder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cylinder.d.ts","sourceRoot":"","sources":["../../../src/mobjects/three-d/Cylinder.ts"],"names":[],"mappings":"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"}

package/dist/mobjects/three-d/Line3D.d.ts

@@ -0,0 +1,100 @@
+import { Mobject, Vector3Tuple } from '../../core/Mobject';
+import * as THREE from 'three';
+/**
+ * Options for creating a Line3D
+ */
+export interface Line3DOptions {
+    /** Start point [x, y, z]. Default: [0, 0, 0] */
+    start?: Vector3Tuple;
+    /** End point [x, y, z]. Required */
+    end: Vector3Tuple;
+    /** Color as CSS color string. Default: '#ffffff' */
+    color?: string;
+    /** Line width in pixels. Default: 2 */
+    lineWidth?: number;
+    /** Opacity from 0 to 1. Default: 1 */
+    opacity?: number;
+}
+/**
+ * Line3D - A 3D line segment
+ *
+ * Creates a line segment between two 3D points using Three.js Line.
+ * Note: Due to WebGL limitations, line width may not work on all platforms.
+ *
+ * @example
+ * ```typescript
+ * // Create a line from origin to (1, 1, 1)
+ * const line = new Line3D({ end: [1, 1, 1] });
+ *
+ * // Create a line between two points
+ * const line2 = new Line3D({
+ *   start: [-1, 0, 0],
+ *   end: [1, 0, 0],
+ *   color: '#ff0000'
+ * });
+ * ```
+ */
+export declare class Line3D extends Mobject {
+    protected _start: Vector3Tuple;
+    protected _end: Vector3Tuple;
+    protected _lineWidth: number;
+    constructor(options: Line3DOptions);
+    /**
+     * Create the Three.js line object
+     */
+    protected _createThreeObject(): THREE.Object3D;
+    /**
+     * Sync material properties to Three.js object
+     */
+    protected _syncMaterialToThree(): void;
+    /**
+     * Update the geometry with current points
+     */
+    protected _updateGeometry(): void;
+    /**
+     * Get the start point
+     */
+    getStart(): Vector3Tuple;
+    /**
+     * Set the start point
+     */
+    setStart(point: Vector3Tuple): this;
+    /**
+     * Get the end point
+     */
+    getEnd(): Vector3Tuple;
+    /**
+     * Set the end point
+     */
+    setEnd(point: Vector3Tuple): this;
+    /**
+     * Get the line width
+     */
+    getLineWidth(): number;
+    /**
+     * Set the line width
+     */
+    setLineWidth(width: number): this;
+    /**
+     * Get the length of the line
+     */
+    getLength(): number;
+    /**
+     * Get the direction vector (normalized)
+     */
+    getDirection(): Vector3Tuple;
+    /**
+     * Get the midpoint of the line
+     */
+    getMidpoint(): Vector3Tuple;
+    /**
+     * Get a point along the line at parameter t (0 = start, 1 = end)
+     */
+    pointAtParameter(t: number): Vector3Tuple;
+    /**
+     * Create a copy of this Line3D
+     */
+    protected _createCopy(): Line3D;
+}
+export default Line3D;
+//# sourceMappingURL=Line3D.d.ts.map

package/dist/mobjects/three-d/Line3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line3D.d.ts","sourceRoot":"","sources":["../../../src/mobjects/three-d/Line3D.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,oCAAoC;IACpC,GAAG,EAAE,YAAY,CAAC;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,MAAO,SAAQ,OAAO;IACjC,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC;IAC/B,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;gBAEjB,OAAO,EAAE,aAAa;IAoBlC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,KAAK,CAAC,QAAQ;IAkB9C;;OAEG;cACgB,oBAAoB,IAAI,IAAI;IAa/C;;OAEG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;IAajC;;OAEG;IACH,QAAQ,IAAI,YAAY;IAIxB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMnC;;OAEG;IACH,MAAM,IAAI,YAAY;IAItB;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMjC;;OAEG;IACH,YAAY,IAAI,MAAM;IAItB;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOjC;;OAEG;IACH,SAAS,IAAI,MAAM;IAOnB;;OAEG;IACH,YAAY,IAAI,YAAY;IAY5B;;OAEG;IACH,WAAW,IAAI,YAAY;IAQ3B;;OAEG;IACH,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY;IAQzC;;OAEG;cACgB,WAAW,IAAI,MAAM;CASzC;AAED,eAAe,MAAM,CAAC"}