redhotmagma-visualization 1.51.0 → 1.51.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AlignTargetProvider.js +21 -30
- package/CommonUtils/Deferred.js +11 -19
- package/CommonUtils/Observable.js +23 -30
- package/CommonUtils/PropertyObserver.js +4 -10
- package/CommonUtils/SyncCurrentFunction.js +25 -31
- package/CommonUtils/SyncObservableEvent.js +4 -10
- package/CommonUtils/pointerEvent.js +9 -15
- package/Constants.js +2 -8
- package/DevApp.js +224 -236
- package/ExposedModules.js +4 -19
- package/FallbackVisualization.js +5 -12
- package/PrintingEffects/ColorEmbossingEffect.js +13 -19
- package/PrintingEffects/DomingEffect.js +13 -19
- package/PrintingEffects/EmbossingEffect.js +14 -20
- package/PrintingEffects/EmbroideryEffect.js +113 -128
- package/PrintingEffects/EngravingEffect.js +14 -20
- package/PrintingEffects/PrintingEffects.js +40 -48
- package/PrintingEffects/PrintingEffectsUtils.js +4 -13
- package/React/ReactBase.js +29 -37
- package/Three/Exporters/glTFExporter.js +3 -10
- package/Three/Three2D.js +441 -470
- package/Three/Three2DLayers.js +136 -148
- package/Three/Three3D.js +285 -302
- package/Three/Three3DScene.js +326 -341
- package/Three/ThreeBase.js +92 -104
- package/Utils/DesignArea/getDesignAreaCanvasSize.js +3 -10
- package/Utils/TextureBuilder/createTextureBuilder.js +57 -69
- package/Utils/TextureBuilder/textureBuilderFunctions.js +4 -10
- package/Utils/canvasBlur.js +2 -8
- package/Utils/createAlphaMapFromAlphaChannel.js +8 -13
- package/Utils/createBakedShadow.js +18 -25
- package/Utils/createCache.js +1 -7
- package/Utils/createCanvas.js +1 -7
- package/Utils/createImageRepository.js +38 -53
- package/Utils/disposeMaterial.js +7 -12
- package/Utils/getImageSize.js +1 -7
- package/Utils/imagePreloader.js +22 -29
- package/Utils/initTextureCanvas.js +10 -17
- package/Utils/isMobileDevice.js +1 -7
- package/Utils/optimizeTextureImage.js +8 -13
- package/Utils/rememberCameraViewOffset.js +1 -7
- package/Utils/removeObject.js +3 -9
- package/Utils/restrictCameraMovement.js +5 -12
- package/Utils/setLightShadow.js +3 -9
- package/Utils/setOrthographicCameraSize.js +1 -7
- package/Utils/updateFitSizeToElement.js +5 -11
- package/VisualizationContainer.js +46 -55
- package/VisualizationInterface.js +42 -50
- package/VisualizationProvider.js +8 -15
- package/index.js +4 -7
- package/package.json +2 -2
- package/src/Three/Exporters/glTFExporter.js +1 -1
- package/src/Three/Three3D.js +4 -4
- package/src/Three/Three3DScene.js +13 -3
- package/src/Utils/restrictCameraMovement.js +1 -1
- package/visualizationAdapterCreator.js +18 -27
package/Three/Three2DLayers.js
CHANGED
|
@@ -1,79 +1,73 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Three2DLayers = void 0;
|
|
7
|
-
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
8
|
-
var _first = _interopRequireDefault(require("lodash/first"));
|
|
9
|
-
var _three = require("three");
|
|
10
|
-
var _createCanvas = require("../Utils/createCanvas");
|
|
11
|
-
var _getImageSize = require("../Utils/getImageSize");
|
|
12
|
-
var _createCache = require("../Utils/createCache");
|
|
13
|
-
var _createImageRepository = require("../Utils/createImageRepository");
|
|
14
|
-
var _setOrthographicCameraSize = require("../Utils/setOrthographicCameraSize");
|
|
15
|
-
var _optimizeTextureImage = require("../Utils/optimizeTextureImage");
|
|
16
|
-
var _SyncObservableEvent = require("../CommonUtils/SyncObservableEvent");
|
|
17
|
-
var _Three2D2 = require("./Three2D");
|
|
18
|
-
var _Constants = require("../Constants");
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
21
|
-
function _createForOfIteratorHelper(
|
|
22
|
-
function _slicedToArray(
|
|
2
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
3
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
23
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
24
|
-
function _unsupportedIterableToArray(
|
|
25
|
-
function _arrayLikeToArray(
|
|
5
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
6
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
26
7
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
27
|
-
function _arrayWithHoles(
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function
|
|
8
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
9
|
+
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
10
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
11
|
+
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
12
|
+
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
31
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
32
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
33
|
-
function _classCallCheck(
|
|
34
|
-
function _defineProperties(
|
|
35
|
-
function _createClass(
|
|
36
|
-
function
|
|
37
|
-
function
|
|
38
|
-
function
|
|
39
|
-
function
|
|
40
|
-
function
|
|
41
|
-
function
|
|
42
|
-
function
|
|
43
|
-
function
|
|
44
|
-
function
|
|
45
|
-
function
|
|
46
|
-
function
|
|
47
|
-
function
|
|
48
|
-
var
|
|
49
|
-
|
|
50
|
-
|
|
15
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
16
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
17
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
18
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
19
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
20
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
21
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22
|
+
function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
23
|
+
function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
|
|
24
|
+
function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
|
|
25
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
26
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
27
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
28
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
29
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
30
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
31
|
+
import get from "lodash/get";
|
|
32
|
+
import first from "lodash/first";
|
|
33
|
+
import { ImageLoader, Texture, Vector2 } from "three";
|
|
34
|
+
import { createWorkingCanvas } from "../Utils/createCanvas";
|
|
35
|
+
import { getImageSize } from "../Utils/getImageSize";
|
|
36
|
+
import { createCache } from "../Utils/createCache";
|
|
37
|
+
import { createImageRepository } from "../Utils/createImageRepository";
|
|
38
|
+
import { setOrthographicCameraSize } from "../Utils/setOrthographicCameraSize";
|
|
39
|
+
import { optimizeTextureImage } from "../Utils/optimizeTextureImage";
|
|
40
|
+
import { syncObservableEvent } from "../CommonUtils/SyncObservableEvent";
|
|
41
|
+
import { Three2D } from "./Three2D";
|
|
42
|
+
import { EventTypes } from "../Constants";
|
|
43
|
+
export var Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
51
44
|
function Three2DLayers() {
|
|
52
45
|
var _this;
|
|
53
46
|
_classCallCheck(this, Three2DLayers);
|
|
54
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
48
|
args[_key] = arguments[_key];
|
|
56
49
|
}
|
|
57
|
-
_this =
|
|
58
|
-
_defineProperty(
|
|
59
|
-
_defineProperty(
|
|
60
|
-
_defineProperty(
|
|
50
|
+
_this = _callSuper(this, Three2DLayers, [].concat(args));
|
|
51
|
+
_defineProperty(_this, "_configuration", null);
|
|
52
|
+
_defineProperty(_this, "_viewImages", {});
|
|
53
|
+
_defineProperty(_this, "_imageRepository", createImageRepository(createCache(20), function (src) {
|
|
61
54
|
return new Promise(function (resolve, reject) {
|
|
62
|
-
return new
|
|
55
|
+
return new ImageLoader(_this._loadingManager).load(src, resolve, undefined, reject);
|
|
63
56
|
});
|
|
64
57
|
}));
|
|
65
|
-
_defineProperty(
|
|
66
|
-
_defineProperty(
|
|
58
|
+
_defineProperty(_this, "_modelPathList", []);
|
|
59
|
+
_defineProperty(_this, "_initSync", syncObservableEvent(_this.observable, EventTypes.Initialized));
|
|
67
60
|
return _this;
|
|
68
61
|
}
|
|
69
|
-
|
|
62
|
+
_inherits(Three2DLayers, _Three2D);
|
|
63
|
+
return _createClass(Three2DLayers, [{
|
|
70
64
|
key: "getCurrentDesignView",
|
|
71
65
|
value: function getCurrentDesignView() {
|
|
72
66
|
var _this2 = this;
|
|
73
67
|
var designViewIdentifiers = Object.keys(this._viewImages);
|
|
74
68
|
if (!this._currentDesignView) {
|
|
75
69
|
this._currentDesignView = {
|
|
76
|
-
identifier: (
|
|
70
|
+
identifier: first(designViewIdentifiers)
|
|
77
71
|
};
|
|
78
72
|
}
|
|
79
73
|
var guessedDesignViewIdentifier = designViewIdentifiers.find(function (identifier) {
|
|
@@ -89,17 +83,16 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
89
83
|
}, {
|
|
90
84
|
key: "update",
|
|
91
85
|
value: function () {
|
|
92
|
-
var _update = _asyncToGenerator(
|
|
93
|
-
return
|
|
94
|
-
while (1) switch (_context.
|
|
86
|
+
var _update = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(configuration) {
|
|
87
|
+
return _regenerator().w(function (_context) {
|
|
88
|
+
while (1) switch (_context.n) {
|
|
95
89
|
case 0:
|
|
96
90
|
this._configuration = configuration;
|
|
97
|
-
this._viewImages = (
|
|
98
|
-
_context.
|
|
91
|
+
this._viewImages = get(configuration, "visualizationData.viewImages", {});
|
|
92
|
+
_context.n = 1;
|
|
99
93
|
return this.updateCurrentView();
|
|
100
|
-
case
|
|
101
|
-
|
|
102
|
-
return _context.stop();
|
|
94
|
+
case 1:
|
|
95
|
+
return _context.a(2);
|
|
103
96
|
}
|
|
104
97
|
}, _callee, this);
|
|
105
98
|
}));
|
|
@@ -111,15 +104,14 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
111
104
|
}, {
|
|
112
105
|
key: "updateCurrentView",
|
|
113
106
|
value: function () {
|
|
114
|
-
var _updateCurrentView = _asyncToGenerator(
|
|
115
|
-
return
|
|
116
|
-
while (1) switch (_context2.
|
|
107
|
+
var _updateCurrentView = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
|
|
108
|
+
return _regenerator().w(function (_context2) {
|
|
109
|
+
while (1) switch (_context2.n) {
|
|
117
110
|
case 0:
|
|
118
|
-
_context2.
|
|
111
|
+
_context2.n = 1;
|
|
119
112
|
return this.updateView(this.getCurrentDesignView());
|
|
120
|
-
case
|
|
121
|
-
|
|
122
|
-
return _context2.stop();
|
|
113
|
+
case 1:
|
|
114
|
+
return _context2.a(2);
|
|
123
115
|
}
|
|
124
116
|
}, _callee2, this);
|
|
125
117
|
}));
|
|
@@ -136,7 +128,7 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
136
128
|
}, {
|
|
137
129
|
key: "loadView",
|
|
138
130
|
value: function () {
|
|
139
|
-
var _loadView = _asyncToGenerator(
|
|
131
|
+
var _loadView = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
|
|
140
132
|
var _this$_currentDesignV;
|
|
141
133
|
var rerender,
|
|
142
134
|
imageURLs,
|
|
@@ -149,46 +141,45 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
149
141
|
useOriginalImageSize,
|
|
150
142
|
combinedTexture,
|
|
151
143
|
_args3 = arguments;
|
|
152
|
-
return
|
|
153
|
-
while (1) switch (_context3.
|
|
144
|
+
return _regenerator().w(function (_context3) {
|
|
145
|
+
while (1) switch (_context3.n) {
|
|
154
146
|
case 0:
|
|
155
147
|
rerender = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : false;
|
|
156
148
|
imageURLs = this.getModelPath();
|
|
157
149
|
if (!(!imageURLs || !imageURLs.length)) {
|
|
158
|
-
_context3.
|
|
150
|
+
_context3.n = 1;
|
|
159
151
|
break;
|
|
160
152
|
}
|
|
161
153
|
this._clearIfEmpty && this._model && this.scene.remove(this._model);
|
|
162
|
-
return _context3.
|
|
163
|
-
case
|
|
154
|
+
return _context3.a(2);
|
|
155
|
+
case 1:
|
|
164
156
|
this.onLoadStart();
|
|
165
|
-
_context3.
|
|
157
|
+
_context3.n = 2;
|
|
166
158
|
return this._imageRepository.loadImages(imageURLs);
|
|
167
|
-
case
|
|
168
|
-
images = _context3.
|
|
159
|
+
case 2:
|
|
160
|
+
images = _context3.v;
|
|
169
161
|
this.onLoadFinished();
|
|
170
|
-
originalSize =
|
|
171
|
-
_createWorkingCanvas =
|
|
162
|
+
originalSize = getImageSize(images[0]);
|
|
163
|
+
_createWorkingCanvas = createWorkingCanvas(originalSize), _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2), canvas = _createWorkingCanvas2[0], ctx = _createWorkingCanvas2[1];
|
|
172
164
|
images.forEach(function (image) {
|
|
173
165
|
ctx.drawImage(image, 0, 0);
|
|
174
166
|
});
|
|
175
167
|
|
|
176
168
|
//@note: apply original image size for visualizations with no design areas (test phase)
|
|
177
169
|
useOriginalImageSize = !((_this$_currentDesignV = this._currentDesignView) !== null && _this$_currentDesignV !== void 0 && (_this$_currentDesignV = _this$_currentDesignV.designAreas) !== null && _this$_currentDesignV !== void 0 && _this$_currentDesignV.length);
|
|
178
|
-
combinedTexture = new
|
|
170
|
+
combinedTexture = new Texture(useOriginalImageSize ? canvas : optimizeTextureImage(canvas));
|
|
179
171
|
combinedTexture.premultiplyAlpha = true;
|
|
180
172
|
combinedTexture.originalSize = originalSize;
|
|
181
173
|
combinedTexture.needsUpdate = true;
|
|
182
|
-
_context3.
|
|
174
|
+
_context3.n = 3;
|
|
183
175
|
return this._initSync;
|
|
184
|
-
case
|
|
176
|
+
case 3:
|
|
185
177
|
this.initModelWithTexture(combinedTexture);
|
|
186
178
|
if (rerender) {
|
|
187
179
|
this.render();
|
|
188
180
|
}
|
|
189
|
-
case
|
|
190
|
-
|
|
191
|
-
return _context3.stop();
|
|
181
|
+
case 4:
|
|
182
|
+
return _context3.a(2);
|
|
192
183
|
}
|
|
193
184
|
}, _callee3, this);
|
|
194
185
|
}));
|
|
@@ -217,7 +208,7 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
217
208
|
var viewImageIdentifier = designViewIdentifier in this._viewImages ? designViewIdentifier : Object.keys(this._viewImages).find(function (identifier) {
|
|
218
209
|
return identifier === designViewIdentifier;
|
|
219
210
|
});
|
|
220
|
-
return (
|
|
211
|
+
return get(this._viewImages, viewImageIdentifier);
|
|
221
212
|
}
|
|
222
213
|
}, {
|
|
223
214
|
key: "getDesignViewByViewImageIdentifier",
|
|
@@ -230,52 +221,51 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
230
221
|
}, {
|
|
231
222
|
key: "getScreenshots",
|
|
232
223
|
value: function () {
|
|
233
|
-
var _getScreenshots = _asyncToGenerator(
|
|
224
|
+
var _getScreenshots = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(callback, _ref) {
|
|
234
225
|
var _this4 = this;
|
|
235
|
-
var designViewList, size, removeTempOverlay, screenshots, origDesignView, origCamera, origSize, origPixelRatio, restoreOriginalValues, camera, views, data, _iterator, _step, view, _this$getScreenshotSi, width, height, variant;
|
|
236
|
-
return
|
|
237
|
-
while (1) switch (_context5.
|
|
226
|
+
var designViewList, size, removeTempOverlay, screenshots, origDesignView, origCamera, origSize, origPixelRatio, restoreOriginalValues, camera, views, data, _iterator, _step, view, _this$getScreenshotSi, width, height, variant, _t, _t2;
|
|
227
|
+
return _regenerator().w(function (_context5) {
|
|
228
|
+
while (1) switch (_context5.p = _context5.n) {
|
|
238
229
|
case 0:
|
|
239
230
|
designViewList = _ref.designViewList, size = _ref.size;
|
|
240
231
|
if (this.renderer) {
|
|
241
|
-
_context5.
|
|
232
|
+
_context5.n = 1;
|
|
242
233
|
break;
|
|
243
234
|
}
|
|
244
|
-
return _context5.
|
|
245
|
-
case
|
|
235
|
+
return _context5.a(2, callback({}));
|
|
236
|
+
case 1:
|
|
246
237
|
this._screenshottingInProgress = true;
|
|
247
238
|
this.endAnimation();
|
|
248
|
-
_context5.
|
|
239
|
+
_context5.n = 2;
|
|
249
240
|
return this.animationRunning();
|
|
250
|
-
case
|
|
251
|
-
_context5.
|
|
241
|
+
case 2:
|
|
242
|
+
_context5.n = 3;
|
|
252
243
|
return this.createTempOverlay();
|
|
253
|
-
case
|
|
254
|
-
removeTempOverlay = _context5.
|
|
244
|
+
case 3:
|
|
245
|
+
removeTempOverlay = _context5.v;
|
|
255
246
|
screenshots = {}; // store the original values for restoring afterwards
|
|
256
247
|
origDesignView = this.getCurrentDesignView();
|
|
257
248
|
origCamera = this.camera;
|
|
258
|
-
origSize = new
|
|
249
|
+
origSize = new Vector2();
|
|
259
250
|
origPixelRatio = this.renderer.getPixelRatio();
|
|
260
251
|
this.renderer.getSize(origSize);
|
|
261
252
|
restoreOriginalValues = /*#__PURE__*/function () {
|
|
262
|
-
var _ref2 = _asyncToGenerator(
|
|
263
|
-
return
|
|
264
|
-
while (1) switch (_context4.
|
|
253
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
|
|
254
|
+
return _regenerator().w(function (_context4) {
|
|
255
|
+
while (1) switch (_context4.n) {
|
|
265
256
|
case 0:
|
|
266
257
|
_this4._screenshotCamera = null;
|
|
267
258
|
_this4._screenshottingInProgress = false;
|
|
268
|
-
_context4.
|
|
259
|
+
_context4.n = 1;
|
|
269
260
|
return _this4.setView(_this4.getDesignViewByViewImageIdentifier(origDesignView.identifier) || origDesignView);
|
|
270
|
-
case
|
|
261
|
+
case 1:
|
|
271
262
|
_this4.renderer.setSize(origSize.width, origSize.height);
|
|
272
263
|
_this4.renderer.setPixelRatio(origPixelRatio);
|
|
273
264
|
_this4.camera = origCamera;
|
|
274
265
|
_this4.render();
|
|
275
266
|
removeTempOverlay();
|
|
276
|
-
case
|
|
277
|
-
|
|
278
|
-
return _context4.stop();
|
|
267
|
+
case 2:
|
|
268
|
+
return _context4.a(2);
|
|
279
269
|
}
|
|
280
270
|
}, _callee4);
|
|
281
271
|
}));
|
|
@@ -292,29 +282,29 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
292
282
|
});
|
|
293
283
|
data = {};
|
|
294
284
|
_iterator = _createForOfIteratorHelper(views);
|
|
295
|
-
_context5.
|
|
285
|
+
_context5.p = 4;
|
|
296
286
|
_iterator.s();
|
|
297
|
-
case
|
|
287
|
+
case 5:
|
|
298
288
|
if ((_step = _iterator.n()).done) {
|
|
299
|
-
_context5.
|
|
289
|
+
_context5.n = 12;
|
|
300
290
|
break;
|
|
301
291
|
}
|
|
302
292
|
view = _step.value;
|
|
303
293
|
if (!this._abortScreenshotting) {
|
|
304
|
-
_context5.
|
|
294
|
+
_context5.n = 7;
|
|
305
295
|
break;
|
|
306
296
|
}
|
|
307
|
-
_context5.
|
|
297
|
+
_context5.n = 6;
|
|
308
298
|
return restoreOriginalValues();
|
|
309
|
-
case
|
|
310
|
-
return _context5.
|
|
311
|
-
case
|
|
312
|
-
_context5.
|
|
313
|
-
_context5.
|
|
299
|
+
case 6:
|
|
300
|
+
return _context5.a(2, _context5.v);
|
|
301
|
+
case 7:
|
|
302
|
+
_context5.p = 7;
|
|
303
|
+
_context5.n = 8;
|
|
314
304
|
return this.updateView(view);
|
|
315
|
-
case
|
|
305
|
+
case 8:
|
|
316
306
|
_this$getScreenshotSi = this.getScreenshotSize(size), width = _this$getScreenshotSi.width, height = _this$getScreenshotSi.height;
|
|
317
|
-
|
|
307
|
+
setOrthographicCameraSize(camera, width, height);
|
|
318
308
|
this.renderer.setSize(width, height);
|
|
319
309
|
this.renderer.setPixelRatio(1);
|
|
320
310
|
camera.zoom = this.getZoomForSize({
|
|
@@ -322,47 +312,46 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
322
312
|
height: height
|
|
323
313
|
});
|
|
324
314
|
camera.updateProjectionMatrix();
|
|
325
|
-
_context5.
|
|
315
|
+
_context5.n = 9;
|
|
326
316
|
return this.dispatchMaterialUpdateEvent({
|
|
327
317
|
screenshot: true
|
|
328
318
|
});
|
|
329
|
-
case
|
|
319
|
+
case 9:
|
|
330
320
|
// set size and pixel ratio right before rendering, to make sure they are correct
|
|
331
321
|
this.renderer.setSize(width, height);
|
|
332
322
|
this.renderer.setPixelRatio(1);
|
|
333
323
|
this.renderer.render(this.scene, camera);
|
|
334
324
|
data[view.identifier] = this.renderer.domElement.toDataURL("image/png");
|
|
335
|
-
_context5.
|
|
325
|
+
_context5.n = 11;
|
|
336
326
|
break;
|
|
337
|
-
case
|
|
338
|
-
_context5.
|
|
339
|
-
|
|
340
|
-
case
|
|
341
|
-
_context5.
|
|
327
|
+
case 10:
|
|
328
|
+
_context5.p = 10;
|
|
329
|
+
_t = _context5.v;
|
|
330
|
+
case 11:
|
|
331
|
+
_context5.n = 5;
|
|
342
332
|
break;
|
|
343
|
-
case
|
|
344
|
-
_context5.
|
|
333
|
+
case 12:
|
|
334
|
+
_context5.n = 14;
|
|
345
335
|
break;
|
|
346
|
-
case
|
|
347
|
-
_context5.
|
|
348
|
-
|
|
349
|
-
_iterator.e(
|
|
350
|
-
case
|
|
351
|
-
_context5.
|
|
336
|
+
case 13:
|
|
337
|
+
_context5.p = 13;
|
|
338
|
+
_t2 = _context5.v;
|
|
339
|
+
_iterator.e(_t2);
|
|
340
|
+
case 14:
|
|
341
|
+
_context5.p = 14;
|
|
352
342
|
_iterator.f();
|
|
353
|
-
return _context5.
|
|
354
|
-
case
|
|
355
|
-
variant = (
|
|
343
|
+
return _context5.f(14);
|
|
344
|
+
case 15:
|
|
345
|
+
variant = get(this._configuration, "item.identifier");
|
|
356
346
|
screenshots[variant] = data;
|
|
357
|
-
_context5.
|
|
347
|
+
_context5.n = 16;
|
|
358
348
|
return restoreOriginalValues();
|
|
359
|
-
case
|
|
349
|
+
case 16:
|
|
360
350
|
callback(screenshots);
|
|
361
|
-
case
|
|
362
|
-
|
|
363
|
-
return _context5.stop();
|
|
351
|
+
case 17:
|
|
352
|
+
return _context5.a(2);
|
|
364
353
|
}
|
|
365
|
-
}, _callee5, this, [[
|
|
354
|
+
}, _callee5, this, [[7, 10], [4, 13, 14, 15]]);
|
|
366
355
|
}));
|
|
367
356
|
function getScreenshots(_x2, _x3) {
|
|
368
357
|
return _getScreenshots.apply(this, arguments);
|
|
@@ -372,9 +361,8 @@ var Three2DLayers = exports.Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
|
372
361
|
}, {
|
|
373
362
|
key: "dispose",
|
|
374
363
|
value: function dispose() {
|
|
375
|
-
|
|
364
|
+
_superPropGet(Three2DLayers, "dispose", this, 3)([]);
|
|
376
365
|
this._imageRepository.dispose();
|
|
377
366
|
}
|
|
378
367
|
}]);
|
|
379
|
-
|
|
380
|
-
}(_Three2D2.Three2D);
|
|
368
|
+
}(Three2D);
|