@combeenation/3d-viewer 3.1.1-alpha7 → 3.1.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 +111 -111
- package/dist/lib-cjs/api/classes/animationInterface.d.ts +8 -8
- package/dist/lib-cjs/api/classes/animationInterface.js +1 -1
- package/dist/lib-cjs/api/classes/dottedPath.d.ts +79 -79
- package/dist/lib-cjs/api/classes/dottedPath.js +190 -190
- package/dist/lib-cjs/api/classes/element.d.ts +125 -126
- package/dist/lib-cjs/api/classes/element.js +678 -674
- package/dist/lib-cjs/api/classes/element.js.map +1 -1
- package/dist/lib-cjs/api/classes/elementParameterizable.d.ts +14 -14
- package/dist/lib-cjs/api/classes/elementParameterizable.js +134 -134
- package/dist/lib-cjs/api/classes/event.d.ts +312 -312
- package/dist/lib-cjs/api/classes/event.js +357 -357
- package/dist/lib-cjs/api/classes/eventBroadcaster.d.ts +26 -26
- package/dist/lib-cjs/api/classes/eventBroadcaster.js +53 -53
- package/dist/lib-cjs/api/classes/parameter.d.ts +165 -165
- package/dist/lib-cjs/api/classes/parameter.js +267 -267
- package/dist/lib-cjs/api/classes/parameterObservable.d.ts +36 -36
- package/dist/lib-cjs/api/classes/parameterObservable.js +126 -126
- package/dist/lib-cjs/api/classes/parameterizable.d.ts +15 -15
- package/dist/lib-cjs/api/classes/parameterizable.js +149 -149
- package/dist/lib-cjs/api/classes/placementAnimation.d.ts +38 -38
- package/dist/lib-cjs/api/classes/placementAnimation.js +138 -138
- package/dist/lib-cjs/api/classes/variant.d.ts +180 -190
- package/dist/lib-cjs/api/classes/variant.js +863 -873
- package/dist/lib-cjs/api/classes/variant.js.map +1 -1
- package/dist/lib-cjs/api/classes/variantInstance.d.ts +41 -41
- package/dist/lib-cjs/api/classes/variantInstance.js +98 -98
- package/dist/lib-cjs/api/classes/variantParameterizable.d.ts +17 -17
- package/dist/lib-cjs/api/classes/variantParameterizable.js +92 -92
- package/dist/lib-cjs/api/classes/viewer.d.ts +128 -128
- package/dist/lib-cjs/api/classes/viewer.js +486 -486
- package/dist/lib-cjs/api/classes/viewerLight.d.ts +65 -66
- package/dist/lib-cjs/api/classes/viewerLight.js +322 -389
- package/dist/lib-cjs/api/classes/viewerLight.js.map +1 -1
- package/dist/lib-cjs/api/internal/debugViewer.d.ts +13 -13
- package/dist/lib-cjs/api/internal/debugViewer.js +87 -87
- package/dist/lib-cjs/api/internal/lensRendering.d.ts +8 -8
- package/dist/lib-cjs/api/internal/lensRendering.js +11 -11
- package/dist/lib-cjs/api/internal/sceneSetup.d.ts +6 -6
- package/dist/lib-cjs/api/internal/sceneSetup.js +227 -227
- package/dist/lib-cjs/api/manager/animationManager.d.ts +29 -29
- package/dist/lib-cjs/api/manager/animationManager.js +121 -121
- package/dist/lib-cjs/api/manager/sceneManager.d.ts +32 -32
- package/dist/lib-cjs/api/manager/sceneManager.js +132 -132
- package/dist/lib-cjs/api/manager/variantInstanceManager.d.ts +90 -90
- package/dist/lib-cjs/api/manager/variantInstanceManager.js +321 -321
- package/dist/lib-cjs/api/store/specStorage.d.ts +24 -24
- package/dist/lib-cjs/api/store/specStorage.js +51 -51
- package/dist/lib-cjs/api/util/babylonHelper.d.ts +125 -125
- package/dist/lib-cjs/api/util/babylonHelper.js +368 -368
- package/dist/lib-cjs/api/util/globalTypes.d.ts +275 -275
- package/dist/lib-cjs/api/util/globalTypes.js +1 -1
- package/dist/lib-cjs/api/util/resourceHelper.d.ts +30 -30
- package/dist/lib-cjs/api/util/resourceHelper.js +247 -203
- package/dist/lib-cjs/api/util/resourceHelper.js.map +1 -1
- package/dist/lib-cjs/api/util/stringHelper.d.ts +9 -9
- package/dist/lib-cjs/api/util/stringHelper.js +25 -25
- package/dist/lib-cjs/buildinfo.json +3 -3
- package/dist/lib-cjs/index.d.ts +46 -46
- package/dist/lib-cjs/index.js +82 -82
- package/dist/webpack-stats.json +0 -0
- package/package.json +83 -83
- package/src/api/classes/animationInterface.ts +11 -11
- package/src/api/classes/dottedPath.ts +189 -189
- package/src/api/classes/element.ts +608 -606
- package/src/api/classes/elementParameterizable.ts +78 -78
- package/src/api/classes/event.ts +355 -355
- package/src/api/classes/eventBroadcaster.ts +54 -54
- package/src/api/classes/parameter.ts +277 -277
- package/src/api/classes/parameterObservable.ts +121 -121
- package/src/api/classes/placementAnimation.ts +133 -133
- package/src/api/classes/variant.ts +659 -670
- package/src/api/classes/variantInstance.ts +81 -81
- package/src/api/classes/viewer.ts +421 -421
- package/src/api/internal/debugViewer.ts +81 -81
- package/src/api/internal/lensRendering.ts +10 -10
- package/src/api/internal/sceneSetup.ts +203 -203
- package/src/api/manager/animationManager.ts +116 -116
- package/src/api/manager/sceneManager.ts +105 -105
- package/src/api/manager/variantInstanceManager.ts +236 -236
- package/src/api/store/specStorage.ts +53 -53
- package/src/api/util/babylonHelper.ts +392 -392
- package/src/api/util/globalTypes.ts +314 -314
- package/src/api/util/resourceHelper.ts +168 -155
- package/src/buildinfo.json +2 -2
- package/src/commonjs.tsconfig.json +13 -13
- package/src/declaration.tsconfig.json +10 -10
- package/src/dev.ts +44 -46
- package/src/es6.tsconfig.json +13 -13
- package/src/index.ts +87 -87
- package/src/pagesconfig.json +47 -47
- package/src/tsconfig.json +43 -43
- package/src/tsconfig.types.json +9 -9
- package/src/types.d.ts +4 -4
|
@@ -1,139 +1,139 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PlacementAnimation = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
|
|
6
|
-
var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
|
|
7
|
-
var gsap_1 = require("gsap");
|
|
8
|
-
var lodash_es_1 = require("lodash-es");
|
|
9
|
-
var parameter_1 = require("../classes/parameter");
|
|
10
|
-
var specStorage_1 = require("../store/specStorage");
|
|
11
|
-
/**
|
|
12
|
-
* An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
|
|
13
|
-
* and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
|
|
14
|
-
* {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
|
|
15
|
-
* API of the {@link AnimationManager} to handle instances of this class in your consuming project.
|
|
16
|
-
*/
|
|
17
|
-
var PlacementAnimation = /** @class */ (function () {
|
|
18
|
-
/**
|
|
19
|
-
* Constructor.
|
|
20
|
-
*/
|
|
21
|
-
function PlacementAnimation(mutable, _placement, _animation) {
|
|
22
|
-
var _a;
|
|
23
|
-
this.mutable = mutable;
|
|
24
|
-
this._placement = _placement;
|
|
25
|
-
this._animation = _animation;
|
|
26
|
-
if (lodash_es_1.isString(_placement)) {
|
|
27
|
-
var placementDefinitions = specStorage_1.SpecStorage.get('scene.placements');
|
|
28
|
-
if (!placementDefinitions) {
|
|
29
|
-
throw new Error("No PlacementDefinitions defined in JSON structure.");
|
|
30
|
-
}
|
|
31
|
-
var placementDefinition = placementDefinitions[_placement];
|
|
32
|
-
if (!placementDefinition) {
|
|
33
|
-
throw new Error("PlacementDefinition \"" + _placement + "\" not defined in JSON structure.");
|
|
34
|
-
}
|
|
35
|
-
this._placementDefinition = lodash_es_1.cloneDeep(placementDefinition);
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
this._placementDefinition = lodash_es_1.cloneDeep(_placement);
|
|
39
|
-
}
|
|
40
|
-
if (lodash_es_1.isString(_animation)) {
|
|
41
|
-
var animationDefinition = (_a = specStorage_1.SpecStorage.get('scene.animations')) === null || _a === void 0 ? void 0 : _a[_animation];
|
|
42
|
-
if (!animationDefinition) {
|
|
43
|
-
throw new Error("AnimationDefinition \"" + _animation + "\" not defined in JSON structure.");
|
|
44
|
-
}
|
|
45
|
-
this._animationDefinition = lodash_es_1.cloneDeep(animationDefinition);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
this._animationDefinition = lodash_es_1.cloneDeep(_animation);
|
|
49
|
-
}
|
|
50
|
-
this._timeline = gsap_1.gsap.timeline({
|
|
51
|
-
defaults: lodash_es_1.merge({ duration: 0, ease: 'none' }, this._animationDefinition),
|
|
52
|
-
paused: true
|
|
53
|
-
});
|
|
54
|
-
this.preparePlacementDefinition();
|
|
55
|
-
this.createTweens();
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Plays all `Tweens` of this {@link PlacementAnimation}.
|
|
59
|
-
*/
|
|
60
|
-
PlacementAnimation.prototype.play = function () {
|
|
61
|
-
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
62
|
-
return tslib_1.__generator(this, function (_a) {
|
|
63
|
-
switch (_a.label) {
|
|
64
|
-
case 0: return [4 /*yield*/, this._timeline.play().then()];
|
|
65
|
-
case 1:
|
|
66
|
-
_a.sent();
|
|
67
|
-
return [2 /*return*/, this];
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* Pause all `Tweens` of this {@link PlacementAnimation}.
|
|
74
|
-
*/
|
|
75
|
-
PlacementAnimation.prototype.pause = function () {
|
|
76
|
-
this._timeline.pause();
|
|
77
|
-
return this;
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* Kills all `Tweens` of this {@link PlacementAnimation}.
|
|
81
|
-
*/
|
|
82
|
-
PlacementAnimation.prototype.kill = function () {
|
|
83
|
-
this._timeline.kill();
|
|
84
|
-
return this;
|
|
85
|
-
};
|
|
86
|
-
/**
|
|
87
|
-
* Prepares different types of {@link PlacementDefinition} and sets some defaults.
|
|
88
|
-
*/
|
|
89
|
-
PlacementAnimation.prototype.preparePlacementDefinition = function () {
|
|
90
|
-
var position = this._placementDefinition.position;
|
|
91
|
-
if (lodash_es_1.isString(position)) {
|
|
92
|
-
position = parameter_1.Parameter.parseVector(position);
|
|
93
|
-
this._placementDefinition.position = position;
|
|
94
|
-
}
|
|
95
|
-
if (this.mutable instanceof arcRotateCamera_1.ArcRotateCamera) {
|
|
96
|
-
// parse the target
|
|
97
|
-
if (lodash_es_1.isString(this._placementDefinition.target)) {
|
|
98
|
-
this._placementDefinition.target = parameter_1.Parameter.parseVector(this._placementDefinition.target);
|
|
99
|
-
}
|
|
100
|
-
if (position) {
|
|
101
|
-
// parse the position and calculate alpha, beta and radius with a "ghost camera"
|
|
102
|
-
// @see https://www.babylonjs-playground.com/#4IVMG#0
|
|
103
|
-
var ghostCam = this.mutable.clone('ghost');
|
|
104
|
-
ghostCam.setPosition(position);
|
|
105
|
-
lodash_es_1.merge(this._placementDefinition, {
|
|
106
|
-
alpha: ghostCam.alpha,
|
|
107
|
-
beta: ghostCam.beta,
|
|
108
|
-
radius: ghostCam.radius,
|
|
109
|
-
});
|
|
110
|
-
delete this._placementDefinition.position;
|
|
111
|
-
ghostCam.dispose();
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
/**
|
|
116
|
-
* Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
|
|
117
|
-
*/
|
|
118
|
-
PlacementAnimation.prototype.createTweens = function () {
|
|
119
|
-
for (var property in this._placementDefinition) {
|
|
120
|
-
var propertyValue = lodash_es_1.get(this._placementDefinition, property);
|
|
121
|
-
var tweenVars = {};
|
|
122
|
-
var _mutable = this.mutable;
|
|
123
|
-
if (propertyValue instanceof math_vector_1.Vector3) {
|
|
124
|
-
// GSAP does not support mutation of complex objects, so we are forced
|
|
125
|
-
// to use the properties on the object as mutable directly and mutate
|
|
126
|
-
// the coordinates separately.
|
|
127
|
-
_mutable = lodash_es_1.get(this.mutable, property);
|
|
128
|
-
lodash_es_1.merge(tweenVars, { x: propertyValue.x, y: propertyValue.y, z: propertyValue.z });
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
lodash_es_1.set(tweenVars, property, propertyValue);
|
|
132
|
-
}
|
|
133
|
-
this._timeline.to(_mutable, tweenVars, 0); // Note: position 0 does the "parallel" stuff here
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
return PlacementAnimation;
|
|
137
|
-
}());
|
|
138
|
-
exports.PlacementAnimation = PlacementAnimation;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PlacementAnimation = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
|
|
6
|
+
var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
|
|
7
|
+
var gsap_1 = require("gsap");
|
|
8
|
+
var lodash_es_1 = require("lodash-es");
|
|
9
|
+
var parameter_1 = require("../classes/parameter");
|
|
10
|
+
var specStorage_1 = require("../store/specStorage");
|
|
11
|
+
/**
|
|
12
|
+
* An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
|
|
13
|
+
* and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
|
|
14
|
+
* {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
|
|
15
|
+
* API of the {@link AnimationManager} to handle instances of this class in your consuming project.
|
|
16
|
+
*/
|
|
17
|
+
var PlacementAnimation = /** @class */ (function () {
|
|
18
|
+
/**
|
|
19
|
+
* Constructor.
|
|
20
|
+
*/
|
|
21
|
+
function PlacementAnimation(mutable, _placement, _animation) {
|
|
22
|
+
var _a;
|
|
23
|
+
this.mutable = mutable;
|
|
24
|
+
this._placement = _placement;
|
|
25
|
+
this._animation = _animation;
|
|
26
|
+
if (lodash_es_1.isString(_placement)) {
|
|
27
|
+
var placementDefinitions = specStorage_1.SpecStorage.get('scene.placements');
|
|
28
|
+
if (!placementDefinitions) {
|
|
29
|
+
throw new Error("No PlacementDefinitions defined in JSON structure.");
|
|
30
|
+
}
|
|
31
|
+
var placementDefinition = placementDefinitions[_placement];
|
|
32
|
+
if (!placementDefinition) {
|
|
33
|
+
throw new Error("PlacementDefinition \"" + _placement + "\" not defined in JSON structure.");
|
|
34
|
+
}
|
|
35
|
+
this._placementDefinition = lodash_es_1.cloneDeep(placementDefinition);
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
this._placementDefinition = lodash_es_1.cloneDeep(_placement);
|
|
39
|
+
}
|
|
40
|
+
if (lodash_es_1.isString(_animation)) {
|
|
41
|
+
var animationDefinition = (_a = specStorage_1.SpecStorage.get('scene.animations')) === null || _a === void 0 ? void 0 : _a[_animation];
|
|
42
|
+
if (!animationDefinition) {
|
|
43
|
+
throw new Error("AnimationDefinition \"" + _animation + "\" not defined in JSON structure.");
|
|
44
|
+
}
|
|
45
|
+
this._animationDefinition = lodash_es_1.cloneDeep(animationDefinition);
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
this._animationDefinition = lodash_es_1.cloneDeep(_animation);
|
|
49
|
+
}
|
|
50
|
+
this._timeline = gsap_1.gsap.timeline({
|
|
51
|
+
defaults: lodash_es_1.merge({ duration: 0, ease: 'none' }, this._animationDefinition),
|
|
52
|
+
paused: true
|
|
53
|
+
});
|
|
54
|
+
this.preparePlacementDefinition();
|
|
55
|
+
this.createTweens();
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Plays all `Tweens` of this {@link PlacementAnimation}.
|
|
59
|
+
*/
|
|
60
|
+
PlacementAnimation.prototype.play = function () {
|
|
61
|
+
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
62
|
+
return tslib_1.__generator(this, function (_a) {
|
|
63
|
+
switch (_a.label) {
|
|
64
|
+
case 0: return [4 /*yield*/, this._timeline.play().then()];
|
|
65
|
+
case 1:
|
|
66
|
+
_a.sent();
|
|
67
|
+
return [2 /*return*/, this];
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* Pause all `Tweens` of this {@link PlacementAnimation}.
|
|
74
|
+
*/
|
|
75
|
+
PlacementAnimation.prototype.pause = function () {
|
|
76
|
+
this._timeline.pause();
|
|
77
|
+
return this;
|
|
78
|
+
};
|
|
79
|
+
/**
|
|
80
|
+
* Kills all `Tweens` of this {@link PlacementAnimation}.
|
|
81
|
+
*/
|
|
82
|
+
PlacementAnimation.prototype.kill = function () {
|
|
83
|
+
this._timeline.kill();
|
|
84
|
+
return this;
|
|
85
|
+
};
|
|
86
|
+
/**
|
|
87
|
+
* Prepares different types of {@link PlacementDefinition} and sets some defaults.
|
|
88
|
+
*/
|
|
89
|
+
PlacementAnimation.prototype.preparePlacementDefinition = function () {
|
|
90
|
+
var position = this._placementDefinition.position;
|
|
91
|
+
if (lodash_es_1.isString(position)) {
|
|
92
|
+
position = parameter_1.Parameter.parseVector(position);
|
|
93
|
+
this._placementDefinition.position = position;
|
|
94
|
+
}
|
|
95
|
+
if (this.mutable instanceof arcRotateCamera_1.ArcRotateCamera) {
|
|
96
|
+
// parse the target
|
|
97
|
+
if (lodash_es_1.isString(this._placementDefinition.target)) {
|
|
98
|
+
this._placementDefinition.target = parameter_1.Parameter.parseVector(this._placementDefinition.target);
|
|
99
|
+
}
|
|
100
|
+
if (position) {
|
|
101
|
+
// parse the position and calculate alpha, beta and radius with a "ghost camera"
|
|
102
|
+
// @see https://www.babylonjs-playground.com/#4IVMG#0
|
|
103
|
+
var ghostCam = this.mutable.clone('ghost');
|
|
104
|
+
ghostCam.setPosition(position);
|
|
105
|
+
lodash_es_1.merge(this._placementDefinition, {
|
|
106
|
+
alpha: ghostCam.alpha,
|
|
107
|
+
beta: ghostCam.beta,
|
|
108
|
+
radius: ghostCam.radius,
|
|
109
|
+
});
|
|
110
|
+
delete this._placementDefinition.position;
|
|
111
|
+
ghostCam.dispose();
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
/**
|
|
116
|
+
* Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
|
|
117
|
+
*/
|
|
118
|
+
PlacementAnimation.prototype.createTweens = function () {
|
|
119
|
+
for (var property in this._placementDefinition) {
|
|
120
|
+
var propertyValue = lodash_es_1.get(this._placementDefinition, property);
|
|
121
|
+
var tweenVars = {};
|
|
122
|
+
var _mutable = this.mutable;
|
|
123
|
+
if (propertyValue instanceof math_vector_1.Vector3) {
|
|
124
|
+
// GSAP does not support mutation of complex objects, so we are forced
|
|
125
|
+
// to use the properties on the object as mutable directly and mutate
|
|
126
|
+
// the coordinates separately.
|
|
127
|
+
_mutable = lodash_es_1.get(this.mutable, property);
|
|
128
|
+
lodash_es_1.merge(tweenVars, { x: propertyValue.x, y: propertyValue.y, z: propertyValue.z });
|
|
129
|
+
}
|
|
130
|
+
else {
|
|
131
|
+
lodash_es_1.set(tweenVars, property, propertyValue);
|
|
132
|
+
}
|
|
133
|
+
this._timeline.to(_mutable, tweenVars, 0); // Note: position 0 does the "parallel" stuff here
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
return PlacementAnimation;
|
|
137
|
+
}());
|
|
138
|
+
exports.PlacementAnimation = PlacementAnimation;
|
|
139
139
|
//# sourceMappingURL=placementAnimation.js.map
|