@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.16.8 → 3.16.10
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/dist/RenderingEngine.d.ts +294 -294
- package/dist/RenderingEngine.js +987 -977
- package/dist/RenderingEngine.js.map +1 -1
- package/dist/index.d.ts +16 -16
- package/dist/index.js +57 -57
- package/dist/injectors/TextureUnifierInjector.d.ts +13 -13
- package/dist/injectors/TextureUnifierInjector.js +181 -171
- package/dist/injectors/TextureUnifierInjector.js.map +1 -1
- package/dist/interfaces/ILoader.d.ts +3 -3
- package/dist/interfaces/ILoader.js +2 -2
- package/dist/interfaces/IRenderingEngine.d.ts +45 -45
- package/dist/interfaces/IRenderingEngine.js +2 -2
- package/dist/loaders/EnvironmentMapLoader.d.ts +119 -119
- package/dist/loaders/EnvironmentMapLoader.js +512 -502
- package/dist/loaders/EnvironmentMapLoader.js.map +1 -1
- package/dist/loaders/GeometryLoader.d.ts +39 -39
- package/dist/loaders/GeometryLoader.d.ts.map +1 -1
- package/dist/loaders/GeometryLoader.js +603 -593
- package/dist/loaders/GeometryLoader.js.map +1 -1
- package/dist/loaders/HTMLElementAnchorLoader.d.ts +15 -15
- package/dist/loaders/HTMLElementAnchorLoader.js +98 -98
- package/dist/loaders/HTMLElementAnchorLoader.js.map +1 -1
- package/dist/loaders/LightLoader.d.ts +19 -19
- package/dist/loaders/LightLoader.js +197 -187
- package/dist/loaders/LightLoader.js.map +1 -1
- package/dist/loaders/MaterialLoader.d.ts +115 -115
- package/dist/loaders/MaterialLoader.d.ts.map +1 -1
- package/dist/loaders/MaterialLoader.js +1612 -1602
- package/dist/loaders/MaterialLoader.js.map +1 -1
- package/dist/managers/ARManager.d.ts +17 -17
- package/dist/managers/ARManager.js +128 -128
- package/dist/managers/ARManager.js.map +1 -1
- package/dist/managers/CameraManager.d.ts +19 -19
- package/dist/managers/CameraManager.js +244 -234
- package/dist/managers/CameraManager.js.map +1 -1
- package/dist/managers/EnvironmentGeometryManager.d.ts +32 -32
- package/dist/managers/EnvironmentGeometryManager.js +114 -114
- package/dist/managers/EnvironmentGeometryManager.js.map +1 -1
- package/dist/managers/FlagManager.d.ts +19 -19
- package/dist/managers/FlagManager.js +143 -143
- package/dist/managers/FlagManager.js.map +1 -1
- package/dist/managers/PostProcessingManager.d.ts +1019 -1019
- package/dist/managers/PostProcessingManager.js +1306 -1296
- package/dist/managers/PostProcessingManager.js.map +1 -1
- package/dist/managers/RenderingManager.d.ts +84 -84
- package/dist/managers/RenderingManager.d.ts.map +1 -1
- package/dist/managers/RenderingManager.js +679 -669
- package/dist/managers/RenderingManager.js.map +1 -1
- package/dist/managers/SceneTracingManager.d.ts +28 -28
- package/dist/managers/SceneTracingManager.js +160 -150
- package/dist/managers/SceneTracingManager.js.map +1 -1
- package/dist/managers/SceneTreeManager.d.ts +81 -81
- package/dist/managers/SceneTreeManager.d.ts.map +1 -1
- package/dist/managers/SceneTreeManager.js +500 -490
- package/dist/managers/SceneTreeManager.js.map +1 -1
- package/dist/managers/SettingsManager.d.ts +28 -28
- package/dist/managers/SettingsManager.js +284 -284
- package/dist/managers/SettingsManager.js.map +1 -1
- package/dist/managers/environmentGeometry/ContactShadow.d.ts +42 -42
- package/dist/managers/environmentGeometry/ContactShadow.js +295 -285
- package/dist/managers/environmentGeometry/ContactShadow.js.map +1 -1
- package/dist/managers/environmentGeometry/Grid.d.ts +20 -20
- package/dist/managers/environmentGeometry/Grid.js +110 -100
- package/dist/managers/environmentGeometry/Grid.js.map +1 -1
- package/dist/managers/environmentGeometry/GroundPlane.d.ts +21 -21
- package/dist/managers/environmentGeometry/GroundPlane.js +105 -95
- package/dist/managers/environmentGeometry/GroundPlane.js.map +1 -1
- package/dist/managers/environmentGeometry/GroundPlaneShadow.d.ts +21 -21
- package/dist/managers/environmentGeometry/GroundPlaneShadow.js +96 -86
- package/dist/managers/environmentGeometry/GroundPlaneShadow.js.map +1 -1
- package/dist/managers/environmentGeometry/IEnvironmentGeometry.d.ts +8 -8
- package/dist/managers/environmentGeometry/IEnvironmentGeometry.js +2 -2
- package/dist/managers/postprocessing/GodRaysManager.d.ts +12 -12
- package/dist/managers/postprocessing/GodRaysManager.js +73 -63
- package/dist/managers/postprocessing/GodRaysManager.js.map +1 -1
- package/dist/managers/postprocessing/OutlineManager.d.ts +15 -15
- package/dist/managers/postprocessing/OutlineManager.js +86 -76
- package/dist/managers/postprocessing/OutlineManager.js.map +1 -1
- package/dist/managers/postprocessing/SSAARenderPass.d.ts +53 -53
- package/dist/managers/postprocessing/SSAARenderPass.js +281 -281
- package/dist/managers/postprocessing/SSAARenderPass.js.map +1 -1
- package/dist/managers/postprocessing/SelectiveBloomManager.d.ts +14 -14
- package/dist/managers/postprocessing/SelectiveBloomManager.js +76 -66
- package/dist/managers/postprocessing/SelectiveBloomManager.js.map +1 -1
- package/dist/managers/postprocessing/ao/ao/AOEffect.d.ts +46 -46
- package/dist/managers/postprocessing/ao/ao/AOEffect.js +142 -142
- package/dist/managers/postprocessing/ao/ao/AOEffect.js.map +1 -1
- package/dist/managers/postprocessing/ao/ao/AOPass.d.ts +12 -12
- package/dist/managers/postprocessing/ao/ao/AOPass.js +108 -108
- package/dist/managers/postprocessing/ao/ao/AOPass.js.map +1 -1
- package/dist/managers/postprocessing/ao/ao/shader/ao_compose.d.ts +1 -1
- package/dist/managers/postprocessing/ao/ao/shader/ao_compose.js +4 -4
- package/dist/managers/postprocessing/ao/ao/shader/ao_utils.d.ts +1 -1
- package/dist/managers/postprocessing/ao/ao/shader/ao_utils.js +4 -4
- package/dist/managers/postprocessing/ao/hbao/HBAOEffect.d.ts +14 -14
- package/dist/managers/postprocessing/ao/hbao/HBAOEffect.js +24 -24
- package/dist/managers/postprocessing/ao/hbao/shader/hbao.d.ts +1 -1
- package/dist/managers/postprocessing/ao/hbao/shader/hbao.js +4 -4
- package/dist/managers/postprocessing/ao/poissionDenoise/PoissionDenoisePass.d.ts +33 -33
- package/dist/managers/postprocessing/ao/poissionDenoise/PoissionDenoisePass.js +211 -211
- package/dist/managers/postprocessing/ao/poissionDenoise/PoissionDenoisePass.js.map +1 -1
- package/dist/managers/postprocessing/ao/poissionDenoise/shader/poissionDenoise.d.ts +1 -1
- package/dist/managers/postprocessing/ao/poissionDenoise/shader/poissionDenoise.js +4 -4
- package/dist/managers/postprocessing/ao/ssao/SSAOEffect.d.ts +14 -14
- package/dist/managers/postprocessing/ao/ssao/SSAOEffect.js +82 -82
- package/dist/managers/postprocessing/ao/ssao/SSAOEffect.js.map +1 -1
- package/dist/managers/postprocessing/ao/ssao/shader/ssao.d.ts +1 -1
- package/dist/managers/postprocessing/ao/ssao/shader/ssao.js +4 -4
- package/dist/managers/postprocessing/ao/utils/shader/basic.d.ts +1 -1
- package/dist/managers/postprocessing/ao/utils/shader/basic.js +4 -4
- package/dist/managers/postprocessing/ao/utils/shader/sampleBlueNoise.d.ts +1 -1
- package/dist/managers/postprocessing/ao/utils/shader/sampleBlueNoise.js +4 -4
- package/dist/managers/postprocessing/effects/tone-mapping/ToneMappingEffect.d.ts +165 -165
- package/dist/managers/postprocessing/effects/tone-mapping/ToneMappingEffect.js +299 -299
- package/dist/managers/postprocessing/effects/tone-mapping/ToneMappingEffect.js.map +1 -1
- package/dist/managers/postprocessing/effects/tone-mapping/tone-mapping.d.ts +1 -1
- package/dist/managers/postprocessing/effects/tone-mapping/tone-mapping.js +4 -4
- package/dist/managers/postprocessing/utils/CopyMaterial.d.ts +37 -37
- package/dist/managers/postprocessing/utils/CopyMaterial.js +69 -69
- package/dist/managers/postprocessing/utils/CopyShader.d.ts +13 -13
- package/dist/managers/postprocessing/utils/CopyShader.js +12 -12
- package/dist/managers/postprocessing/utils/FullScreenQuad.d.ts +9 -9
- package/dist/managers/postprocessing/utils/FullScreenQuad.js +28 -28
- package/dist/managers/postprocessing/utils/NormalPass.d.ts +87 -87
- package/dist/managers/postprocessing/utils/NormalPass.js +156 -156
- package/dist/managers/postprocessing/utils/NormalPass.js.map +1 -1
- package/dist/managers/postprocessing/utils/RenderPass.d.ts +114 -114
- package/dist/managers/postprocessing/utils/RenderPass.js +259 -259
- package/dist/managers/postprocessing/utils/RenderPass.js.map +1 -1
- package/dist/managers/sceneTree/SDTFUtils.d.ts +6 -6
- package/dist/managers/sceneTree/SDTFUtils.d.ts.map +1 -1
- package/dist/managers/sceneTree/SDTFUtils.js +50 -50
- package/dist/managers/sceneTree/SDTFUtils.js.map +1 -1
- package/dist/managers/sceneTree/SceenTreeManagerUtils.d.ts +7 -7
- package/dist/managers/sceneTree/SceenTreeManagerUtils.d.ts.map +1 -1
- package/dist/managers/sceneTree/SceenTreeManagerUtils.js +175 -165
- package/dist/managers/sceneTree/SceenTreeManagerUtils.js.map +1 -1
- package/dist/managers/sceneTree/ThreeJsDataUtils.d.ts +6 -6
- package/dist/managers/sceneTree/ThreeJsDataUtils.d.ts.map +1 -1
- package/dist/managers/sceneTree/ThreeJsDataUtils.js +80 -70
- package/dist/managers/sceneTree/ThreeJsDataUtils.js.map +1 -1
- package/dist/materials/GemMaterial.d.ts +37 -37
- package/dist/materials/GemMaterial.js +262 -252
- package/dist/materials/GemMaterial.js.map +1 -1
- package/dist/materials/MeshUnlitMaterialParameters.d.ts +3 -3
- package/dist/materials/MeshUnlitMaterialParameters.js +2 -2
- package/dist/materials/MultiPointsMaterial.d.ts +93 -93
- package/dist/materials/MultiPointsMaterial.js +577 -567
- package/dist/materials/MultiPointsMaterial.js.map +1 -1
- package/dist/materials/SpecularGlossinessMaterial.d.ts +13 -13
- package/dist/materials/SpecularGlossinessMaterial.js +171 -161
- package/dist/materials/SpecularGlossinessMaterial.js.map +1 -1
- package/dist/objects/SDColor.d.ts +16 -16
- package/dist/objects/SDColor.js +52 -52
- package/dist/objects/SDColor.js.map +1 -1
- package/dist/objects/SDObject.d.ts +27 -27
- package/dist/objects/SDObject.js +112 -102
- package/dist/objects/SDObject.js.map +1 -1
- package/dist/shaders/PCSS.d.ts +2 -2
- package/dist/shaders/PCSS.js +5 -5
- package/dist/shaders/gem.d.ts +2 -2
- package/dist/shaders/gem.js +5 -5
- package/dist/shaders/multi_points.d.ts +2 -2
- package/dist/shaders/multi_points.js +5 -5
- package/dist/styling/viewport-css.d.ts +1 -1
- package/dist/styling/viewport-css.js +4 -4
- package/dist/three/CSS2DRenderer.d.ts +31 -31
- package/dist/three/CSS2DRenderer.d.ts.map +1 -1
- package/dist/three/CSS2DRenderer.js +152 -152
- package/dist/three/CSS2DRenderer.js.map +1 -1
- package/dist/three/geometries/TextGeometry.d.ts +21 -21
- package/dist/three/geometries/TextGeometry.js +45 -45
- package/dist/three/geometries/TextGeometry.js.map +1 -1
- package/dist/three/loaders/RGBELoader.d.ts +23 -23
- package/dist/three/loaders/RGBELoader.js +311 -311
- package/dist/three/loaders/RGBELoader.js.map +1 -1
- package/dist/types/IThreejsData.d.ts +6 -6
- package/dist/types/IThreejsData.js +2 -2
- package/dist/types/ThreejsData.d.ts +10 -10
- package/dist/types/ThreejsData.js +41 -41
- package/package.json +18 -18
- package/dist/managers/InstanceGroupManager.d.ts +0 -58
- package/dist/managers/InstanceGroupManager.d.ts.map +0 -1
- package/dist/managers/InstanceGroupManager.js +0 -372
- package/dist/managers/InstanceGroupManager.js.map +0 -1
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { Camera, Object3D, Scene, Vector2 } from "three";
|
|
2
|
-
declare class CSS2DObject extends Object3D {
|
|
3
|
-
center: Vector2;
|
|
4
|
-
element: HTMLElement;
|
|
5
|
-
isCSS2DObject: boolean;
|
|
6
|
-
constructor(element?: HTMLDivElement);
|
|
7
|
-
copy(source: this, recursive?: boolean): this;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
element?: HTMLElement;
|
|
11
|
-
};
|
|
12
|
-
declare class CSS2DRenderer {
|
|
13
|
-
private readonly _cache;
|
|
14
|
-
private _height;
|
|
15
|
-
private _heightHalf;
|
|
16
|
-
private _width;
|
|
17
|
-
private _widthHalf;
|
|
18
|
-
domElement: HTMLElement;
|
|
19
|
-
constructor(parameters?: CSS2DParameters);
|
|
20
|
-
filterAndFlatten(scene: Scene): CSS2DObject[];
|
|
21
|
-
getDistanceToSquared(object1: Object3D, object2: Object3D): number;
|
|
22
|
-
getSize(): {
|
|
23
|
-
width: number;
|
|
24
|
-
height: number;
|
|
25
|
-
};
|
|
26
|
-
render(scene: Scene, camera: Camera): void;
|
|
27
|
-
renderObject(o: Object3D, scene: Scene, camera: Camera): void;
|
|
28
|
-
setSize(width: number, height: number): void;
|
|
29
|
-
zOrder(scene: Scene): void;
|
|
30
|
-
}
|
|
31
|
-
export { CSS2DObject, CSS2DRenderer };
|
|
1
|
+
import { Camera, Object3D, Scene, Vector2 } from "three";
|
|
2
|
+
declare class CSS2DObject extends Object3D {
|
|
3
|
+
center: Vector2;
|
|
4
|
+
element: HTMLElement;
|
|
5
|
+
isCSS2DObject: boolean;
|
|
6
|
+
constructor(element?: HTMLDivElement);
|
|
7
|
+
copy(source: this, recursive?: boolean): this;
|
|
8
|
+
}
|
|
9
|
+
type CSS2DParameters = {
|
|
10
|
+
element?: HTMLElement;
|
|
11
|
+
};
|
|
12
|
+
declare class CSS2DRenderer {
|
|
13
|
+
private readonly _cache;
|
|
14
|
+
private _height;
|
|
15
|
+
private _heightHalf;
|
|
16
|
+
private _width;
|
|
17
|
+
private _widthHalf;
|
|
18
|
+
domElement: HTMLElement;
|
|
19
|
+
constructor(parameters?: CSS2DParameters);
|
|
20
|
+
filterAndFlatten(scene: Scene): CSS2DObject[];
|
|
21
|
+
getDistanceToSquared(object1: Object3D, object2: Object3D): number;
|
|
22
|
+
getSize(): {
|
|
23
|
+
width: number;
|
|
24
|
+
height: number;
|
|
25
|
+
};
|
|
26
|
+
render(scene: Scene, camera: Camera): void;
|
|
27
|
+
renderObject(o: Object3D, scene: Scene, camera: Camera): void;
|
|
28
|
+
setSize(width: number, height: number): void;
|
|
29
|
+
zOrder(scene: Scene): void;
|
|
30
|
+
}
|
|
31
|
+
export { CSS2DObject, CSS2DRenderer };
|
|
32
32
|
//# sourceMappingURL=CSS2DRenderer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSS2DRenderer.d.ts","sourceRoot":"","sources":["../../src/three/CSS2DRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAW,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAU,MAAM,OAAO,CAAC;AAEzE,cAAM,WAAY,SAAQ,QAAQ;IAG1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;gBAMlB,OAAO,iBAAgC;IAgC5C,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI;CAWpD;AAUD,
|
|
1
|
+
{"version":3,"file":"CSS2DRenderer.d.ts","sourceRoot":"","sources":["../../src/three/CSS2DRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAW,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAU,MAAM,OAAO,CAAC;AAEzE,cAAM,WAAY,SAAQ,QAAQ;IAG1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;gBAMlB,OAAO,iBAAgC;IAgC5C,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI;CAWpD;AAUD,KAAK,eAAe,GAAG;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,cAAM,aAAa;IAGlB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAErB;IAEF,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,UAAU,CAAa;IAExB,UAAU,EAAE,WAAW,CAAC;gBAMnB,UAAU,CAAC,EAAE,eAAe;IAejC,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAW7B,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ;IAOzD,OAAO,IAAI;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;IAO1C,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;IAenC,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;IAoEtD,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAWrC,MAAM,CAAC,KAAK,EAAE,KAAK;CAsB1B;AAED,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,CAAC"}
|
|
@@ -1,153 +1,153 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CSS2DRenderer = exports.CSS2DObject = void 0;
|
|
4
|
-
const three_1 = require("three");
|
|
5
|
-
class CSS2DObject extends three_1.Object3D {
|
|
6
|
-
// #endregion Properties (3)
|
|
7
|
-
// #region Constructors (1)
|
|
8
|
-
constructor(element = document.createElement("div")) {
|
|
9
|
-
super();
|
|
10
|
-
this.isCSS2DObject = true;
|
|
11
|
-
this.element = element;
|
|
12
|
-
this.element.style.position = "absolute";
|
|
13
|
-
this.element.style.userSelect = "none";
|
|
14
|
-
this.element.setAttribute("draggable", "false");
|
|
15
|
-
this.center = new three_1.Vector2(0.5, 0.5); // ( 0, 0 ) is the lower left; ( 1, 1 ) is the top right
|
|
16
|
-
this.addEventListener("removed", () => {
|
|
17
|
-
this.traverse((o) => {
|
|
18
|
-
const object = o;
|
|
19
|
-
if (object.element instanceof Element &&
|
|
20
|
-
object.element.parentNode !== null) {
|
|
21
|
-
object.element.parentNode.removeChild(object.element);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
// #endregion Constructors (1)
|
|
27
|
-
// #region Public Methods (1)
|
|
28
|
-
copy(source, recursive) {
|
|
29
|
-
super.copy(source, recursive);
|
|
30
|
-
this.element = source.element.cloneNode(true);
|
|
31
|
-
this.center = source.center;
|
|
32
|
-
return this;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
exports.CSS2DObject = CSS2DObject;
|
|
36
|
-
//
|
|
37
|
-
const _vector = new three_1.Vector3();
|
|
38
|
-
const _viewMatrix = new three_1.Matrix4();
|
|
39
|
-
const _viewProjectionMatrix = new three_1.Matrix4();
|
|
40
|
-
const _a = new three_1.Vector3();
|
|
41
|
-
const _b = new three_1.Vector3();
|
|
42
|
-
class CSS2DRenderer {
|
|
43
|
-
// #endregion Properties (6)
|
|
44
|
-
// #region Constructors (1)
|
|
45
|
-
constructor(parameters) {
|
|
46
|
-
// #region Properties (6)
|
|
47
|
-
this._cache = {
|
|
48
|
-
objects: new WeakMap(),
|
|
49
|
-
};
|
|
50
|
-
this._height = 0;
|
|
51
|
-
this._heightHalf = 0;
|
|
52
|
-
this._width = 0;
|
|
53
|
-
this._widthHalf = 0;
|
|
54
|
-
const domElement = (parameters === null || parameters === void 0 ? void 0 : parameters.element) !== undefined
|
|
55
|
-
? parameters.element
|
|
56
|
-
: document.createElement("div");
|
|
57
|
-
domElement.style.overflow = "hidden";
|
|
58
|
-
this.domElement = domElement;
|
|
59
|
-
}
|
|
60
|
-
// #endregion Constructors (1)
|
|
61
|
-
// #region Public Methods (7)
|
|
62
|
-
filterAndFlatten(scene) {
|
|
63
|
-
const result = [];
|
|
64
|
-
scene.traverse((object) => {
|
|
65
|
-
if (object.isCSS2DObject)
|
|
66
|
-
result.push(object);
|
|
67
|
-
});
|
|
68
|
-
return result;
|
|
69
|
-
}
|
|
70
|
-
getDistanceToSquared(object1, object2) {
|
|
71
|
-
_a.setFromMatrixPosition(object1.matrixWorld);
|
|
72
|
-
_b.setFromMatrixPosition(object2.matrixWorld);
|
|
73
|
-
return _a.distanceToSquared(_b);
|
|
74
|
-
}
|
|
75
|
-
getSize() {
|
|
76
|
-
return {
|
|
77
|
-
width: this._width,
|
|
78
|
-
height: this._height,
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
|
-
render(scene, camera) {
|
|
82
|
-
if (scene.matrixWorldAutoUpdate === true)
|
|
83
|
-
scene.updateMatrixWorld();
|
|
84
|
-
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
|
|
85
|
-
camera.updateMatrixWorld();
|
|
86
|
-
_viewMatrix.copy(camera.matrixWorldInverse);
|
|
87
|
-
_viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix, _viewMatrix);
|
|
88
|
-
this.renderObject(scene, scene, camera);
|
|
89
|
-
this.zOrder(scene);
|
|
90
|
-
}
|
|
91
|
-
renderObject(o, scene, camera) {
|
|
92
|
-
if (o.isCSS2DObject) {
|
|
93
|
-
const object = o;
|
|
94
|
-
_vector.setFromMatrixPosition(object.matrixWorld);
|
|
95
|
-
_vector.applyMatrix4(_viewProjectionMatrix);
|
|
96
|
-
const visible = object.visible === true &&
|
|
97
|
-
_vector.z >= -1 &&
|
|
98
|
-
_vector.z <= 1 &&
|
|
99
|
-
object.layers.test(camera.layers) === true;
|
|
100
|
-
object.element.style.display = visible === true ? "" : "none";
|
|
101
|
-
if (visible === true) {
|
|
102
|
-
object.onBeforeRender(this, scene, camera);
|
|
103
|
-
const element = object.element;
|
|
104
|
-
element.style.transform =
|
|
105
|
-
"translate(" +
|
|
106
|
-
-100 * object.center.x +
|
|
107
|
-
"%," +
|
|
108
|
-
-100 * object.center.y +
|
|
109
|
-
"%)" +
|
|
110
|
-
"translate(" +
|
|
111
|
-
(_vector.x * this._widthHalf + this._widthHalf) +
|
|
112
|
-
"px," +
|
|
113
|
-
(-_vector.y * this._heightHalf + this._heightHalf) +
|
|
114
|
-
"px)";
|
|
115
|
-
if (element.parentNode !== this.domElement) {
|
|
116
|
-
this.domElement.appendChild(element);
|
|
117
|
-
}
|
|
118
|
-
object.onAfterRender(this, scene, camera);
|
|
119
|
-
}
|
|
120
|
-
const objectData = {
|
|
121
|
-
distanceToCameraSquared: this.getDistanceToSquared(camera, object),
|
|
122
|
-
};
|
|
123
|
-
this._cache.objects.set(object, objectData);
|
|
124
|
-
}
|
|
125
|
-
for (let i = 0, l = o.children.length; i < l; i++) {
|
|
126
|
-
this.renderObject(o.children[i], scene, camera);
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
setSize(width, height) {
|
|
130
|
-
this._width = width;
|
|
131
|
-
this._height = height;
|
|
132
|
-
this._widthHalf = this._width / 2;
|
|
133
|
-
this._heightHalf = this._height / 2;
|
|
134
|
-
this.domElement.style.width = width + "px";
|
|
135
|
-
this.domElement.style.height = height + "px";
|
|
136
|
-
}
|
|
137
|
-
zOrder(scene) {
|
|
138
|
-
const sorted = this.filterAndFlatten(scene).sort((a, b) => {
|
|
139
|
-
if (a.renderOrder !== b.renderOrder) {
|
|
140
|
-
return b.renderOrder - a.renderOrder;
|
|
141
|
-
}
|
|
142
|
-
const distanceA = this._cache.objects.get(a).distanceToCameraSquared;
|
|
143
|
-
const distanceB = this._cache.objects.get(b).distanceToCameraSquared;
|
|
144
|
-
return distanceA - distanceB;
|
|
145
|
-
});
|
|
146
|
-
const zMax = sorted.length;
|
|
147
|
-
for (let i = 0, l = sorted.length; i < l; i++) {
|
|
148
|
-
sorted[i].element.style.zIndex = zMax - i + "";
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
exports.CSS2DRenderer = CSS2DRenderer;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CSS2DRenderer = exports.CSS2DObject = void 0;
|
|
4
|
+
const three_1 = require("three");
|
|
5
|
+
class CSS2DObject extends three_1.Object3D {
|
|
6
|
+
// #endregion Properties (3)
|
|
7
|
+
// #region Constructors (1)
|
|
8
|
+
constructor(element = document.createElement("div")) {
|
|
9
|
+
super();
|
|
10
|
+
this.isCSS2DObject = true;
|
|
11
|
+
this.element = element;
|
|
12
|
+
this.element.style.position = "absolute";
|
|
13
|
+
this.element.style.userSelect = "none";
|
|
14
|
+
this.element.setAttribute("draggable", "false");
|
|
15
|
+
this.center = new three_1.Vector2(0.5, 0.5); // ( 0, 0 ) is the lower left; ( 1, 1 ) is the top right
|
|
16
|
+
this.addEventListener("removed", () => {
|
|
17
|
+
this.traverse((o) => {
|
|
18
|
+
const object = o;
|
|
19
|
+
if (object.element instanceof Element &&
|
|
20
|
+
object.element.parentNode !== null) {
|
|
21
|
+
object.element.parentNode.removeChild(object.element);
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
// #endregion Constructors (1)
|
|
27
|
+
// #region Public Methods (1)
|
|
28
|
+
copy(source, recursive) {
|
|
29
|
+
super.copy(source, recursive);
|
|
30
|
+
this.element = source.element.cloneNode(true);
|
|
31
|
+
this.center = source.center;
|
|
32
|
+
return this;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
exports.CSS2DObject = CSS2DObject;
|
|
36
|
+
//
|
|
37
|
+
const _vector = new three_1.Vector3();
|
|
38
|
+
const _viewMatrix = new three_1.Matrix4();
|
|
39
|
+
const _viewProjectionMatrix = new three_1.Matrix4();
|
|
40
|
+
const _a = new three_1.Vector3();
|
|
41
|
+
const _b = new three_1.Vector3();
|
|
42
|
+
class CSS2DRenderer {
|
|
43
|
+
// #endregion Properties (6)
|
|
44
|
+
// #region Constructors (1)
|
|
45
|
+
constructor(parameters) {
|
|
46
|
+
// #region Properties (6)
|
|
47
|
+
this._cache = {
|
|
48
|
+
objects: new WeakMap(),
|
|
49
|
+
};
|
|
50
|
+
this._height = 0;
|
|
51
|
+
this._heightHalf = 0;
|
|
52
|
+
this._width = 0;
|
|
53
|
+
this._widthHalf = 0;
|
|
54
|
+
const domElement = (parameters === null || parameters === void 0 ? void 0 : parameters.element) !== undefined
|
|
55
|
+
? parameters.element
|
|
56
|
+
: document.createElement("div");
|
|
57
|
+
domElement.style.overflow = "hidden";
|
|
58
|
+
this.domElement = domElement;
|
|
59
|
+
}
|
|
60
|
+
// #endregion Constructors (1)
|
|
61
|
+
// #region Public Methods (7)
|
|
62
|
+
filterAndFlatten(scene) {
|
|
63
|
+
const result = [];
|
|
64
|
+
scene.traverse((object) => {
|
|
65
|
+
if (object.isCSS2DObject)
|
|
66
|
+
result.push(object);
|
|
67
|
+
});
|
|
68
|
+
return result;
|
|
69
|
+
}
|
|
70
|
+
getDistanceToSquared(object1, object2) {
|
|
71
|
+
_a.setFromMatrixPosition(object1.matrixWorld);
|
|
72
|
+
_b.setFromMatrixPosition(object2.matrixWorld);
|
|
73
|
+
return _a.distanceToSquared(_b);
|
|
74
|
+
}
|
|
75
|
+
getSize() {
|
|
76
|
+
return {
|
|
77
|
+
width: this._width,
|
|
78
|
+
height: this._height,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
render(scene, camera) {
|
|
82
|
+
if (scene.matrixWorldAutoUpdate === true)
|
|
83
|
+
scene.updateMatrixWorld();
|
|
84
|
+
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
|
|
85
|
+
camera.updateMatrixWorld();
|
|
86
|
+
_viewMatrix.copy(camera.matrixWorldInverse);
|
|
87
|
+
_viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix, _viewMatrix);
|
|
88
|
+
this.renderObject(scene, scene, camera);
|
|
89
|
+
this.zOrder(scene);
|
|
90
|
+
}
|
|
91
|
+
renderObject(o, scene, camera) {
|
|
92
|
+
if (o.isCSS2DObject) {
|
|
93
|
+
const object = o;
|
|
94
|
+
_vector.setFromMatrixPosition(object.matrixWorld);
|
|
95
|
+
_vector.applyMatrix4(_viewProjectionMatrix);
|
|
96
|
+
const visible = object.visible === true &&
|
|
97
|
+
_vector.z >= -1 &&
|
|
98
|
+
_vector.z <= 1 &&
|
|
99
|
+
object.layers.test(camera.layers) === true;
|
|
100
|
+
object.element.style.display = visible === true ? "" : "none";
|
|
101
|
+
if (visible === true) {
|
|
102
|
+
object.onBeforeRender(this, scene, camera);
|
|
103
|
+
const element = object.element;
|
|
104
|
+
element.style.transform =
|
|
105
|
+
"translate(" +
|
|
106
|
+
-100 * object.center.x +
|
|
107
|
+
"%," +
|
|
108
|
+
-100 * object.center.y +
|
|
109
|
+
"%)" +
|
|
110
|
+
"translate(" +
|
|
111
|
+
(_vector.x * this._widthHalf + this._widthHalf) +
|
|
112
|
+
"px," +
|
|
113
|
+
(-_vector.y * this._heightHalf + this._heightHalf) +
|
|
114
|
+
"px)";
|
|
115
|
+
if (element.parentNode !== this.domElement) {
|
|
116
|
+
this.domElement.appendChild(element);
|
|
117
|
+
}
|
|
118
|
+
object.onAfterRender(this, scene, camera);
|
|
119
|
+
}
|
|
120
|
+
const objectData = {
|
|
121
|
+
distanceToCameraSquared: this.getDistanceToSquared(camera, object),
|
|
122
|
+
};
|
|
123
|
+
this._cache.objects.set(object, objectData);
|
|
124
|
+
}
|
|
125
|
+
for (let i = 0, l = o.children.length; i < l; i++) {
|
|
126
|
+
this.renderObject(o.children[i], scene, camera);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
setSize(width, height) {
|
|
130
|
+
this._width = width;
|
|
131
|
+
this._height = height;
|
|
132
|
+
this._widthHalf = this._width / 2;
|
|
133
|
+
this._heightHalf = this._height / 2;
|
|
134
|
+
this.domElement.style.width = width + "px";
|
|
135
|
+
this.domElement.style.height = height + "px";
|
|
136
|
+
}
|
|
137
|
+
zOrder(scene) {
|
|
138
|
+
const sorted = this.filterAndFlatten(scene).sort((a, b) => {
|
|
139
|
+
if (a.renderOrder !== b.renderOrder) {
|
|
140
|
+
return b.renderOrder - a.renderOrder;
|
|
141
|
+
}
|
|
142
|
+
const distanceA = this._cache.objects.get(a).distanceToCameraSquared;
|
|
143
|
+
const distanceB = this._cache.objects.get(b).distanceToCameraSquared;
|
|
144
|
+
return distanceA - distanceB;
|
|
145
|
+
});
|
|
146
|
+
const zMax = sorted.length;
|
|
147
|
+
for (let i = 0, l = sorted.length; i < l; i++) {
|
|
148
|
+
sorted[i].element.style.zIndex = zMax - i + "";
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
exports.CSS2DRenderer = CSS2DRenderer;
|
|
153
153
|
//# sourceMappingURL=CSS2DRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSS2DRenderer.js","sourceRoot":"","sources":["../../src/three/CSS2DRenderer.ts"],"names":[],"mappings":";;;AAAA,iCAAyE;AAEzE,MAAM,WAAY,SAAQ,gBAAQ;IAOjC,4BAA4B;IAE5B,2BAA2B;IAE3B,YAAY,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAClD,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAEvC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,MAAM,GAAG,IAAI,eAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,wDAAwD;QAE7F,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;YACrC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAW,EAAE,EAAE;gBAC7B,MAAM,MAAM,GAAG,CAAgB,CAAC;gBAEhC,IACC,MAAM,CAAC,OAAO,YAAY,OAAO;oBACjC,MAAM,CAAC,OAAO,CAAC,UAAU,KAAK,IAAI,EACjC;
|
|
1
|
+
{"version":3,"file":"CSS2DRenderer.js","sourceRoot":"","sources":["../../src/three/CSS2DRenderer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Text = 3D Text
|
|
3
|
-
*
|
|
4
|
-
* parameters = {
|
|
5
|
-
* font: <THREE.Font>, // font
|
|
6
|
-
*
|
|
7
|
-
* size: <float>, // size of the text
|
|
8
|
-
* height: <float>, // thickness to extrude text
|
|
9
|
-
* curveSegments: <int>, // number of points on the curves
|
|
10
|
-
*
|
|
11
|
-
* bevelEnabled: <bool>, // turn on bevel
|
|
12
|
-
* bevelThickness: <float>, // how deep into text bevel goes
|
|
13
|
-
* bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel
|
|
14
|
-
* bevelOffset: <float> // how far from text outline does bevel start
|
|
15
|
-
* }
|
|
16
|
-
*/
|
|
17
|
-
import { ExtrudeGeometry } from "three";
|
|
18
|
-
declare class TextGeometry extends ExtrudeGeometry {
|
|
19
|
-
constructor(text: string, parameters?: any);
|
|
20
|
-
}
|
|
21
|
-
export { TextGeometry };
|
|
1
|
+
/**
|
|
2
|
+
* Text = 3D Text
|
|
3
|
+
*
|
|
4
|
+
* parameters = {
|
|
5
|
+
* font: <THREE.Font>, // font
|
|
6
|
+
*
|
|
7
|
+
* size: <float>, // size of the text
|
|
8
|
+
* height: <float>, // thickness to extrude text
|
|
9
|
+
* curveSegments: <int>, // number of points on the curves
|
|
10
|
+
*
|
|
11
|
+
* bevelEnabled: <bool>, // turn on bevel
|
|
12
|
+
* bevelThickness: <float>, // how deep into text bevel goes
|
|
13
|
+
* bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel
|
|
14
|
+
* bevelOffset: <float> // how far from text outline does bevel start
|
|
15
|
+
* }
|
|
16
|
+
*/
|
|
17
|
+
import { ExtrudeGeometry } from "three";
|
|
18
|
+
declare class TextGeometry extends ExtrudeGeometry {
|
|
19
|
+
constructor(text: string, parameters?: any);
|
|
20
|
+
}
|
|
21
|
+
export { TextGeometry };
|
|
22
22
|
//# sourceMappingURL=TextGeometry.d.ts.map
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3
|
-
/**
|
|
4
|
-
* Text = 3D Text
|
|
5
|
-
*
|
|
6
|
-
* parameters = {
|
|
7
|
-
* font: <THREE.Font>, // font
|
|
8
|
-
*
|
|
9
|
-
* size: <float>, // size of the text
|
|
10
|
-
* height: <float>, // thickness to extrude text
|
|
11
|
-
* curveSegments: <int>, // number of points on the curves
|
|
12
|
-
*
|
|
13
|
-
* bevelEnabled: <bool>, // turn on bevel
|
|
14
|
-
* bevelThickness: <float>, // how deep into text bevel goes
|
|
15
|
-
* bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel
|
|
16
|
-
* bevelOffset: <float> // how far from text outline does bevel start
|
|
17
|
-
* }
|
|
18
|
-
*/
|
|
19
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
exports.TextGeometry = void 0;
|
|
21
|
-
const three_1 = require("three");
|
|
22
|
-
class TextGeometry extends three_1.ExtrudeGeometry {
|
|
23
|
-
constructor(text, parameters = {}) {
|
|
24
|
-
const font = parameters.font;
|
|
25
|
-
if (font === undefined) {
|
|
26
|
-
super(); // generate default extrude geometry
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
const shapes = font.generateShapes(text, parameters.size);
|
|
30
|
-
// translate parameters to ExtrudeGeometry API
|
|
31
|
-
parameters.depth =
|
|
32
|
-
parameters.height !== undefined ? parameters.height : 50;
|
|
33
|
-
// defaults
|
|
34
|
-
if (parameters.bevelThickness === undefined)
|
|
35
|
-
parameters.bevelThickness = 10;
|
|
36
|
-
if (parameters.bevelSize === undefined)
|
|
37
|
-
parameters.bevelSize = 8;
|
|
38
|
-
if (parameters.bevelEnabled === undefined)
|
|
39
|
-
parameters.bevelEnabled = false;
|
|
40
|
-
super(shapes, parameters);
|
|
41
|
-
}
|
|
42
|
-
this.type = "TextGeometry";
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
exports.TextGeometry = TextGeometry;
|
|
1
|
+
"use strict";
|
|
2
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3
|
+
/**
|
|
4
|
+
* Text = 3D Text
|
|
5
|
+
*
|
|
6
|
+
* parameters = {
|
|
7
|
+
* font: <THREE.Font>, // font
|
|
8
|
+
*
|
|
9
|
+
* size: <float>, // size of the text
|
|
10
|
+
* height: <float>, // thickness to extrude text
|
|
11
|
+
* curveSegments: <int>, // number of points on the curves
|
|
12
|
+
*
|
|
13
|
+
* bevelEnabled: <bool>, // turn on bevel
|
|
14
|
+
* bevelThickness: <float>, // how deep into text bevel goes
|
|
15
|
+
* bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel
|
|
16
|
+
* bevelOffset: <float> // how far from text outline does bevel start
|
|
17
|
+
* }
|
|
18
|
+
*/
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.TextGeometry = void 0;
|
|
21
|
+
const three_1 = require("three");
|
|
22
|
+
class TextGeometry extends three_1.ExtrudeGeometry {
|
|
23
|
+
constructor(text, parameters = {}) {
|
|
24
|
+
const font = parameters.font;
|
|
25
|
+
if (font === undefined) {
|
|
26
|
+
super(); // generate default extrude geometry
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
const shapes = font.generateShapes(text, parameters.size);
|
|
30
|
+
// translate parameters to ExtrudeGeometry API
|
|
31
|
+
parameters.depth =
|
|
32
|
+
parameters.height !== undefined ? parameters.height : 50;
|
|
33
|
+
// defaults
|
|
34
|
+
if (parameters.bevelThickness === undefined)
|
|
35
|
+
parameters.bevelThickness = 10;
|
|
36
|
+
if (parameters.bevelSize === undefined)
|
|
37
|
+
parameters.bevelSize = 8;
|
|
38
|
+
if (parameters.bevelEnabled === undefined)
|
|
39
|
+
parameters.bevelEnabled = false;
|
|
40
|
+
super(shapes, parameters);
|
|
41
|
+
}
|
|
42
|
+
this.type = "TextGeometry";
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
exports.TextGeometry = TextGeometry;
|
|
46
46
|
//# sourceMappingURL=TextGeometry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextGeometry.js","sourceRoot":"","sources":["../../../src/three/geometries/TextGeometry.ts"],"names":[],"mappings":";AAAA,uDAAuD;AACvD;;;;;;;;;;;;;;;GAeG;;;AAEH,iCAAsC;AAEtC,MAAM,YAAa,SAAQ,uBAAe;IACzC,YAAY,IAAY,EAAE,aAAkB,EAAE;QAC7C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,IAAI,IAAI,KAAK,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"TextGeometry.js","sourceRoot":"","sources":["../../../src/three/geometries/TextGeometry.ts"],"names":[],"mappings":";AAAA,uDAAuD;AACvD;;;;;;;;;;;;;;;GAeG;;;AAEH,iCAAsC;AAEtC,MAAM,YAAa,SAAQ,uBAAe;IACzC,YAAY,IAAY,EAAE,aAAkB,EAAE;QAC7C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACxB,KAAK,EAAE,CAAC,CAAC,oCAAoC;QAC9C,CAAC;aAAM,CAAC;YACP,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;YAE1D,8CAA8C;YAE9C,UAAU,CAAC,KAAK;gBACf,UAAU,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YAE1D,WAAW;YAEX,IAAI,UAAU,CAAC,cAAc,KAAK,SAAS;gBAC1C,UAAU,CAAC,cAAc,GAAG,EAAE,CAAC;YAChC,IAAI,UAAU,CAAC,SAAS,KAAK,SAAS;gBAAE,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC;YACjE,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS;gBACxC,UAAU,CAAC,YAAY,GAAG,KAAK,CAAC;YAEjC,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3B,CAAC;QAEA,IAAY,CAAC,IAAI,GAAG,cAAc,CAAC;IACrC,CAAC;CACD;AAEO,oCAAY"}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { DataTextureLoader, LoadingManager, PixelFormat, TextureDataType } from "three";
|
|
2
|
-
export interface RGBE {
|
|
3
|
-
width: number;
|
|
4
|
-
height: number;
|
|
5
|
-
data: Float32Array | Uint8Array;
|
|
6
|
-
header: string;
|
|
7
|
-
gamma: number;
|
|
8
|
-
exposure: number;
|
|
9
|
-
format: PixelFormat;
|
|
10
|
-
type: TextureDataType;
|
|
11
|
-
}
|
|
12
|
-
declare class RGBELoader extends DataTextureLoader {
|
|
13
|
-
type: number;
|
|
14
|
-
constructor(manager?: LoadingManager);
|
|
15
|
-
parse(buffer: ArrayBuffer): RGBE;
|
|
16
|
-
setDataType(value: number): this;
|
|
17
|
-
load(url: string, onLoad: {
|
|
18
|
-
(texture: any, texData: any): void;
|
|
19
|
-
(texture: any): void;
|
|
20
|
-
(arg0: any, arg1: any): void;
|
|
21
|
-
}, onProgress: ((event: ProgressEvent<EventTarget>) => void) | undefined, onError: ((event: unknown) => void) | undefined): import("three").DataTexture;
|
|
22
|
-
}
|
|
23
|
-
export { RGBELoader };
|
|
1
|
+
import { DataTextureLoader, LoadingManager, PixelFormat, TextureDataType } from "three";
|
|
2
|
+
export interface RGBE {
|
|
3
|
+
width: number;
|
|
4
|
+
height: number;
|
|
5
|
+
data: Float32Array | Uint8Array;
|
|
6
|
+
header: string;
|
|
7
|
+
gamma: number;
|
|
8
|
+
exposure: number;
|
|
9
|
+
format: PixelFormat;
|
|
10
|
+
type: TextureDataType;
|
|
11
|
+
}
|
|
12
|
+
declare class RGBELoader extends DataTextureLoader {
|
|
13
|
+
type: number;
|
|
14
|
+
constructor(manager?: LoadingManager);
|
|
15
|
+
parse(buffer: ArrayBuffer): RGBE;
|
|
16
|
+
setDataType(value: number): this;
|
|
17
|
+
load(url: string, onLoad: {
|
|
18
|
+
(texture: any, texData: any): void;
|
|
19
|
+
(texture: any): void;
|
|
20
|
+
(arg0: any, arg1: any): void;
|
|
21
|
+
}, onProgress: ((event: ProgressEvent<EventTarget>) => void) | undefined, onError: ((event: unknown) => void) | undefined): import("three").DataTexture;
|
|
22
|
+
}
|
|
23
|
+
export { RGBELoader };
|
|
24
24
|
//# sourceMappingURL=RGBELoader.d.ts.map
|