pts 0.10.3 → 0.10.7

package/dist/es5.js

@@ -1,5 +1,5 @@
 /*!
- * pts.js 0.10.3 - Copyright © 2017-2021 William Ngan and contributors.
+ * pts.js 0.10.7 - Copyright © 2017-2021 William Ngan and contributors.
  * Licensed under Apache 2.0 License.
  * See https://github.com/williamngan/pts for details.
  */
@@ -211,7 +211,7 @@ var CanvasSpace = function (_Space_1$MultiTouchSp) {
     }, {
         key: "setup",
         value: function setup(opt) {
-            if (opt.bgcolor) this._bgcolor = opt.bgcolor;
+            this._bgcolor = opt.bgcolor ? opt.bgcolor : "transparent";
             this.autoResize = opt.resize != undefined ? opt.resize : false;
             if (opt.retina !== false) {
                 var r1 = window ? window.devicePixelRatio || 1 : 1;
@@ -225,6 +225,9 @@ var CanvasSpace = function (_Space_1$MultiTouchSp) {
             } else {
                 this._offscreen = false;
             }
+            if (opt.pixelDensity) {
+                this._pixelScale = opt.pixelDensity;
+            }
             return this;
         }
     }, {
@@ -276,16 +279,14 @@ var CanvasSpace = function (_Space_1$MultiTouchSp) {
         value: function clear(bg) {
             if (bg) this._bgcolor = bg;
             var lastColor = this._ctx.fillStyle;
-            if (this._bgcolor) {
-                if (this._bgcolor === "transparent") {
+            if (!this._bgcolor || this._bgcolor === "transparent") {
+                this._ctx.clearRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
+            } 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);
-                } 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.fillStyle = this._bgcolor;
-                    this._ctx.fillRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
                 }
+                this._ctx.fillStyle = this._bgcolor;
+                this._ctx.fillRect(-1, -1, this._canvas.width + 1, this._canvas.height + 1);
             }
             this._ctx.fillStyle = lastColor;
             return this;
@@ -324,6 +325,28 @@ var CanvasSpace = function (_Space_1$MultiTouchSp) {
             this.removeAll();
             return this;
         }
+    }, {
+        key: "recorder",
+        value: function recorder(downloadOrCallback) {
+            var filetype = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "webm";
+            var bitrate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 15000000;
+
+            var stream = this._canvas.captureStream();
+            var recorder = new MediaRecorder(stream, { mimeType: "video/" + filetype, bitsPerSecond: bitrate });
+            recorder.ondataavailable = function (d) {
+                var url = URL.createObjectURL(new Blob([d.data], { type: "video/" + filetype }));
+                if (typeof downloadOrCallback === "function") {
+                    downloadOrCallback(url);
+                } else if (downloadOrCallback) {
+                    var a = document.createElement("a");
+                    a.href = url;
+                    a.download = "canvas_video." + filetype;
+                    a.click();
+                    a.remove();
+                }
+            };
+            return recorder;
+        }
     }, {
         key: "autoResize",
         set: function set(auto) {
@@ -397,6 +420,8 @@ var CanvasForm = function (_Form_1$VisualForm) {
     _inherits(CanvasForm, _Form_1$VisualForm);
 
     function CanvasForm(space) {
+        var _ret;
+
         _classCallCheck(this, CanvasForm);
 
         var _this2 = _possibleConstructorReturn(this, (CanvasForm.__proto__ || Object.getPrototypeOf(CanvasForm)).call(this));
@@ -406,15 +431,23 @@ var CanvasForm = function (_Form_1$VisualForm) {
             lineWidth: 1, lineJoin: "bevel", lineCap: "butt",
             globalAlpha: 1
         };
-        _this2._space = space;
-        _this2._space.add({ start: function start() {
-                _this2._ctx = _this2._space.ctx;
-                _this2._ctx.fillStyle = _this2._style.fillStyle;
-                _this2._ctx.strokeStyle = _this2._style.strokeStyle;
-                _this2._ctx.lineJoin = "bevel";
-                _this2._ctx.font = _this2._font.value;
-                _this2._ready = true;
-            } });
+        if (!space) return _ret = _this2, _possibleConstructorReturn(_this2, _ret);
+        var _setup = function _setup(ctx) {
+            _this2._ctx = ctx;
+            _this2._ctx.fillStyle = _this2._style.fillStyle;
+            _this2._ctx.strokeStyle = _this2._style.strokeStyle;
+            _this2._ctx.lineJoin = "bevel";
+            _this2._ctx.font = _this2._font.value;
+            _this2._ready = true;
+        };
+        if (space instanceof CanvasRenderingContext2D) {
+            _setup(space);
+        } else {
+            _this2._space = space;
+            _this2._space.add({ start: function start() {
+                    _setup(_this2._space.ctx);
+                } });
+        }
         return _this2;
     }
 
@@ -800,16 +833,6 @@ var CanvasForm = function (_Form_1$VisualForm) {
             return this._space.ctx;
         }
     }], [{
-        key: "paint",
-        value: function paint(ctx, fn, fill, stroke, strokeWidth) {
-            if (fill) ctx.fillStyle = fill;
-            if (stroke) ctx.strokeStyle = stroke;
-            if (strokeWidth) ctx.lineWidth = strokeWidth;
-            fn(ctx);
-            ctx.fill();
-            ctx.stroke();
-        }
-    }, {
         key: "point",
         value: function point(ctx, p) {
             var radius = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
@@ -1067,9 +1090,9 @@ var Color = function (_Pt_1$Pt) {
                 };
                 return "#" + _hex(this[0]) + _hex(this[1]) + _hex(this[2]);
             } else if (format == "rgba") {
-                return "rgba(" + Math.floor(this[0]) + "," + Math.floor(this[1]) + "," + Math.floor(this[2]) + "," + this.alpha;
+                return "rgba(" + Math.floor(this[0]) + "," + Math.floor(this[1]) + "," + Math.floor(this[2]) + "," + this.alpha + ")";
             } else if (format == "rgb") {
-                return "rgb(" + Math.floor(this[0]) + "," + Math.floor(this[1]) + "," + Math.floor(this[2]);
+                return "rgb(" + Math.floor(this[0]) + "," + Math.floor(this[1]) + "," + Math.floor(this[2]) + ")";
             } else {
                 return this._mode + "(" + this[0] + "," + this[1] + "," + this[2] + "," + this.alpha + ")";
             }
@@ -1460,9 +1483,9 @@ var Color = function (_Pt_1$Pt) {
                 y = _ref7[1],
                 z = _ref7[2];
 
-            var 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];
+            var rgb = [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 (var 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);
             }
@@ -1476,9 +1499,11 @@ var Color = function (_Pt_1$Pt) {
             var normalizedOutput = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
             var c = normalizedInput ? xyz.$normalize(false) : xyz.clone();
+            var eps = 0.00885645167;
+            var kap = 903.296296296;
             c.divide(Color.D65);
             var fn = function fn(n) {
-                return n > 0.008856 ? Math.pow(n, 1 / 3) : 7.787 * n + 16 / 116;
+                return n > eps ? Math.pow(n, 1 / 3) : (kap * n + 16) / 116;
             };
             var cy = fn(c[1]);
             var cc = Color.lab(116 * cy - 16, 500 * (fn(c[0]) - cy), 200 * (cy - fn(c[2])), xyz.alpha);
@@ -1494,12 +1519,12 @@ var Color = function (_Pt_1$Pt) {
             var y = (c[0] + 16) / 116;
             var x = c[1] / 500 + y;
             var z = y - c[2] / 200;
-            var fn = function fn(n) {
-                var nnn = n * n * n;
-                return nnn > 0.008856 ? nnn : (n - 16 / 116) / 7.787;
-            };
+            var eps = 0.00885645167;
+            var kap = 903.296296296;
             var d = Color.D65;
-            var 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);
+            var xxx = Math.pow(x, 3);
+            var zzz = Math.pow(z, 3);
+            var 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;
         }
     }, {
@@ -1625,9 +1650,9 @@ var Create = function () {
 
             var pts = new Pt_1.Group();
             for (var i = 0; i < count; i++) {
-                var p = [bound.x + Math.random() * bound.width];
-                if (dimensions > 1) p.push(bound.y + Math.random() * bound.height);
-                if (dimensions > 2) p.push(bound.z + Math.random() * bound.depth);
+                var p = [bound.x + Num_1.Num.random() * bound.width];
+                if (dimensions > 1) p.push(bound.y + Num_1.Num.random() * bound.height);
+                if (dimensions > 2) p.push(bound.z + Num_1.Num.random() * bound.depth);
                 pts.push(new Pt_1.Pt(p));
             }
             return pts;
@@ -1690,7 +1715,7 @@ var Create = function () {
             var rows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
             var columns = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
 
-            var seed = Math.random();
+            var seed = Num_1.Num.random();
             var g = new Pt_1.Group();
             var i = 0;
             var _iteratorNormalCompletion = true;
@@ -2819,6 +2844,7 @@ var Img = function () {
     function Img() {
         var editable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
         var pixelScale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        var crossOrigin = arguments[2];
 
         _classCallCheck(this, Img);
 
@@ -2827,6 +2853,7 @@ var Img = function () {
         this._editable = editable;
         this._scale = pixelScale;
         this._img = new Image();
+        if (crossOrigin) this._img.crossOrigin = "Anonymous";
     }
 
     _createClass(Img, [{
@@ -2911,13 +2938,33 @@ var Img = function () {
         key: "filter",
         value: function filter(css) {
             this._ctx.filter = css;
+            this._ctx.drawImage(this._cv, 0, 0);
+            this._ctx.filter = "none";
             return this;
         }
+    }, {
+        key: "cleanup",
+        value: function cleanup() {
+            if (this._cv) this._cv.remove();
+            if (this._img) this._img.remove();
+            this._data = null;
+        }
     }, {
         key: "toBase64",
         value: function toBase64() {
             return this._cv.toDataURL();
         }
+    }, {
+        key: "toBlob",
+        value: function toBlob() {
+            var _this3 = this;
+
+            return new Promise(function (resolve) {
+                _this3._cv.toBlob(function (blob) {
+                    return resolve(blob);
+                });
+            });
+        }
     }, {
         key: "current",
         get: function get() {
@@ -2990,9 +3037,24 @@ var Img = function () {
         key: "fromBlob",
         value: function fromBlob(blob) {
             var editable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+            var pixelScale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
 
             var url = URL.createObjectURL(blob);
-            return new Img(editable).load(url);
+            return new Img(editable, pixelScale).load(url);
+        }
+    }, {
+        key: "imageDataToBlob",
+        value: function imageDataToBlob(data) {
+            return new Promise(function (resolve) {
+                var cv = document.createElement("canvas");
+                cv.width = data.width;
+                cv.height = data.height;
+                cv.getContext("2d").putImageData(data, 0, 0);
+                cv.toBlob(function (blob) {
+                    resolve(blob);
+                    cv.remove();
+                });
+            });
         }
     }]);
 
@@ -3371,6 +3433,7 @@ var Util_1 = __webpack_require__(/*! ./Util */ "./src/Util.ts");
 var Op_1 = __webpack_require__(/*! ./Op */ "./src/Op.ts");
 var Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
 var LinearAlgebra_1 = __webpack_require__(/*! ./LinearAlgebra */ "./src/LinearAlgebra.ts");
+var uheprng_1 = __webpack_require__(/*! ./uheprng */ "./src/uheprng.ts");
 
 var Num = function () {
     function Num() {
@@ -3413,7 +3476,7 @@ var Num = function () {
             var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
             var r = a > b ? a - b : b - a;
-            return a + Math.random() * r;
+            return a + Num.random() * r;
         }
     }, {
         key: "randomPt",
@@ -3422,7 +3485,7 @@ var Num = function () {
             var range = b ? LinearAlgebra_1.Vec.subtract(b, a) : a;
             var start = b ? a : new Pt_1.Pt(a.length).fill(0);
             for (var 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;
         }
@@ -3464,6 +3527,16 @@ var Num = function () {
             var max = Math.max(targetA, targetB);
             return Num.normalizeValue(n, currA, currB) * (max - min) + min;
         }
+    }, {
+        key: "seed",
+        value: function seed(_seed) {
+            this.generator = uheprng_1.default(_seed);
+        }
+    }, {
+        key: "random",
+        value: function random() {
+            return this.generator ? this.generator.random() : Math.random();
+        }
     }]);
 
     return Num;
@@ -7161,7 +7234,7 @@ var Pt = function (_extendableBuiltin2) {
             if (defaultValue) p.fill(defaultValue);
             if (randomize) {
                 for (var 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);
@@ -7944,7 +8017,9 @@ var MultiTouchSpace = function (_Space) {
     }, {
         key: "unbindCanvas",
         value: function unbindCanvas(evt, callback) {
-            this._canvas.removeEventListener(evt, callback);
+            var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+            this._canvas.removeEventListener(evt, callback, options);
         }
     }, {
         key: "bindMouse",
@@ -7975,18 +8050,19 @@ var MultiTouchSpace = function (_Space) {
     }, {
         key: "bindTouch",
         value: function bindTouch() {
-            var _bind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+            var bind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+            var passive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-            if (_bind) {
-                this.bindCanvas("touchstart", this._touchStart.bind(this), { passive: true });
+            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;
             }
@@ -9125,6 +9201,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Util = exports.Const = void 0;
+var Num_1 = __webpack_require__(/*! ./Num */ "./src/Num.ts");
 var Pt_1 = __webpack_require__(/*! ./Pt */ "./src/Pt.ts");
 exports.Const = {
     xy: "xy",
@@ -9209,7 +9286,7 @@ var Util = function () {
             var start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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;
         }
     }, {
         key: "split",
@@ -9405,6 +9482,87 @@ __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 mash(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: function 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;
 
 /***/ })