manim-web 0.3.1 → 0.3.2

package/dist/index.js

@@ -39794,24 +39794,24 @@ class rd extends ze {
       shaftRadius: _ = 0.01
     } = t;
     this._xRange = [...e], this._yRange = [...i], this._zRange = [...r], this._xLength = n, this._yLength = o, this._zLength = a, this._showTicks = f, this._tickLength = g;
-    const y = l ?? h, x = c ?? h, w = u ?? h, M = n / 2, C = o / 2, P = a / 2;
+    const y = l ?? h, x = c ?? h, w = u ?? h, M = this._graphToVisual(e[0], e, n), C = this._graphToVisual(e[1], e, n), P = this._graphToVisual(i[0], i, o), R = this._graphToVisual(i[1], i, o), O = this._graphToVisual(r[0], r, a), z = this._graphToVisual(r[1], r, a);
     this._xAxis = new gs({
-      start: [-M, 0, 0],
-      end: [M, 0, 0],
+      start: [M, 0, 0],
+      end: [C, 0, 0],
       color: y,
       tipLength: m,
       tipRadius: p,
       shaftRadius: _
     }), this._yAxis = new gs({
-      start: [0, 0, C],
-      end: [0, 0, -C],
+      start: [0, 0, -P],
+      end: [0, 0, -R],
       color: x,
       tipLength: m,
       tipRadius: p,
       shaftRadius: _
     }), this._zAxis = new gs({
-      start: [0, -P, 0],
-      end: [0, P, 0],
+      start: [0, O, 0],
+      end: [0, z, 0],
       color: w,
       tipLength: m,
       tipRadius: p,
@@ -39829,42 +39829,42 @@ class rd extends ze {
    * Create tick marks for all axes using Manim→THREE.js coordinate mapping
    */
   _createTicks(t, e, i) {
-    const r = this._xLength / 2, n = this._yLength / 2, o = this._zLength / 2, [a, h, l] = this._xRange, [c, u, d] = this._yRange, [f, g, m] = this._zRange, p = this._tickLength / 2;
-    for (let _ = a; _ <= h; _ += l) {
-      if (Math.abs(_) < 1e-3 || Math.abs(_ - a) < 1e-3 || Math.abs(_ - h) < 1e-3) continue;
-      const y = this._mapToVisual(_, a, h, -r, r), x = new Fs({
-        start: this._m2t(y, 0, -p),
-        end: this._m2t(y, 0, p),
+    const [r, n, o] = this._xRange, [a, h, l] = this._yRange, [c, u, d] = this._zRange, f = this._tickLength / 2;
+    for (let g = r; g <= n; g += o) {
+      if (Math.abs(g) < 1e-3 || Math.abs(g - r) < 1e-3 || Math.abs(g - n) < 1e-3) continue;
+      const m = this._graphToVisual(g, this._xRange, this._xLength), p = new Fs({
+        start: this._m2t(m, 0, -f),
+        end: this._m2t(m, 0, f),
         color: t
       });
-      this._ticks.push(x), this.add(x);
+      this._ticks.push(p), this.add(p);
     }
-    for (let _ = c; _ <= u; _ += d) {
-      if (Math.abs(_) < 1e-3 || Math.abs(_ - c) < 1e-3 || Math.abs(_ - u) < 1e-3) continue;
-      const y = this._mapToVisual(_, c, u, -n, n), x = new Fs({
-        start: this._m2t(0, y, -p),
-        end: this._m2t(0, y, p),
+    for (let g = a; g <= h; g += l) {
+      if (Math.abs(g) < 1e-3 || Math.abs(g - a) < 1e-3 || Math.abs(g - h) < 1e-3) continue;
+      const m = this._graphToVisual(g, this._yRange, this._yLength), p = new Fs({
+        start: this._m2t(0, m, -f),
+        end: this._m2t(0, m, f),
         color: e
       });
-      this._ticks.push(x), this.add(x);
+      this._ticks.push(p), this.add(p);
     }
-    for (let _ = f; _ <= g; _ += m) {
-      if (Math.abs(_) < 1e-3 || Math.abs(_ - f) < 1e-3 || Math.abs(_ - g) < 1e-3) continue;
-      const y = this._mapToVisual(_, f, g, -o, o), x = new Fs({
-        start: this._m2t(-p, 0, y),
-        end: this._m2t(p, 0, y),
+    for (let g = c; g <= u; g += d) {
+      if (Math.abs(g) < 1e-3 || Math.abs(g - c) < 1e-3 || Math.abs(g - u) < 1e-3) continue;
+      const m = this._graphToVisual(g, this._zRange, this._zLength), p = new Fs({
+        start: this._m2t(-f, 0, m),
+        end: this._m2t(f, 0, m),
         color: i
       });
-      this._ticks.push(x), this.add(x);
+      this._ticks.push(p), this.add(p);
     }
   }
   /**
-   * Map a value from graph coordinates to visual coordinates
+   * Map a graph coordinate value to visual position such that graph 0 maps to visual 0.
+   * visual = value * (length / (max - min))
    */
-  _mapToVisual(t, e, i, r, n) {
-    if (i === e) return (r + n) / 2;
-    const o = (t - e) / (i - e);
-    return r + o * (n - r);
+  _graphToVisual(t, e, i) {
+    const [r, n] = e;
+    return n === r ? 0 : t * (i / (n - r));
   }
   /**
    * Convert graph coordinates (Manim space) to visual point coordinates (THREE.js space).
@@ -39875,8 +39875,8 @@ class rd extends ze {
    * @returns The visual point [x, y, z] in THREE.js space
    */
   coordsToPoint(t, e, i) {
-    const [r, n] = this._xRange, [o, a] = this._yRange, [h, l] = this._zRange, c = this._xLength / 2, u = this._yLength / 2, d = this._zLength / 2, f = this._mapToVisual(t, r, n, -c, c), g = this._mapToVisual(e, o, a, -u, u), m = this._mapToVisual(i, h, l, -d, d);
-    return [f + this.position.x, m + this.position.y, -g + this.position.z];
+    const r = this._graphToVisual(t, this._xRange, this._xLength), n = this._graphToVisual(e, this._yRange, this._yLength), o = this._graphToVisual(i, this._zRange, this._zLength);
+    return [r + this.position.x, o + this.position.y, -n + this.position.z];
   }
   /**
    * Convert visual point coordinates (THREE.js space) to graph coordinates (Manim space).
@@ -39885,8 +39885,8 @@ class rd extends ze {
    * @returns The graph coordinates [x, y, z] in Manim space
    */
   pointToCoords(t) {
-    const [e, i] = this._xRange, [r, n] = this._yRange, [o, a] = this._zRange, h = this._xLength / 2, l = this._yLength / 2, c = this._zLength / 2, u = t[0] - this.position.x, d = t[1] - this.position.y, f = t[2] - this.position.z, g = this._mapToVisual(u, -h, h, e, i), m = this._mapToVisual(-f, -l, l, r, n), p = this._mapToVisual(d, -c, c, o, a);
-    return [g, m, p];
+    const [e, i] = this._xRange, [r, n] = this._yRange, [o, a] = this._zRange, h = t[0] - this.position.x, l = t[1] - this.position.y, c = t[2] - this.position.z, u = h * (i - e) / this._xLength, d = -c * (n - r) / this._yLength, f = l * (a - o) / this._zLength;
+    return [u, d, f];
   }
   /**
    * Get the X-axis arrow

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

@@ -92,9 +92,10 @@ export declare class ThreeDAxes extends Group {
      */
     private _createTicks;
     /**
-     * Map a value from graph coordinates to visual coordinates
+     * Map a graph coordinate value to visual position such that graph 0 maps to visual 0.
+     * visual = value * (length / (max - min))
      */
-    private _mapToVisual;
+    private _graphToVisual;
     /**
      * Convert graph coordinates (Manim space) to visual point coordinates (THREE.js space).
      * Applies Manim→THREE.js mapping: (mx, my, mz) → (mx, mz, -my)

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

@@ -1 +1 @@
-{"version":3,"file":"ThreeDAxes.d.ts","sourceRoot":"","sources":["../../../src/mobjects/three-d/ThreeDAxes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,UAAW,SAAQ,KAAK;IACnC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,MAAM,CAAgB;gBAElB,OAAO,GAAE,iBAAsB;IAmF3C;;;OAGG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;IACH,OAAO,CAAC,YAAY;IAwDpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAYpB;;;;;;;OAOG;IACH,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,YAAY;IAiB5D;;;;;OAKG;IACH,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY;IAsBhD;;OAEG;IACH,QAAQ,IAAI,OAAO;IAInB;;OAEG;IACH,QAAQ,IAAI,OAAO;IAInB;;OAEG;IACH,QAAQ,IAAI,OAAO;IAInB;;OAEG;IACH,SAAS,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAIrC;;OAEG;IACH,SAAS,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAIrC;;OAEG;IACH,SAAS,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAIrC;;OAEG;IACH,UAAU,IAAI,MAAM;IAIpB;;OAEG;IACH,UAAU,IAAI,MAAM;IAIpB;;OAEG;IACH,UAAU,IAAI,MAAM;IAIpB;;OAEG;IACH,SAAS,IAAI,YAAY;IAIzB;;OAEG;IACH,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAIvB;;OAEG;IACH,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAIvB;;OAEG;IACH,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAIvB;;OAEG;cACgB,WAAW,IAAI,UAAU;CAY7C;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreeDAxes.d.ts","sourceRoot":"","sources":["../../../src/mobjects/three-d/ThreeDAxes.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "manim-web",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Manim-like mathematical animation library for the web",
   "type": "module",
   "main": "dist/index.js",