pts 0.10.4 → 0.10.8

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * pts.js 0.10.4 - Copyright © 2017-2021 William Ngan and contributors.
+ * pts.js 0.10.8 - Copyright © 2017-2021 William Ngan and contributors.
  * Licensed under Apache 2.0 License.
  * See https://github.com/williamngan/pts for details.
  */
@@ -110,7 +110,7 @@ return /******/ (function(modules) { // webpackBootstrap
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CanvasForm = exports.CanvasSpace = void 0;
 const Space_1 = __webpack_require__(/*! ./Space */ "./src/Space.ts");
@@ -202,6 +202,9 @@ class CanvasSpace extends Space_1.MultiTouchSpace {
         else {
             this._offscreen = false;
         }
+        if (opt.pixelDensity) {
+            this._pixelScale = opt.pixelDensity;
+        }
         return this;
     }
     set autoResize(auto) {
@@ -218,13 +221,13 @@ class CanvasSpace extends Space_1.MultiTouchSpace {
     get autoResize() { return this._autoResize; }
     resize(b, evt) {
         this.bound = b;
-        this._canvas.width = this.bound.size.x * this._pixelScale;
-        this._canvas.height = this.bound.size.y * this._pixelScale;
-        this._canvas.style.width = Math.floor(this.bound.size.x) + "px";
-        this._canvas.style.height = Math.floor(this.bound.size.y) + "px";
+        this._canvas.width = Math.ceil(this.bound.size.x) * this._pixelScale;
+        this._canvas.height = Math.ceil(this.bound.size.y) * this._pixelScale;
+        this._canvas.style.width = Math.ceil(this.bound.size.x) + "px";
+        this._canvas.style.height = Math.ceil(this.bound.size.y) + "px";
         if (this._offscreen) {
-            this._offCanvas.width = this.bound.size.x * this._pixelScale;
-            this._offCanvas.height = this.bound.size.y * this._pixelScale;
+            this._offCanvas.width = Math.ceil(this.bound.size.x) * this._pixelScale;
+            this._offCanvas.height = Math.ceil(this.bound.size.y) * this._pixelScale;
         }
         if (this._pixelScale != 1) {
             this._ctx.scale(this._pixelScale, this._pixelScale);
@@ -279,27 +282,29 @@ class CanvasSpace extends Space_1.MultiTouchSpace {
         if (bg)
             this._bgcolor = bg;
         const lastColor = this._ctx.fillStyle;
+        const px = Math.ceil(this.pixelScale);
         if (!this._bgcolor || this._bgcolor === "transparent") {
-            this._ctx.clearRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
+            this._ctx.clearRect(-px, -px, this._canvas.width + px, this._canvas.height + px);
         }
         else {
             if (this._bgcolor.indexOf("rgba") === 0 || (this._bgcolor.length === 9 && this._bgcolor.indexOf("#") === 0)) {
-                this._ctx.clearRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
+                this._ctx.clearRect(-px, -px, this._canvas.width + px, this._canvas.height + px);
             }
             this._ctx.fillStyle = this._bgcolor;
-            this._ctx.fillRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
+            this._ctx.fillRect(-px, -px, this._canvas.width + px, this._canvas.height + px);
         }
         this._ctx.fillStyle = lastColor;
         return this;
     }
     clearOffscreen(bg) {
         if (this._offscreen) {
+            const px = Math.ceil(this.pixelScale);
             if (bg) {
                 this._offCtx.fillStyle = bg;
-                this._offCtx.fillRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
+                this._offCtx.fillRect(-px, -px, this._canvas.width + px, this._canvas.height + px);
             }
             else {
-                this._offCtx.clearRect(-1, -1, this._offCanvas.width + 1, this._offCanvas.height + 1);
+                this._offCtx.clearRect(-px, -px, this._offCanvas.width + px, this._offCanvas.height + px);
             }
         }
         return this;
@@ -324,9 +329,9 @@ class CanvasSpace extends Space_1.MultiTouchSpace {
         this.removeAll();
         return this;
     }
-    recorder(downloadOrCallback, filetype = "webm") {
+    recorder(downloadOrCallback, filetype = "webm", bitrate = 15000000) {
         let stream = this._canvas.captureStream();
-        const recorder = new MediaRecorder(stream, { mimeType: `video/${filetype}` });
+        const recorder = new MediaRecorder(stream, { mimeType: `video/${filetype}`, bitsPerSecond: bitrate });
         recorder.ondataavailable = function (d) {
             let url = URL.createObjectURL(new Blob([d.data], { type: `video/${filetype}` }));
             if (typeof downloadOrCallback === "function") {
@@ -352,6 +357,8 @@ class CanvasForm extends Form_1.VisualForm {
             lineWidth: 1, lineJoin: "bevel", lineCap: "butt",
             globalAlpha: 1
         };
+        if (!space)
+            return this;
         const _setup = (ctx) => {
             this._ctx = ctx;
             this._ctx.fillStyle = this._style.fillStyle;
@@ -422,6 +429,19 @@ class CanvasForm extends Form_1.VisualForm {
         }
         return this;
     }
+    applyFillStroke(filled = true, stroked = true, strokeWidth = 1) {
+        if (filled) {
+            if (typeof filled === 'string')
+                this.fill(filled);
+            this._ctx.fill();
+        }
+        if (stroked) {
+            if (typeof stroked === 'string')
+                this.stroke(stroked, strokeWidth);
+            this._ctx.stroke();
+        }
+        return this;
+    }
     gradient(stops) {
         let vals = [];
         if (stops.length < 2)
@@ -790,7 +810,7 @@ exports.CanvasForm = CanvasForm;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Color = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -1046,12 +1066,12 @@ class Color extends Pt_1.Pt {
     static XYZtoRGB(xyz, normalizedInput = false, normalizedOutput = false) {
         let [x, y, z] = (!normalizedInput) ? xyz.$normalize() : xyz;
         let rgb = [
-            x * 3.2404542 + y * -1.5371385 + z * -0.4985314,
-            x * -0.9692660 + y * 1.8760108 + z * 0.0415560,
-            x * 0.0556434 + y * -0.2040259 + z * 1.0572252
+            x * 3.2406254773200533 + y * -1.5372079722103187 + z * -0.4986285986982479,
+            x * -0.9689307147293197 + y * 1.8757560608852415 + z * 0.041517523842953964,
+            x * 0.055710120445510616 + y * -0.2040210505984867 + z * 1.0569959422543882
         ];
         for (let i = 0; i < 3; i++) {
-            rgb[i] = (rgb[i] < 0) ? 0 : (rgb[i] > 0.0031308) ? (1.055 * Math.pow(rgb[i], 1 / 2.4) - 0.055) : (12.92 * rgb[i]);
+            rgb[i] = (rgb[i] > 0.0031308) ? (1.055 * Math.pow(rgb[i], 1 / 2.4) - 0.055) : (12.92 * rgb[i]);
             rgb[i] = Math.max(0, Math.min(1, rgb[i]));
             if (!normalizedOutput)
                 rgb[i] = Math.round(rgb[i] * 255);
@@ -1061,8 +1081,10 @@ class Color extends Pt_1.Pt {
     }
     static XYZtoLAB(xyz, normalizedInput = false, normalizedOutput = false) {
         let c = (normalizedInput) ? xyz.$normalize(false) : xyz.clone();
+        const eps = 0.00885645167;
+        const kap = 903.296296296;
         c.divide(Color.D65);
-        let fn = (n) => (n > 0.008856) ? Math.pow(n, 1 / 3) : (7.787 * n) + 16 / 116;
+        let fn = (n) => (n > eps) ? Math.pow(n, 1 / 3) : (kap * n + 16) / 116;
         let cy = fn(c[1]);
         let cc = Color.lab((116 * cy) - 16, 500 * (fn(c[0]) - cy), 200 * (cy - fn(c[2])), xyz.alpha);
         return (normalizedOutput) ? cc.normalize() : cc;
@@ -1072,12 +1094,12 @@ class Color extends Pt_1.Pt {
         let y = (c[0] + 16) / 116;
         let x = (c[1] / 500) + y;
         let z = y - c[2] / 200;
-        let fn = (n) => {
-            let nnn = n * n * n;
-            return (nnn > 0.008856) ? nnn : (n - 16 / 116) / 7.787;
-        };
+        const eps = 0.00885645167;
+        const kap = 903.296296296;
         let d = Color.D65;
-        let cc = Color.xyz(Math.max(0, d[0] * fn(x)), Math.max(0, d[1] * fn(y)), Math.max(0, d[2] * fn(z)), lab.alpha);
+        const xxx = Math.pow(x, 3);
+        const zzz = Math.pow(z, 3);
+        let cc = Color.xyz(d[0] * ((xxx > eps) ? xxx : (116 * x - 16) / kap), d[1] * ((c[0] > kap * eps) ? Math.pow((c[0] + 16) / 116, 3) : c[0] / kap), d[2] * ((zzz > eps) ? zzz : (116 * z - 16) / kap), lab.alpha);
         return (normalizedOutput) ? cc.normalize() : cc;
     }
     static XYZtoLUV(xyz, normalizedInput = false, normalizedOutput = false) {
@@ -1140,7 +1162,7 @@ Color.ranges = {
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Delaunay = exports.Noise = exports.Create = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -1152,11 +1174,11 @@ class Create {
     static distributeRandom(bound, count, dimensions = 2) {
         let pts = new Pt_1.Group();
         for (let i = 0; i < count; i++) {
-            let p = [bound.x + Math.random() * bound.width];
+            let p = [bound.x + Num_1.Num.random() * bound.width];
             if (dimensions > 1)
-                p.push(bound.y + Math.random() * bound.height);
+                p.push(bound.y + Num_1.Num.random() * bound.height);
             if (dimensions > 2)
-                p.push(bound.z + Math.random() * bound.depth);
+                p.push(bound.z + Num_1.Num.random() * bound.depth);
             pts.push(new Pt_1.Pt(p));
         }
         return pts;
@@ -1202,7 +1224,7 @@ class Create {
         return g;
     }
     static noisePts(pts, dx = 0.01, dy = 0.01, rows = 0, columns = 0) {
-        let seed = Math.random();
+        let seed = Num_1.Num.random();
         let g = new Pt_1.Group();
         let i = 0;
         for (let p of pts) {
@@ -1432,7 +1454,7 @@ exports.Delaunay = Delaunay;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HTMLForm = exports.HTMLSpace = exports.DOMSpace = void 0;
 const Space_1 = __webpack_require__(/*! ./Space */ "./src/Space.ts");
@@ -1897,7 +1919,7 @@ HTMLForm.domID = 0;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Font = exports.VisualForm = exports.Form = void 0;
 class Form {
@@ -2086,6 +2108,8 @@ class Img {
     }
     filter(css) {
         this._ctx.filter = css;
+        this._ctx.drawImage(this._cv, 0, 0);
+        this._ctx.filter = "none";
         return this;
     }
     cleanup() {
@@ -2161,7 +2185,7 @@ exports.Img = Img;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Mat = exports.Vec = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -2428,13 +2452,14 @@ exports.Mat = Mat;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Range = exports.Shaping = exports.Geom = exports.Num = void 0;
 const Util_1 = __webpack_require__(/*! ./Util */ "./src/Util.ts");
 const Op_1 = __webpack_require__(/*! ./Op */ "./src/Op.ts");
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
 const LinearAlgebra_1 = __webpack_require__(/*! ./LinearAlgebra */ "./src/LinearAlgebra.ts");
+const uheprng_1 = __webpack_require__(/*! ./uheprng */ "./src/uheprng.ts");
 class Num {
     static equals(a, b, threshold = 0.00001) {
         return Math.abs(a - b) < threshold;
@@ -2459,14 +2484,14 @@ class Num {
     }
     static randomRange(a, b = 0) {
         let r = (a > b) ? (a - b) : (b - a);
-        return a + Math.random() * r;
+        return a + Num.random() * r;
     }
     static randomPt(a, b) {
         let p = new Pt_1.Pt(a.length);
         let range = b ? LinearAlgebra_1.Vec.subtract(b, a) : a;
         let start = b ? a : new Pt_1.Pt(a.length).fill(0);
         for (let i = 0, len = p.length; i < len; i++) {
-            p[i] = Math.random() * range[i] + start[i];
+            p[i] = Num.random() * range[i] + start[i];
         }
         return p;
     }
@@ -2497,6 +2522,14 @@ class Num {
         let max = Math.max(targetA, targetB);
         return Num.normalizeValue(n, currA, currB) * (max - min) + min;
     }
+    static seed(seed) {
+        this.generator = uheprng_1.default(seed);
+    }
+    static random() {
+        return this.generator
+            ? this.generator.random()
+            : Math.random();
+    }
 }
 exports.Num = Num;
 class Geom {
@@ -2914,7 +2947,7 @@ exports.Range = Range;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Curve = exports.Polygon = exports.Triangle = exports.Circle = exports.Rectangle = exports.Line = void 0;
 const Util_1 = __webpack_require__(/*! ./Util */ "./src/Util.ts");
@@ -3912,7 +3945,7 @@ exports.Curve = Curve;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Body = exports.Particle = exports.World = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -4667,7 +4700,7 @@ exports.Sound = Sound;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Bound = exports.Group = exports.Pt = void 0;
 const Util_1 = __webpack_require__(/*! ./Util */ "./src/Util.ts");
@@ -4688,7 +4721,7 @@ class Pt extends Float32Array {
             p.fill(defaultValue);
         if (randomize) {
             for (let i = 0, len = p.length; i < len; i++) {
-                p[i] = p[i] * Math.random();
+                p[i] = p[i] * Num_1.Num.random();
             }
         }
         return new Pt(p);
@@ -5144,7 +5177,7 @@ exports.Bound = Bound;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiTouchSpace = exports.Space = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -5239,7 +5272,7 @@ class Space {
         this._time.end = t;
         return this;
     }
-    playOnce(duration = 5000) {
+    playOnce(duration = 0) {
         this.play();
         this.stop(duration);
         return this;
@@ -5276,44 +5309,50 @@ class MultiTouchSpace extends Space {
     bindCanvas(evt, callback, options = {}) {
         this._canvas.addEventListener(evt, callback, options);
     }
-    unbindCanvas(evt, callback) {
-        this._canvas.removeEventListener(evt, callback);
+    unbindCanvas(evt, callback, options = {}) {
+        this._canvas.removeEventListener(evt, callback, options);
     }
     bindMouse(_bind = true) {
         if (_bind) {
-            this.bindCanvas("mousedown", this._mouseDown.bind(this));
-            this.bindCanvas("mouseup", this._mouseUp.bind(this));
-            this.bindCanvas("mouseover", this._mouseOver.bind(this));
-            this.bindCanvas("mouseout", this._mouseOut.bind(this));
-            this.bindCanvas("mousemove", this._mouseMove.bind(this));
-            this.bindCanvas("click", this._mouseClick.bind(this));
-            this.bindCanvas("contextmenu", this._contextMenu.bind(this));
+            this._mouseDown = this._mouseDown.bind(this);
+            this._mouseUp = this._mouseUp.bind(this);
+            this._mouseOver = this._mouseOver.bind(this);
+            this._mouseMove = this._mouseMove.bind(this);
+            this._mouseClick = this._mouseClick.bind(this);
+            this._contextMenu = this._contextMenu.bind(this);
+            this.bindCanvas("mousedown", this._mouseDown);
+            this.bindCanvas("mouseup", this._mouseUp);
+            this.bindCanvas("mouseover", this._mouseOver);
+            this.bindCanvas("mouseout", this._mouseOut);
+            this.bindCanvas("mousemove", this._mouseMove);
+            this.bindCanvas("click", this._mouseClick);
+            this.bindCanvas("contextmenu", this._contextMenu);
             this._hasMouse = true;
         }
         else {
-            this.unbindCanvas("mousedown", this._mouseDown.bind(this));
-            this.unbindCanvas("mouseup", this._mouseUp.bind(this));
-            this.unbindCanvas("mouseover", this._mouseOver.bind(this));
-            this.unbindCanvas("mouseout", this._mouseOut.bind(this));
-            this.unbindCanvas("mousemove", this._mouseMove.bind(this));
-            this.unbindCanvas("click", this._mouseClick.bind(this));
-            this.unbindCanvas("contextmenu", this._contextMenu.bind(this));
+            this.unbindCanvas("mousedown", this._mouseDown);
+            this.unbindCanvas("mouseup", this._mouseUp);
+            this.unbindCanvas("mouseover", this._mouseOver);
+            this.unbindCanvas("mouseout", this._mouseOut);
+            this.unbindCanvas("mousemove", this._mouseMove);
+            this.unbindCanvas("click", this._mouseClick);
+            this.unbindCanvas("contextmenu", this._contextMenu);
             this._hasMouse = false;
         }
         return this;
     }
-    bindTouch(_bind = true) {
-        if (_bind) {
-            this.bindCanvas("touchstart", this._touchStart.bind(this), { passive: true });
+    bindTouch(bind = true, passive = false) {
+        if (bind) {
+            this.bindCanvas("touchstart", this._touchStart.bind(this), { passive: passive });
             this.bindCanvas("touchend", this._mouseUp.bind(this));
-            this.bindCanvas("touchmove", this._touchMove.bind(this), { passive: true });
+            this.bindCanvas("touchmove", this._touchMove.bind(this), { passive: passive });
             this.bindCanvas("touchcancel", this._mouseOut.bind(this));
             this._hasTouch = true;
         }
         else {
-            this.unbindCanvas("touchstart", this._touchStart.bind(this));
+            this.unbindCanvas("touchstart", this._touchStart.bind(this), { passive: passive });
             this.unbindCanvas("touchend", this._mouseUp.bind(this));
-            this.unbindCanvas("touchmove", this._touchMove.bind(this));
+            this.unbindCanvas("touchmove", this._touchMove.bind(this), { passive: passive });
             this.unbindCanvas("touchcancel", this._mouseOut.bind(this));
             this._hasTouch = false;
         }
@@ -5430,7 +5469,7 @@ exports.MultiTouchSpace = MultiTouchSpace;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SVGForm = exports.SVGSpace = void 0;
 const Form_1 = __webpack_require__(/*! ./Form */ "./src/Form.ts");
@@ -5813,7 +5852,7 @@ SVGForm.domID = 0;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Typography = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -5868,7 +5907,7 @@ exports.Typography = Typography;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UIDragger = exports.UIButton = exports.UI = exports.UIPointerActions = exports.UIShape = void 0;
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
@@ -6154,9 +6193,10 @@ exports.UIDragger = UIDragger;
 
 "use strict";
 
-/*! Source code licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
+/*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Util = exports.Const = void 0;
+const Num_1 = __webpack_require__(/*! ./Num */ "./src/Num.ts");
 const Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
 exports.Const = {
     xy: "xy",
@@ -6228,7 +6268,7 @@ class Util {
     }
     static randomInt(range, start = 0) {
         Util.warn("Util.randomInt is deprecated. Please use `Num.randomRange`");
-        return Math.floor(Math.random() * range) + start;
+        return Math.floor(Num_1.Num.random() * range) + start;
     }
     static split(pts, size, stride, loopBack = false, matchSize = true) {
         let chunks = [];
@@ -6382,6 +6422,89 @@ __exportStar(__webpack_require__(/*! ./Typography */ "./src/Typography.ts"), exp
 __exportStar(__webpack_require__(/*! ./Physics */ "./src/Physics.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Play */ "./src/Play.ts"), exports);
 __exportStar(__webpack_require__(/*! ./UI */ "./src/UI.ts"), exports);
+__exportStar(__webpack_require__(/*! ./Image */ "./src/Image.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/uheprng.ts":
+/*!************************!*\
+  !*** ./src/uheprng.ts ***!
+  \************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+function Mash() {
+    var n = 0xefc8249d;
+    var mash = function (data) {
+        if (data) {
+            data = data.toString();
+            for (var i = 0; i < data.length; i++) {
+                n += data.charCodeAt(i);
+                var h = 0.02519603282416938 * n;
+                n = h >>> 0;
+                h -= n;
+                h *= n;
+                n = h >>> 0;
+                h -= n;
+                n += h * 0x100000000;
+            }
+            return (n >>> 0) * 2.3283064365386963e-10;
+        }
+        else
+            n = 0xefc8249d;
+    };
+    return mash;
+}
+function default_1(seed) {
+    var o = 48;
+    var c = 1;
+    var p = o;
+    var s = new Array(o);
+    var i, j, k = 0;
+    var mash = Mash();
+    for (i = 0; i < o; i++)
+        s[i] = mash(Math.random().toString());
+    function initState() {
+        mash();
+        for (i = 0; i < o; i++)
+            s[i] = mash(' ');
+        c = 1;
+        p = o;
+    }
+    function cleanString(inStr) {
+        inStr = inStr.replace(/(^\s*)|(\s*$)/gi, '');
+        inStr = inStr.replace(/[\x00-\x1F]/gi, '');
+        inStr = inStr.replace(/\n /, '\n');
+        return inStr;
+    }
+    function hashString(inStr) {
+        inStr = cleanString(inStr);
+        mash(inStr);
+        for (i = 0; i < inStr.length; i++) {
+            k = inStr.charCodeAt(i);
+            for (j = 0; j < o; j++) {
+                s[j] -= mash(k.toString());
+                if (s[j] < 0)
+                    s[j] += 1;
+            }
+        }
+    }
+    initState();
+    hashString(seed);
+    return {
+        random() {
+            if (++p >= o)
+                p = 0;
+            var t = 1768863 * s[p] + c * 2.3283064365386963e-10;
+            return (s[p] = t - (c = t | 0));
+        }
+    };
+}
+exports.default = default_1;
 
 
 /***/ })

package/dist/pts.d.ts

@@ -16,12 +16,7 @@ export class CanvasSpace extends MultiTouchSpace {
     protected _initialResize: boolean;
     constructor(elem: string | Element, callback?: Function);
     protected _createElement(elem: string, id: any): HTMLElement;
-    setup(opt: {
-        bgcolor?: string;
-        resize?: boolean;
-        retina?: boolean;
-        offscreen?: boolean;
-    }): this;
+    setup(opt: CanvasSpaceOptions): this;
     set autoResize(auto: boolean);
     get autoResize(): boolean;
     resize(b: Bound, evt?: Event): this;
@@ -41,7 +36,7 @@ export class CanvasSpace extends MultiTouchSpace {
     clearOffscreen(bg?: string): this;
     protected playItems(time: number): void;
     dispose(): this;
-    recorder(downloadOrCallback: boolean | ((blobURL: string) => {}), filetype?: string): MediaRecorder;
+    recorder(downloadOrCallback: boolean | ((blobURL: string) => {}), filetype?: string, bitrate?: number): MediaRecorder;
 }
 export class CanvasForm extends VisualForm {
     protected _space: CanvasSpace;
@@ -56,6 +51,7 @@ export class CanvasForm extends VisualForm {
     alpha(a: number): this;
     fill(c: string | boolean | CanvasGradient | CanvasPattern): this;
     stroke(c: string | boolean | CanvasGradient | CanvasPattern, width?: number, linejoin?: CanvasLineJoin, linecap?: CanvasLineCap): this;
+    applyFillStroke(filled?: boolean | string, stroked?: boolean | string, strokeWidth?: number): this;
     gradient(stops: [number, string][] | string[]): ((area1: GroupLike, area2?: GroupLike) => CanvasGradient);
     composite(mode?: string): this;
     clip(): this;
@@ -410,6 +406,7 @@ export class Mat {
 }
 
 export class Num {
+    static generator: any;
     static equals(a: number, b: number, threshold?: number): boolean;
     static lerp(a: number, b: number, t: number): number;
     static clamp(val: number, min: number, max: number): number;
@@ -422,6 +419,8 @@ export class Num {
     static average(pts: PtLikeIterable): Pt;
     static cycle(t: number, method?: (t: number) => number): number;
     static mapToRange(n: number, currA: number, currB: number, targetA: number, targetB: number): number;
+    static seed(seed: string): void;
+    static random(): number;
 }
 export class Geom {
     static boundAngle(angle: number): number;
@@ -962,9 +961,9 @@ export abstract class MultiTouchSpace extends Space {
     protected _canvas: EventTarget;
     get pointer(): Pt;
     bindCanvas(evt: string, callback: EventListener, options?: any): void;
-    unbindCanvas(evt: string, callback: EventListener): void;
+    unbindCanvas(evt: string, callback: EventListener, options?: any): void;
     bindMouse(_bind?: boolean): this;
-    bindTouch(_bind?: boolean): this;
+    bindTouch(bind?: boolean, passive?: boolean): this;
     touchesToPoints(evt: TouchEvent, which?: TouchPointsKey): Pt[];
     protected _mouseAction(type: string, evt: MouseEvent | TouchEvent): void;
     protected _mouseDown(evt: MouseEvent | TouchEvent): boolean;
@@ -1081,6 +1080,13 @@ export interface PtsCanvasRenderingContext2D extends CanvasRenderingContext2D {
     oBackingStorePixelRatio?: number;
     backingStorePixelRatio?: number;
 }
+export type CanvasSpaceOptions = {
+    bgcolor?: string;
+    resize?: boolean;
+    retina?: boolean;
+    offscreen?: boolean;
+    pixelDensity?: number;
+};
 export type ColorType = "rgb" | "hsl" | "hsb" | "lab" | "lch" | "luv" | "xyz";
 export type DelaunayShape = {
     i: number;
@@ -1148,6 +1154,10 @@ export class Typography {
     static fontSizeToThreshold(threshold: number, direction?: number): (a: number, b: number) => number;
 }
 
+export default function (seed: string): {
+    random(): number;
+};
+
 export const UIShape: {
     rectangle: string;
     circle: string;