redhotmagma-visualization 1.28.0-beta.2 → 1.28.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/README.md +4 -11
- package/babel.config.js +41 -0
- package/package.json +72 -6
- package/public/libs/draco/README.md +32 -0
- package/public/libs/draco/draco_decoder.js +52 -0
- package/public/libs/draco/draco_decoder.wasm +0 -0
- package/public/libs/draco/draco_encoder.js +33 -0
- package/public/libs/draco/draco_wasm_wrapper.js +104 -0
- package/public/libs/draco/gltf/draco_decoder.js +48 -0
- package/public/libs/draco/gltf/draco_decoder.wasm +0 -0
- package/public/libs/draco/gltf/draco_encoder.js +33 -0
- package/public/libs/draco/gltf/draco_wasm_wrapper.js +104 -0
- package/scripts/cpPath.js +151 -0
- package/scripts/cpPublic.js +39 -0
- package/scripts/moveLibToPackageRoot.js +44 -0
- package/scripts/utils/fileSystem.js +69 -0
- package/scripts/utils/process.js +19 -0
- package/src/CommonUtils/Observable.js +0 -1
- package/src/CommonUtils/pointerEvent.js +1 -2
- package/src/DevApp.js +1 -2
- package/src/FallbackVisualization.js +5 -1
- package/src/PrintingEffects/DomingEffect.js +0 -1
- package/src/PrintingEffects/EmbroideryEffect.js +2 -3
- package/src/React/ReactBase.js +1 -1
- package/src/Three/Controls/OrbitControls.js +0 -2
- package/src/Three/Loaders/ColladaLoader.js +294 -111
- package/src/Three/Loaders/MTLLoader.js +0 -2
- package/src/Three/Loaders/OBJLoader.js +0 -2
- package/src/Three/Three2D.js +6 -7
- package/src/Three/Three3D.js +1 -9
- package/src/Three/ThreeBase.js +1 -10
- package/src/Utils/DesignArea/getDesignAreaCanvasSize.js +0 -1
- package/src/Utils/TextureBuilder/createTextureBuilder.js +0 -2
- package/src/Utils/imagePreloader.js +0 -1
- package/src/Utils/initTextureCanvas.js +0 -3
- package/src/Utils/isMobileDevice.js +0 -2
- package/src/Utils/optimizeTextureImage.js +0 -1
- package/src/VisualizationContainer.js +1 -3
- package/src/VisualizationInterface.js +1 -10
- package/tsconfig.json +22 -0
- package/AlignTargetProvider.js +0 -129
- package/CommonUtils/Deferred.js +0 -135
- package/CommonUtils/Observable.js +0 -126
- package/CommonUtils/PropertyObserver.js +0 -61
- package/CommonUtils/SyncCurrentFunction.js +0 -59
- package/CommonUtils/SyncObservableEvent.js +0 -19
- package/CommonUtils/pointerEvent.js +0 -415
- package/Constants.js +0 -23
- package/DevApp.js +0 -1049
- package/ExposedModules.js +0 -26
- package/FallbackVisualization.js +0 -26
- package/PrintingEffects/ColorEmbossingEffect.js +0 -58
- package/PrintingEffects/DomingEffect.js +0 -150
- package/PrintingEffects/EmbossingEffect.js +0 -65
- package/PrintingEffects/EmbroideryEffect.js +0 -541
- package/PrintingEffects/EngravingEffect.js +0 -65
- package/PrintingEffects/PrintingEffects.js +0 -117
- package/PrintingEffects/PrintingEffectsUtils.js +0 -53
- package/PrintingEffects/resources/embroidery_multiply.jpg +0 -0
- package/PrintingEffects/resources/embroidery_screen.jpg +0 -0
- package/React/ReactBase.js +0 -111
- package/Three/Controls/OrbitControls.js +0 -745
- package/Three/Exporters/glTFExporter.js +0 -48
- package/Three/Loaders/ColladaLoader.js +0 -2916
- package/Three/Loaders/MTLLoader.js +0 -449
- package/Three/Loaders/OBJLoader.js +0 -548
- package/Three/Three2D.js +0 -1778
- package/Three/Three2DLayers.js +0 -504
- package/Three/Three3D.js +0 -1412
- package/Three/Three3DScene.js +0 -1432
- package/Three/ThreeBase.js +0 -722
- package/Utils/DesignArea/getDesignAreaCanvasSize.js +0 -32
- package/Utils/TextureBuilder/createTextureBuilder.js +0 -334
- package/Utils/TextureBuilder/textureBuilderFunctions.js +0 -87
- package/Utils/alignToElement.js +0 -58
- package/Utils/createAlphaMapFromAlphaChannel.js +0 -50
- package/Utils/createCache.js +0 -46
- package/Utils/createCanvas.js +0 -29
- package/Utils/createImageRepository.js +0 -124
- package/Utils/disposeMaterial.js +0 -41
- package/Utils/getImageSize.js +0 -15
- package/Utils/imagePreloader.js +0 -76
- package/Utils/initTextureCanvas.js +0 -49
- package/Utils/isMobileDevice.js +0 -19
- package/Utils/optimizeTextureImage.js +0 -73
- package/Utils/rememberCameraViewOffset.js +0 -21
- package/Utils/removeObject.js +0 -22
- package/Utils/restrictCameraMovement.js +0 -45
- package/Utils/setOrthographicCameraSize.js +0 -16
- package/Utils/updateFitSizeToElement.js +0 -39
- package/VisualizationContainer.js +0 -279
- package/VisualizationInterface.js +0 -293
- package/VisualizationProvider.js +0 -38
- package/__mocks__/exportedSample.svg +0 -45
- package/index.js +0 -16
- package/visualizationAdapterCreator.js +0 -76
package/Three/Three2DLayers.js
DELETED
|
@@ -1,504 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Three2DLayers = void 0;
|
|
9
|
-
|
|
10
|
-
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
11
|
-
|
|
12
|
-
var _first = _interopRequireDefault(require("lodash/first"));
|
|
13
|
-
|
|
14
|
-
var _three = require("three");
|
|
15
|
-
|
|
16
|
-
var _createCanvas = require("../Utils/createCanvas");
|
|
17
|
-
|
|
18
|
-
var _getImageSize = require("../Utils/getImageSize");
|
|
19
|
-
|
|
20
|
-
var _createCache = require("../Utils/createCache");
|
|
21
|
-
|
|
22
|
-
var _createImageRepository = require("../Utils/createImageRepository");
|
|
23
|
-
|
|
24
|
-
var _setOrthographicCameraSize = require("../Utils/setOrthographicCameraSize");
|
|
25
|
-
|
|
26
|
-
var _optimizeTextureImage = require("../Utils/optimizeTextureImage");
|
|
27
|
-
|
|
28
|
-
var _SyncObservableEvent = require("../CommonUtils/SyncObservableEvent");
|
|
29
|
-
|
|
30
|
-
var _Three2D2 = require("./Three2D");
|
|
31
|
-
|
|
32
|
-
var _Constants = require("../Constants");
|
|
33
|
-
|
|
34
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
35
|
-
|
|
36
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
37
|
-
|
|
38
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
39
|
-
|
|
40
|
-
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."); }
|
|
41
|
-
|
|
42
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
43
|
-
|
|
44
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
45
|
-
|
|
46
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
47
|
-
|
|
48
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
49
|
-
|
|
50
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
51
|
-
|
|
52
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
53
|
-
|
|
54
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
55
|
-
|
|
56
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
57
|
-
|
|
58
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
59
|
-
|
|
60
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
61
|
-
|
|
62
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
63
|
-
|
|
64
|
-
function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
|
|
65
|
-
|
|
66
|
-
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
67
|
-
|
|
68
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
69
|
-
|
|
70
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
71
|
-
|
|
72
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
73
|
-
|
|
74
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
75
|
-
|
|
76
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
77
|
-
|
|
78
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
79
|
-
|
|
80
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
81
|
-
|
|
82
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
83
|
-
|
|
84
|
-
var Three2DLayers = /*#__PURE__*/function (_Three2D) {
|
|
85
|
-
_inherits(Three2DLayers, _Three2D);
|
|
86
|
-
|
|
87
|
-
var _super = _createSuper(Three2DLayers);
|
|
88
|
-
|
|
89
|
-
function Three2DLayers() {
|
|
90
|
-
var _this;
|
|
91
|
-
|
|
92
|
-
_classCallCheck(this, Three2DLayers);
|
|
93
|
-
|
|
94
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
95
|
-
args[_key] = arguments[_key];
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
99
|
-
|
|
100
|
-
_defineProperty(_assertThisInitialized(_this), "_configuration", null);
|
|
101
|
-
|
|
102
|
-
_defineProperty(_assertThisInitialized(_this), "_viewImages", {});
|
|
103
|
-
|
|
104
|
-
_defineProperty(_assertThisInitialized(_this), "_imageRepository", (0, _createImageRepository.createImageRepository)((0, _createCache.createCache)(20), function (src) {
|
|
105
|
-
return new Promise(function (resolve, reject) {
|
|
106
|
-
return new _three.ImageLoader(_this._loadingManager).load(src, resolve, undefined, reject);
|
|
107
|
-
});
|
|
108
|
-
}));
|
|
109
|
-
|
|
110
|
-
_defineProperty(_assertThisInitialized(_this), "_modelPathList", []);
|
|
111
|
-
|
|
112
|
-
_defineProperty(_assertThisInitialized(_this), "_initSync", (0, _SyncObservableEvent.syncObservableEvent)(_this.observable, _Constants.EventTypes.Initialized));
|
|
113
|
-
|
|
114
|
-
return _this;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
_createClass(Three2DLayers, [{
|
|
118
|
-
key: "getCurrentDesignView",
|
|
119
|
-
value: function getCurrentDesignView() {
|
|
120
|
-
var _this2 = this;
|
|
121
|
-
|
|
122
|
-
var designViewIdentifiers = Object.keys(this._viewImages);
|
|
123
|
-
|
|
124
|
-
if (!this._currentDesignView) {
|
|
125
|
-
this._currentDesignView = {
|
|
126
|
-
identifier: (0, _first["default"])(designViewIdentifiers)
|
|
127
|
-
};
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
var guessedDesignViewIdentifier = designViewIdentifiers.find(function (identifier) {
|
|
131
|
-
return identifier.indexOf(_this2._currentDesignView.identifier) !== -1;
|
|
132
|
-
});
|
|
133
|
-
|
|
134
|
-
if (guessedDesignViewIdentifier !== this._currentDesignView.identifier) {
|
|
135
|
-
this._currentDesignView = _objectSpread(_objectSpread({}, this._currentDesignView), {}, {
|
|
136
|
-
identifier: guessedDesignViewIdentifier
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
return this._currentDesignView;
|
|
141
|
-
}
|
|
142
|
-
}, {
|
|
143
|
-
key: "update",
|
|
144
|
-
value: function () {
|
|
145
|
-
var _update = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(configuration) {
|
|
146
|
-
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
147
|
-
while (1) {
|
|
148
|
-
switch (_context.prev = _context.next) {
|
|
149
|
-
case 0:
|
|
150
|
-
this._configuration = configuration;
|
|
151
|
-
this._viewImages = (0, _get2["default"])(configuration, "visualizationData.viewImages", {});
|
|
152
|
-
_context.next = 4;
|
|
153
|
-
return this.updateCurrentView();
|
|
154
|
-
|
|
155
|
-
case 4:
|
|
156
|
-
case "end":
|
|
157
|
-
return _context.stop();
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}, _callee, this);
|
|
161
|
-
}));
|
|
162
|
-
|
|
163
|
-
function update(_x) {
|
|
164
|
-
return _update.apply(this, arguments);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
return update;
|
|
168
|
-
}()
|
|
169
|
-
}, {
|
|
170
|
-
key: "updateCurrentView",
|
|
171
|
-
value: function () {
|
|
172
|
-
var _updateCurrentView = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
173
|
-
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
174
|
-
while (1) {
|
|
175
|
-
switch (_context2.prev = _context2.next) {
|
|
176
|
-
case 0:
|
|
177
|
-
_context2.next = 2;
|
|
178
|
-
return this.updateView(this.getCurrentDesignView());
|
|
179
|
-
|
|
180
|
-
case 2:
|
|
181
|
-
case "end":
|
|
182
|
-
return _context2.stop();
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}, _callee2, this);
|
|
186
|
-
}));
|
|
187
|
-
|
|
188
|
-
function updateCurrentView() {
|
|
189
|
-
return _updateCurrentView.apply(this, arguments);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
return updateCurrentView;
|
|
193
|
-
}()
|
|
194
|
-
}, {
|
|
195
|
-
key: "clearViewIfEmpty",
|
|
196
|
-
value: function clearViewIfEmpty(clear) {
|
|
197
|
-
this._clearIfEmpty = clear;
|
|
198
|
-
}
|
|
199
|
-
}, {
|
|
200
|
-
key: "loadView",
|
|
201
|
-
value: function () {
|
|
202
|
-
var _loadView = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
|
203
|
-
var _this$_currentDesignV, _this$_currentDesignV2;
|
|
204
|
-
|
|
205
|
-
var rerender,
|
|
206
|
-
imageURLs,
|
|
207
|
-
images,
|
|
208
|
-
originalSize,
|
|
209
|
-
_createWorkingCanvas,
|
|
210
|
-
_createWorkingCanvas2,
|
|
211
|
-
canvas,
|
|
212
|
-
ctx,
|
|
213
|
-
useOriginalImageSize,
|
|
214
|
-
combinedTexture,
|
|
215
|
-
_args3 = arguments;
|
|
216
|
-
|
|
217
|
-
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
218
|
-
while (1) {
|
|
219
|
-
switch (_context3.prev = _context3.next) {
|
|
220
|
-
case 0:
|
|
221
|
-
rerender = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : false;
|
|
222
|
-
imageURLs = this.getModelPath();
|
|
223
|
-
|
|
224
|
-
if (!(!imageURLs || !imageURLs.length)) {
|
|
225
|
-
_context3.next = 5;
|
|
226
|
-
break;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
this._clearIfEmpty && this._model && this.scene.remove(this._model);
|
|
230
|
-
return _context3.abrupt("return");
|
|
231
|
-
|
|
232
|
-
case 5:
|
|
233
|
-
this.onLoadStart();
|
|
234
|
-
_context3.next = 8;
|
|
235
|
-
return this._imageRepository.loadImages(imageURLs);
|
|
236
|
-
|
|
237
|
-
case 8:
|
|
238
|
-
images = _context3.sent;
|
|
239
|
-
this.onLoadFinished();
|
|
240
|
-
originalSize = (0, _getImageSize.getImageSize)(images[0]);
|
|
241
|
-
_createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(originalSize), _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2), canvas = _createWorkingCanvas2[0], ctx = _createWorkingCanvas2[1];
|
|
242
|
-
images.forEach(function (image) {
|
|
243
|
-
ctx.drawImage(image, 0, 0);
|
|
244
|
-
}); //@note: apply original image size for visualizations with no design areas (test phase)
|
|
245
|
-
|
|
246
|
-
useOriginalImageSize = !((_this$_currentDesignV = this._currentDesignView) !== null && _this$_currentDesignV !== void 0 && (_this$_currentDesignV2 = _this$_currentDesignV.designAreas) !== null && _this$_currentDesignV2 !== void 0 && _this$_currentDesignV2.length);
|
|
247
|
-
combinedTexture = new _three.Texture(useOriginalImageSize ? canvas : (0, _optimizeTextureImage.optimizeTextureImage)(canvas));
|
|
248
|
-
combinedTexture.premultiplyAlpha = true;
|
|
249
|
-
combinedTexture.originalSize = originalSize;
|
|
250
|
-
combinedTexture.needsUpdate = true;
|
|
251
|
-
_context3.next = 20;
|
|
252
|
-
return this._initSync;
|
|
253
|
-
|
|
254
|
-
case 20:
|
|
255
|
-
this.initModelWithTexture(combinedTexture);
|
|
256
|
-
|
|
257
|
-
if (rerender) {
|
|
258
|
-
this.render();
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
case 22:
|
|
262
|
-
case "end":
|
|
263
|
-
return _context3.stop();
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
}, _callee3, this);
|
|
267
|
-
}));
|
|
268
|
-
|
|
269
|
-
function loadView() {
|
|
270
|
-
return _loadView.apply(this, arguments);
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
return loadView;
|
|
274
|
-
}()
|
|
275
|
-
}, {
|
|
276
|
-
key: "setModelPath",
|
|
277
|
-
value: function setModelPath(pathList) {
|
|
278
|
-
this._modelPathList = pathList;
|
|
279
|
-
}
|
|
280
|
-
}, {
|
|
281
|
-
key: "getModelPath",
|
|
282
|
-
value: function getModelPath() {
|
|
283
|
-
var _this3 = this;
|
|
284
|
-
|
|
285
|
-
return this._modelPathList.map(function (path) {
|
|
286
|
-
return _this3._modelBasePath + path;
|
|
287
|
-
});
|
|
288
|
-
}
|
|
289
|
-
}, {
|
|
290
|
-
key: "getModelPathFromDesignView",
|
|
291
|
-
value: function getModelPathFromDesignView(designView) {
|
|
292
|
-
var designViewIdentifier = designView && designView.identifier;
|
|
293
|
-
var viewImageIdentifier = designViewIdentifier in this._viewImages ? designViewIdentifier : Object.keys(this._viewImages).find(function (identifier) {
|
|
294
|
-
return identifier === designViewIdentifier;
|
|
295
|
-
});
|
|
296
|
-
return (0, _get2["default"])(this._viewImages, viewImageIdentifier);
|
|
297
|
-
}
|
|
298
|
-
}, {
|
|
299
|
-
key: "getDesignViewByViewImageIdentifier",
|
|
300
|
-
value: function getDesignViewByViewImageIdentifier(identifier) {
|
|
301
|
-
var designArea = this._designAreaList.find(function (area) {
|
|
302
|
-
return area.designView.identifier === identifier;
|
|
303
|
-
});
|
|
304
|
-
|
|
305
|
-
return designArea && designArea.designView;
|
|
306
|
-
}
|
|
307
|
-
}, {
|
|
308
|
-
key: "getScreenshots",
|
|
309
|
-
value: function () {
|
|
310
|
-
var _getScreenshots = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(callback, _ref) {
|
|
311
|
-
var _this4 = this;
|
|
312
|
-
|
|
313
|
-
var designViewList, size, removeTempOverlay, screenshots, origDesignView, origCamera, origSize, origPixelRatio, restoreOriginalValues, camera, views, data, _iterator, _step, view, _this$getScreenshotSi, width, height, variant;
|
|
314
|
-
|
|
315
|
-
return regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
316
|
-
while (1) {
|
|
317
|
-
switch (_context5.prev = _context5.next) {
|
|
318
|
-
case 0:
|
|
319
|
-
designViewList = _ref.designViewList, size = _ref.size;
|
|
320
|
-
|
|
321
|
-
if (this.renderer) {
|
|
322
|
-
_context5.next = 3;
|
|
323
|
-
break;
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
return _context5.abrupt("return", callback({}));
|
|
327
|
-
|
|
328
|
-
case 3:
|
|
329
|
-
this._screenshottingInProgress = true;
|
|
330
|
-
this.endAnimation();
|
|
331
|
-
_context5.next = 7;
|
|
332
|
-
return this.animationRunning();
|
|
333
|
-
|
|
334
|
-
case 7:
|
|
335
|
-
_context5.next = 9;
|
|
336
|
-
return this.createTempOverlay();
|
|
337
|
-
|
|
338
|
-
case 9:
|
|
339
|
-
removeTempOverlay = _context5.sent;
|
|
340
|
-
screenshots = {}; // store the original values for restoring afterwards
|
|
341
|
-
|
|
342
|
-
origDesignView = this.getCurrentDesignView();
|
|
343
|
-
origCamera = this.camera;
|
|
344
|
-
origSize = new _three.Vector2();
|
|
345
|
-
origPixelRatio = this.renderer.getPixelRatio();
|
|
346
|
-
this.renderer.getSize(origSize);
|
|
347
|
-
|
|
348
|
-
restoreOriginalValues = /*#__PURE__*/function () {
|
|
349
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
|
|
350
|
-
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
351
|
-
while (1) {
|
|
352
|
-
switch (_context4.prev = _context4.next) {
|
|
353
|
-
case 0:
|
|
354
|
-
_this4._screenshotCamera = null;
|
|
355
|
-
_this4._screenshottingInProgress = false;
|
|
356
|
-
_context4.next = 4;
|
|
357
|
-
return _this4.setView(_this4.getDesignViewByViewImageIdentifier(origDesignView.identifier) || origDesignView);
|
|
358
|
-
|
|
359
|
-
case 4:
|
|
360
|
-
_this4.renderer.setSize(origSize.width, origSize.height);
|
|
361
|
-
|
|
362
|
-
_this4.renderer.setPixelRatio(origPixelRatio);
|
|
363
|
-
|
|
364
|
-
_this4.camera = origCamera;
|
|
365
|
-
|
|
366
|
-
_this4.render();
|
|
367
|
-
|
|
368
|
-
removeTempOverlay();
|
|
369
|
-
|
|
370
|
-
case 9:
|
|
371
|
-
case "end":
|
|
372
|
-
return _context4.stop();
|
|
373
|
-
}
|
|
374
|
-
}
|
|
375
|
-
}, _callee4);
|
|
376
|
-
}));
|
|
377
|
-
|
|
378
|
-
return function restoreOriginalValues() {
|
|
379
|
-
return _ref2.apply(this, arguments);
|
|
380
|
-
};
|
|
381
|
-
}();
|
|
382
|
-
|
|
383
|
-
camera = this.createCameraBase();
|
|
384
|
-
this._screenshotCamera = camera;
|
|
385
|
-
views = designViewList || Object.keys(this._viewImages).map(function (identifier) {
|
|
386
|
-
return _this4.getDesignViewByViewImageIdentifier(identifier) || {
|
|
387
|
-
identifier: identifier
|
|
388
|
-
};
|
|
389
|
-
});
|
|
390
|
-
data = {};
|
|
391
|
-
_iterator = _createForOfIteratorHelper(views);
|
|
392
|
-
_context5.prev = 22;
|
|
393
|
-
|
|
394
|
-
_iterator.s();
|
|
395
|
-
|
|
396
|
-
case 24:
|
|
397
|
-
if ((_step = _iterator.n()).done) {
|
|
398
|
-
_context5.next = 51;
|
|
399
|
-
break;
|
|
400
|
-
}
|
|
401
|
-
|
|
402
|
-
view = _step.value;
|
|
403
|
-
|
|
404
|
-
if (!this._abortScreenshotting) {
|
|
405
|
-
_context5.next = 30;
|
|
406
|
-
break;
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
_context5.next = 29;
|
|
410
|
-
return restoreOriginalValues();
|
|
411
|
-
|
|
412
|
-
case 29:
|
|
413
|
-
return _context5.abrupt("return", _context5.sent);
|
|
414
|
-
|
|
415
|
-
case 30:
|
|
416
|
-
_context5.prev = 30;
|
|
417
|
-
_context5.next = 33;
|
|
418
|
-
return this.updateView(view);
|
|
419
|
-
|
|
420
|
-
case 33:
|
|
421
|
-
_this$getScreenshotSi = this.getScreenshotSize(size), width = _this$getScreenshotSi.width, height = _this$getScreenshotSi.height;
|
|
422
|
-
(0, _setOrthographicCameraSize.setOrthographicCameraSize)(camera, width, height);
|
|
423
|
-
this.renderer.setSize(width, height);
|
|
424
|
-
this.renderer.setPixelRatio(1);
|
|
425
|
-
camera.zoom = this.getZoomForSize({
|
|
426
|
-
width: width,
|
|
427
|
-
height: height
|
|
428
|
-
});
|
|
429
|
-
camera.updateProjectionMatrix();
|
|
430
|
-
_context5.next = 41;
|
|
431
|
-
return this.dispatchMaterialUpdateEvent({
|
|
432
|
-
screenshot: true
|
|
433
|
-
});
|
|
434
|
-
|
|
435
|
-
case 41:
|
|
436
|
-
// set size and pixel ratio right before rendering, to make sure they are correct
|
|
437
|
-
this.renderer.setSize(width, height);
|
|
438
|
-
this.renderer.setPixelRatio(1);
|
|
439
|
-
this.renderer.render(this.scene, camera);
|
|
440
|
-
data[view.identifier] = this.renderer.domElement.toDataURL("image/png");
|
|
441
|
-
_context5.next = 49;
|
|
442
|
-
break;
|
|
443
|
-
|
|
444
|
-
case 47:
|
|
445
|
-
_context5.prev = 47;
|
|
446
|
-
_context5.t0 = _context5["catch"](30);
|
|
447
|
-
|
|
448
|
-
case 49:
|
|
449
|
-
_context5.next = 24;
|
|
450
|
-
break;
|
|
451
|
-
|
|
452
|
-
case 51:
|
|
453
|
-
_context5.next = 56;
|
|
454
|
-
break;
|
|
455
|
-
|
|
456
|
-
case 53:
|
|
457
|
-
_context5.prev = 53;
|
|
458
|
-
_context5.t1 = _context5["catch"](22);
|
|
459
|
-
|
|
460
|
-
_iterator.e(_context5.t1);
|
|
461
|
-
|
|
462
|
-
case 56:
|
|
463
|
-
_context5.prev = 56;
|
|
464
|
-
|
|
465
|
-
_iterator.f();
|
|
466
|
-
|
|
467
|
-
return _context5.finish(56);
|
|
468
|
-
|
|
469
|
-
case 59:
|
|
470
|
-
variant = (0, _get2["default"])(this._configuration, "item.identifier");
|
|
471
|
-
screenshots[variant] = data;
|
|
472
|
-
_context5.next = 63;
|
|
473
|
-
return restoreOriginalValues();
|
|
474
|
-
|
|
475
|
-
case 63:
|
|
476
|
-
callback(screenshots);
|
|
477
|
-
|
|
478
|
-
case 64:
|
|
479
|
-
case "end":
|
|
480
|
-
return _context5.stop();
|
|
481
|
-
}
|
|
482
|
-
}
|
|
483
|
-
}, _callee5, this, [[22, 53, 56, 59], [30, 47]]);
|
|
484
|
-
}));
|
|
485
|
-
|
|
486
|
-
function getScreenshots(_x2, _x3) {
|
|
487
|
-
return _getScreenshots.apply(this, arguments);
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
return getScreenshots;
|
|
491
|
-
}()
|
|
492
|
-
}, {
|
|
493
|
-
key: "dispose",
|
|
494
|
-
value: function dispose() {
|
|
495
|
-
_get(_getPrototypeOf(Three2DLayers.prototype), "dispose", this).call(this);
|
|
496
|
-
|
|
497
|
-
this._imageRepository.dispose();
|
|
498
|
-
}
|
|
499
|
-
}]);
|
|
500
|
-
|
|
501
|
-
return Three2DLayers;
|
|
502
|
-
}(_Three2D2.Three2D);
|
|
503
|
-
|
|
504
|
-
exports.Three2DLayers = Three2DLayers;
|