@p100-web/core-three 100.0.62 → 100.0.65
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/App.d.ts +40 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/App.js +171 -0
- package/dist/App.js.map +1 -0
- package/dist/ComponentFactory.d.ts +5 -0
- package/dist/ComponentFactory.d.ts.map +1 -0
- package/dist/ComponentFactory.js +17 -0
- package/dist/ComponentFactory.js.map +1 -0
- package/dist/PCanvas.d.ts +171 -0
- package/dist/PCanvas.d.ts.map +1 -0
- package/dist/PCanvas.js +992 -0
- package/dist/PCanvas.js.map +1 -0
- package/dist/ThreeEngine.d.ts +25 -0
- package/dist/ThreeEngine.d.ts.map +1 -0
- package/dist/ThreeEngine.js +102 -0
- package/dist/ThreeEngine.js.map +1 -0
- package/dist/ThreeNodeRenderer.d.ts +32 -0
- package/dist/ThreeNodeRenderer.d.ts.map +1 -0
- package/dist/ThreeNodeRenderer.js +87 -0
- package/dist/ThreeNodeRenderer.js.map +1 -0
- package/dist/index.d.ts +7 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/media/AudioLoader.d.ts +32 -0
- package/dist/media/AudioLoader.d.ts.map +1 -0
- package/dist/media/AudioLoader.js +110 -0
- package/dist/media/AudioLoader.js.map +1 -0
- package/dist/media/EnvironmentLoader.d.ts +40 -0
- package/dist/media/EnvironmentLoader.d.ts.map +1 -0
- package/dist/media/EnvironmentLoader.js +120 -0
- package/dist/media/EnvironmentLoader.js.map +1 -0
- package/dist/media/ImageLoader.d.ts +36 -0
- package/dist/media/ImageLoader.d.ts.map +1 -0
- package/dist/media/ImageLoader.js +160 -0
- package/dist/media/ImageLoader.js.map +1 -0
- package/dist/media/MediaLoader.d.ts +14 -0
- package/dist/media/MediaLoader.d.ts.map +1 -0
- package/dist/media/MediaLoader.js +70 -0
- package/dist/media/MediaLoader.js.map +1 -0
- package/dist/media/ModelLoader.d.ts +49 -0
- package/dist/media/ModelLoader.d.ts.map +1 -0
- package/dist/media/ModelLoader.js +223 -0
- package/dist/media/ModelLoader.js.map +1 -0
- package/dist/media/VideoLoader.d.ts +35 -0
- package/dist/media/VideoLoader.d.ts.map +1 -0
- package/dist/media/VideoLoader.js +105 -0
- package/dist/media/VideoLoader.js.map +1 -0
- package/dist/pcomponents/PAnimator.d.ts +24 -0
- package/dist/pcomponents/PAnimator.d.ts.map +1 -0
- package/dist/pcomponents/PAnimator.js +129 -0
- package/dist/pcomponents/PAnimator.js.map +1 -0
- package/dist/pcomponents/PBasicMaterial.d.ts +17 -0
- package/dist/pcomponents/PBasicMaterial.d.ts.map +1 -0
- package/dist/pcomponents/PBasicMaterial.js +142 -0
- package/dist/pcomponents/PBasicMaterial.js.map +1 -0
- package/dist/pcomponents/PCollider.d.ts +11 -0
- package/dist/pcomponents/PCollider.d.ts.map +1 -0
- package/dist/pcomponents/PCollider.js +61 -0
- package/dist/pcomponents/PCollider.js.map +1 -0
- package/dist/pcomponents/PCubeGeometry.d.ts +8 -0
- package/dist/pcomponents/PCubeGeometry.d.ts.map +1 -0
- package/dist/pcomponents/PCubeGeometry.js +23 -0
- package/dist/pcomponents/PCubeGeometry.js.map +1 -0
- package/dist/pcomponents/PEnvironment.d.ts +14 -0
- package/dist/pcomponents/PEnvironment.d.ts.map +1 -0
- package/dist/pcomponents/PEnvironment.js +86 -0
- package/dist/pcomponents/PEnvironment.js.map +1 -0
- package/dist/pcomponents/PImageBackground.d.ts +14 -0
- package/dist/pcomponents/PImageBackground.d.ts.map +1 -0
- package/dist/pcomponents/PImageBackground.js +85 -0
- package/dist/pcomponents/PImageBackground.js.map +1 -0
- package/dist/pcomponents/PLight.d.ts +8 -0
- package/dist/pcomponents/PLight.d.ts.map +1 -0
- package/dist/pcomponents/PLight.js +22 -0
- package/dist/pcomponents/PLight.js.map +1 -0
- package/dist/pcomponents/PLightDirectional.d.ts +8 -0
- package/dist/pcomponents/PLightDirectional.d.ts.map +1 -0
- package/dist/pcomponents/PLightDirectional.js +36 -0
- package/dist/pcomponents/PLightDirectional.js.map +1 -0
- package/dist/pcomponents/PMaskedMaterial.d.ts +17 -0
- package/dist/pcomponents/PMaskedMaterial.d.ts.map +1 -0
- package/dist/pcomponents/PMaskedMaterial.js +214 -0
- package/dist/pcomponents/PMaskedMaterial.js.map +1 -0
- package/dist/pcomponents/PModelGLTF.d.ts +18 -0
- package/dist/pcomponents/PModelGLTF.d.ts.map +1 -0
- package/dist/pcomponents/PModelGLTF.js +98 -0
- package/dist/pcomponents/PModelGLTF.js.map +1 -0
- package/dist/pcomponents/PPhysicalMaterial.d.ts +13 -0
- package/dist/pcomponents/PPhysicalMaterial.d.ts.map +1 -0
- package/dist/pcomponents/PPhysicalMaterial.js +106 -0
- package/dist/pcomponents/PPhysicalMaterial.js.map +1 -0
- package/dist/pcomponents/PPlaneGeometry.d.ts +8 -0
- package/dist/pcomponents/PPlaneGeometry.d.ts.map +1 -0
- package/dist/pcomponents/PPlaneGeometry.js +23 -0
- package/dist/pcomponents/PPlaneGeometry.js.map +1 -0
- package/dist/pcomponents/PProjectRoot.d.ts +8 -0
- package/dist/pcomponents/PProjectRoot.d.ts.map +1 -0
- package/dist/pcomponents/PProjectRoot.js +24 -0
- package/dist/pcomponents/PProjectRoot.js.map +1 -0
- package/dist/pcomponents/PSlider.d.ts +16 -0
- package/dist/pcomponents/PSlider.d.ts.map +1 -0
- package/dist/pcomponents/PSlider.js +69 -0
- package/dist/pcomponents/PSlider.js.map +1 -0
- package/dist/pcomponents/PSound.d.ts +17 -0
- package/dist/pcomponents/PSound.d.ts.map +1 -0
- package/dist/pcomponents/PSound.js +110 -0
- package/dist/pcomponents/PSound.js.map +1 -0
- package/dist/pcomponents/PSphereGeometry.d.ts +9 -0
- package/dist/pcomponents/PSphereGeometry.d.ts.map +1 -0
- package/dist/pcomponents/PSphereGeometry.js +24 -0
- package/dist/pcomponents/PSphereGeometry.js.map +1 -0
- package/dist/pcomponents/PSprite.d.ts +14 -0
- package/dist/pcomponents/PSprite.d.ts.map +1 -0
- package/dist/pcomponents/PSprite.js +79 -0
- package/dist/pcomponents/PSprite.js.map +1 -0
- package/dist/pcomponents/PSpriteAnimation.d.ts +15 -0
- package/dist/pcomponents/PSpriteAnimation.d.ts.map +1 -0
- package/dist/pcomponents/PSpriteAnimation.js +80 -0
- package/dist/pcomponents/PSpriteAnimation.js.map +1 -0
- package/dist/pcomponents/PText.d.ts +10 -0
- package/dist/pcomponents/PText.d.ts.map +1 -0
- package/dist/pcomponents/PText.js +44 -0
- package/dist/pcomponents/PText.js.map +1 -0
- package/dist/pcomponents/PVideoBackground.d.ts +13 -0
- package/dist/pcomponents/PVideoBackground.d.ts.map +1 -0
- package/dist/pcomponents/PVideoBackground.js +85 -0
- package/dist/pcomponents/PVideoBackground.js.map +1 -0
- package/dist/pcomponents/PVideoPlayer.d.ts +5 -0
- package/dist/pcomponents/PVideoPlayer.d.ts.map +1 -0
- package/dist/pcomponents/PVideoPlayer.js +12 -0
- package/dist/pcomponents/PVideoPlayer.js.map +1 -0
- package/dist/pcomponents.d.ts +21 -21
- package/dist/pcomponents.d.ts.map +1 -1
- package/dist/pcomponents.js +21 -21
- package/dist/pcomponents.js.map +1 -1
- package/dist/postprocessing/PSSRPass.d.ts +19 -0
- package/dist/postprocessing/PSSRPass.d.ts.map +1 -0
- package/dist/postprocessing/PSSRPass.js +69 -0
- package/dist/postprocessing/PSSRPass.js.map +1 -0
- package/dist/postprocessing/ThreeJsPostProcessor.d.ts +32 -0
- package/dist/postprocessing/ThreeJsPostProcessor.d.ts.map +1 -0
- package/dist/postprocessing/ThreeJsPostProcessor.js +264 -0
- package/dist/postprocessing/ThreeJsPostProcessor.js.map +1 -0
- package/dist/three/ColliderObject3D.d.ts +19 -0
- package/dist/three/ColliderObject3D.d.ts.map +1 -0
- package/dist/three/ColliderObject3D.js +146 -0
- package/dist/three/ColliderObject3D.js.map +1 -0
- package/dist/three/FreeCameraControls.d.ts +30 -0
- package/dist/three/FreeCameraControls.d.ts.map +1 -0
- package/dist/three/FreeCameraControls.js +158 -0
- package/dist/three/FreeCameraControls.js.map +1 -0
- package/dist/three/OrbitCameraControls.d.ts +24 -0
- package/dist/three/OrbitCameraControls.d.ts.map +1 -0
- package/dist/three/OrbitCameraControls.js +81 -0
- package/dist/three/OrbitCameraControls.js.map +1 -0
- package/dist/three/VrCameraControls.d.ts +28 -0
- package/dist/three/VrCameraControls.d.ts.map +1 -0
- package/dist/three/VrCameraControls.js +124 -0
- package/dist/three/VrCameraControls.js.map +1 -0
- package/package.json +9 -4
- package/index.js +0 -1
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { EquirectangularReflectionMapping, PMREMGenerator, } from "three";
|
|
2
|
+
import { RGBELoader } from "three/addons/loaders/RGBELoader.js";
|
|
3
|
+
/**
|
|
4
|
+
* RGBE Loader
|
|
5
|
+
*/
|
|
6
|
+
export default class EnvironmentLoader {
|
|
7
|
+
constructor(url, context) {
|
|
8
|
+
this.debug = false;
|
|
9
|
+
this.debugDelay = false;
|
|
10
|
+
this.onLoaded = async (id, texture) => {
|
|
11
|
+
const queueItem = this._queue[id];
|
|
12
|
+
if (!queueItem) {
|
|
13
|
+
this._context?.error("[EnvironmentLoader] Missing QueueItem");
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
const file = queueItem.file;
|
|
17
|
+
// Save id on loaded model
|
|
18
|
+
if (this.debug)
|
|
19
|
+
console.log("EnvironmentLoader.onLoaded: ", texture);
|
|
20
|
+
texture.mapping = EquirectangularReflectionMapping;
|
|
21
|
+
// Optionally process with PMREMGenerator for better reflections
|
|
22
|
+
const pcanvas = this._context.getPCanvas();
|
|
23
|
+
const pmremGenerator = new PMREMGenerator(pcanvas.getThreeRenderer());
|
|
24
|
+
const envMap = pmremGenerator.fromEquirectangular(texture).texture;
|
|
25
|
+
envMap.userData.id = id;
|
|
26
|
+
texture.dispose();
|
|
27
|
+
pmremGenerator.dispose();
|
|
28
|
+
// Remove from queue
|
|
29
|
+
delete this._queue[id];
|
|
30
|
+
if (queueItem.components.length > 0) {
|
|
31
|
+
for (const target of queueItem.components) {
|
|
32
|
+
// Notify event listeners
|
|
33
|
+
target.onEnvironmentLoaded(file, envMap);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
console.log("No textures were waiting for the media");
|
|
38
|
+
}
|
|
39
|
+
queueItem.resolve(file);
|
|
40
|
+
};
|
|
41
|
+
this.onError = (id, error) => {
|
|
42
|
+
console.log("ERROR value: ", id, error);
|
|
43
|
+
const queueItem = this._queue[id];
|
|
44
|
+
if (queueItem) {
|
|
45
|
+
// Remove from queue
|
|
46
|
+
delete this._queue[id];
|
|
47
|
+
}
|
|
48
|
+
this._context?.error("Failed to load: " + id);
|
|
49
|
+
};
|
|
50
|
+
this._loader = new RGBELoader();
|
|
51
|
+
this._queue = {};
|
|
52
|
+
this._baseUrl = url;
|
|
53
|
+
this._context = context;
|
|
54
|
+
}
|
|
55
|
+
dispose() {
|
|
56
|
+
this._context = null;
|
|
57
|
+
this._queue = {};
|
|
58
|
+
}
|
|
59
|
+
queue() {
|
|
60
|
+
return Promise.all(Object.values(this._queue).map((q) => q.promise));
|
|
61
|
+
}
|
|
62
|
+
disposeQueue() {
|
|
63
|
+
console.log("disposeQueue()");
|
|
64
|
+
}
|
|
65
|
+
//
|
|
66
|
+
// LOADING
|
|
67
|
+
//
|
|
68
|
+
disposeEnvironment(owner, file) {
|
|
69
|
+
const id = file._id;
|
|
70
|
+
const queued = this._queue[id];
|
|
71
|
+
if (this.debug)
|
|
72
|
+
console.log("[IL] --> dipose environment", file.name);
|
|
73
|
+
if (queued) {
|
|
74
|
+
queued.components = queued.components.filter((t) => t !== owner);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* Creates and returns a group that will be populated with the loaded model
|
|
79
|
+
* when it has been loaded. Non cached.
|
|
80
|
+
*/
|
|
81
|
+
load(owner, file) {
|
|
82
|
+
//loader.setCrossOrigin(this.crossOrigin);
|
|
83
|
+
//loader.setPath(this.path);
|
|
84
|
+
const queue = this._queue;
|
|
85
|
+
// Are we loading the item?
|
|
86
|
+
if (queue[file._id]) {
|
|
87
|
+
if (this.debug)
|
|
88
|
+
console.log("--> Using queued environment item", file.url);
|
|
89
|
+
const item = queue[file._id];
|
|
90
|
+
// Add group to target list
|
|
91
|
+
item.components = [...item.components, owner];
|
|
92
|
+
return true;
|
|
93
|
+
}
|
|
94
|
+
if (this.debug)
|
|
95
|
+
console.log("--> Loading environment", file.url);
|
|
96
|
+
// No, we need to load it
|
|
97
|
+
const queueItem = {
|
|
98
|
+
file: file,
|
|
99
|
+
components: [owner],
|
|
100
|
+
};
|
|
101
|
+
queue[file._id] = queueItem;
|
|
102
|
+
queueItem.promise = new Promise((resolve, reject) => {
|
|
103
|
+
queueItem.resolve = resolve;
|
|
104
|
+
queueItem.reject = reject;
|
|
105
|
+
const url = this._baseUrl + file.url;
|
|
106
|
+
this._loader.load(url, (result) => this.onLoaded(file._id, result), undefined, (error) => this.onError(file._id, error));
|
|
107
|
+
});
|
|
108
|
+
return true;
|
|
109
|
+
}
|
|
110
|
+
getQueue() {
|
|
111
|
+
return this._queue;
|
|
112
|
+
}
|
|
113
|
+
hasQueue() {
|
|
114
|
+
return Object.keys(this._queue).length > 0;
|
|
115
|
+
}
|
|
116
|
+
debugLog() {
|
|
117
|
+
console.log(this._queue);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=EnvironmentLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EnvironmentLoader.js","sourceRoot":"","sources":["../../src/media/EnvironmentLoader.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { IImageLoader, IMediaLoader_Image, PFile, GameContext } from "@p100-web/core";
|
|
2
|
+
interface ImageQueueItem {
|
|
3
|
+
file: PFile;
|
|
4
|
+
promise?: Promise<any>;
|
|
5
|
+
resolve?: (value: any) => void;
|
|
6
|
+
reject?: () => void;
|
|
7
|
+
components: IImageLoader[];
|
|
8
|
+
}
|
|
9
|
+
interface ImageQueue {
|
|
10
|
+
[key: string]: ImageQueueItem;
|
|
11
|
+
}
|
|
12
|
+
export default class ImageLoader implements IMediaLoader_Image {
|
|
13
|
+
private _imageLoader;
|
|
14
|
+
private _queue;
|
|
15
|
+
private _cache;
|
|
16
|
+
private _context;
|
|
17
|
+
debug: boolean;
|
|
18
|
+
debugDelay: boolean;
|
|
19
|
+
constructor(baseUrl: string, context: GameContext);
|
|
20
|
+
dispose(): void;
|
|
21
|
+
queue(): Promise<any>;
|
|
22
|
+
disposeImage(owner: IImageLoader, file: PFile, cacheKey: number): void;
|
|
23
|
+
onDelayedImageLoaded: (value: any) => void;
|
|
24
|
+
onImageLoaded: (value: any) => void;
|
|
25
|
+
onImageError: (value: any) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Creates and returns a texture that will be populated with the map
|
|
28
|
+
* when it has been loaded.
|
|
29
|
+
*/
|
|
30
|
+
load(owner: IImageLoader, file: PFile): void;
|
|
31
|
+
getQueue(): ImageQueue;
|
|
32
|
+
hasQueue(): boolean;
|
|
33
|
+
debugLog(): void;
|
|
34
|
+
}
|
|
35
|
+
export {};
|
|
36
|
+
//# sourceMappingURL=ImageLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageLoader.d.ts","sourceRoot":"","sources":["../../src/media/ImageLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEtF,UAAU,cAAc;IACtB,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,YAAY,EAAE,CAAC;CAC5B;AAID,UAAU,UAAU;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC;CAC/B;AAiCD,MAAM,CAAC,OAAO,OAAO,WAAY,YAAW,kBAAkB;IAC5D,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,QAAQ,CAA4B;IAE5C,KAAK,EAAE,OAAO,CAAS;IACvB,UAAU,EAAE,OAAO,CAAS;gBAEhB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW;IAOjD,OAAO;IAMP,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC;IAQrB,YAAY,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM;IAoB/D,oBAAoB,GAAI,OAAO,GAAG,UAGhC;IAEF,aAAa,GAAI,OAAO,GAAG,UAsBzB;IAEF,YAAY,GAAI,OAAO,GAAG,UAWxB;IAEF;;;OAGG;IAEH,IAAI,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK;IA8CrC,QAAQ;IAIR,QAAQ;IAIR,QAAQ;CAQT"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import MediaLoader from "./MediaLoader";
|
|
2
|
+
let _cacheCounter = 1;
|
|
3
|
+
class CacheItem {
|
|
4
|
+
constructor(cache, file, data) {
|
|
5
|
+
this.file = file;
|
|
6
|
+
this.data = data;
|
|
7
|
+
this.keys = [];
|
|
8
|
+
cache[file._id] = this;
|
|
9
|
+
}
|
|
10
|
+
cache() {
|
|
11
|
+
const key = _cacheCounter++;
|
|
12
|
+
this.keys.push(key);
|
|
13
|
+
return key;
|
|
14
|
+
}
|
|
15
|
+
uncache(key) {
|
|
16
|
+
this.keys = this.keys.filter((k) => k !== key);
|
|
17
|
+
}
|
|
18
|
+
empty() {
|
|
19
|
+
return this.keys.length === 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
export default class ImageLoader {
|
|
23
|
+
constructor(baseUrl, context) {
|
|
24
|
+
this._context = null;
|
|
25
|
+
this.debug = false;
|
|
26
|
+
this.debugDelay = false;
|
|
27
|
+
this.onDelayedImageLoaded = (value) => {
|
|
28
|
+
if (this.debug)
|
|
29
|
+
console.log("[IL] --> Delaying image...");
|
|
30
|
+
setTimeout(this.onImageLoaded, 3000, value);
|
|
31
|
+
};
|
|
32
|
+
this.onImageLoaded = (value) => {
|
|
33
|
+
const id = value.dataset.id;
|
|
34
|
+
const queueItem = this._queue[id];
|
|
35
|
+
const file = queueItem.file;
|
|
36
|
+
if (this.debug)
|
|
37
|
+
console.log("[IL] --> onImageLoaded: ", file.name);
|
|
38
|
+
// Remove from queue
|
|
39
|
+
delete this._queue[id];
|
|
40
|
+
if (queueItem.components.length > 0) {
|
|
41
|
+
// Add to cache?
|
|
42
|
+
const cacheItem = file._refs > 1 ? new CacheItem(this._cache, file, value) : null;
|
|
43
|
+
for (const target of queueItem.components) {
|
|
44
|
+
const cacheKey = cacheItem ? cacheItem.cache() : 0;
|
|
45
|
+
target.onImageLoaded(file, value, cacheKey);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
console.log("[IL] --> No textures were waiting for the media");
|
|
50
|
+
}
|
|
51
|
+
queueItem.resolve(file);
|
|
52
|
+
};
|
|
53
|
+
this.onImageError = (value) => {
|
|
54
|
+
console.log("ERROR value: ", value);
|
|
55
|
+
const id = value.dataset.id;
|
|
56
|
+
const queueItem = this._queue[id];
|
|
57
|
+
if (queueItem) {
|
|
58
|
+
// Remove from queue
|
|
59
|
+
delete this._queue[id];
|
|
60
|
+
}
|
|
61
|
+
this._context?.error("Failed to load: " + id);
|
|
62
|
+
};
|
|
63
|
+
this._imageLoader = new MediaLoader(baseUrl);
|
|
64
|
+
this._queue = {};
|
|
65
|
+
this._cache = {};
|
|
66
|
+
this._context = context;
|
|
67
|
+
}
|
|
68
|
+
dispose() {
|
|
69
|
+
this._queue = {};
|
|
70
|
+
this._cache = {};
|
|
71
|
+
this._context = null;
|
|
72
|
+
}
|
|
73
|
+
queue() {
|
|
74
|
+
return Promise.all(Object.values(this._queue).map((q) => q.promise));
|
|
75
|
+
}
|
|
76
|
+
//
|
|
77
|
+
// Images
|
|
78
|
+
//
|
|
79
|
+
disposeImage(owner, file, cacheKey) {
|
|
80
|
+
const id = file._id;
|
|
81
|
+
const queued = this._queue[id];
|
|
82
|
+
if (this.debug)
|
|
83
|
+
console.log("[IL] --> dipose image", file.name);
|
|
84
|
+
if (queued) {
|
|
85
|
+
queued.components = queued.components.filter((t) => t !== owner);
|
|
86
|
+
}
|
|
87
|
+
if (cacheKey) {
|
|
88
|
+
const cached = this._cache[id];
|
|
89
|
+
if (this.debug)
|
|
90
|
+
console.log("[IL] --> deleting from cache");
|
|
91
|
+
cached.uncache(cacheKey);
|
|
92
|
+
if (cached.empty()) {
|
|
93
|
+
if (this.debug)
|
|
94
|
+
console.log("[IL] --> last cached item");
|
|
95
|
+
delete this._cache[id];
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* Creates and returns a texture that will be populated with the map
|
|
101
|
+
* when it has been loaded.
|
|
102
|
+
*/
|
|
103
|
+
// colorSpace: ColorSpace = SRGBColorSpace
|
|
104
|
+
load(owner, file) {
|
|
105
|
+
// texture.colorSpace = colorSpace;
|
|
106
|
+
const loader = this._imageLoader;
|
|
107
|
+
const url = file.url;
|
|
108
|
+
const queue = this._queue;
|
|
109
|
+
// Are we loading the item?
|
|
110
|
+
if (queue[file._id]) {
|
|
111
|
+
if (this.debug)
|
|
112
|
+
console.log("[IL] --> Using QUEUED image item", url);
|
|
113
|
+
const item = queue[file._id];
|
|
114
|
+
// Add texture to target list
|
|
115
|
+
item.components = [...item.components, owner];
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
// Do we have it cached?
|
|
119
|
+
const cached = this._cache[file._id];
|
|
120
|
+
if (cached) {
|
|
121
|
+
if (this.debug)
|
|
122
|
+
console.log("[IL] --> Using CACHED image item", url);
|
|
123
|
+
owner.onImageLoaded(file, cached.data, cached.cache());
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
if (this.debug)
|
|
127
|
+
console.log("[IL] --> Loading image", url);
|
|
128
|
+
// No, we need to load it
|
|
129
|
+
const queueItem = {
|
|
130
|
+
file: file,
|
|
131
|
+
components: [owner],
|
|
132
|
+
};
|
|
133
|
+
queue[file._id] = queueItem;
|
|
134
|
+
queueItem.promise = new Promise((resolve, reject) => {
|
|
135
|
+
queueItem.resolve = resolve;
|
|
136
|
+
queueItem.reject = reject;
|
|
137
|
+
if (this.debugDelay) {
|
|
138
|
+
loader.loadMedia(file, this.onDelayedImageLoaded, this.onImageError);
|
|
139
|
+
}
|
|
140
|
+
else {
|
|
141
|
+
loader.loadMedia(file, this.onImageLoaded, this.onImageError);
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
getQueue() {
|
|
146
|
+
return this._queue;
|
|
147
|
+
}
|
|
148
|
+
hasQueue() {
|
|
149
|
+
return Object.keys(this._queue).length > 0;
|
|
150
|
+
}
|
|
151
|
+
debugLog() {
|
|
152
|
+
console.log("CACHE");
|
|
153
|
+
const cached = {};
|
|
154
|
+
for (const key of Object.keys(this._cache)) {
|
|
155
|
+
cached[key] = this._cache[key].keys;
|
|
156
|
+
}
|
|
157
|
+
console.log(cached);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
//# sourceMappingURL=ImageLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageLoader.js","sourceRoot":"","sources":["../../src/media/ImageLoader.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PFile } from "@p100-web/core";
|
|
2
|
+
import { Loader } from "three";
|
|
3
|
+
/**
|
|
4
|
+
* This was added to not use threejs cache. But we could have just
|
|
5
|
+
* disabled the cache. And it looks like it is disabled by default.
|
|
6
|
+
*/
|
|
7
|
+
declare class MediaLoader extends Loader {
|
|
8
|
+
videoLoader: boolean;
|
|
9
|
+
baseUrl: string;
|
|
10
|
+
constructor(baseUrl: string, videoLoader?: boolean);
|
|
11
|
+
loadMedia(file: PFile, onLoad: any, onError: any): any;
|
|
12
|
+
}
|
|
13
|
+
export default MediaLoader;
|
|
14
|
+
//# sourceMappingURL=MediaLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaLoader.d.ts","sourceRoot":"","sources":["../../src/media/MediaLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,cAAM,WAAY,SAAQ,MAAM;IAC9B,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,EAAE,MAAM,CAAC;gBAEJ,OAAO,EAAE,MAAM,EAAE,WAAW,GAAE,OAAe;IAMzD,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG;CAqDjD;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { Loader } from "three";
|
|
2
|
+
function createElementNS(name) {
|
|
3
|
+
return document.createElementNS("http://www.w3.org/1999/xhtml", name);
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* This was added to not use threejs cache. But we could have just
|
|
7
|
+
* disabled the cache. And it looks like it is disabled by default.
|
|
8
|
+
*/
|
|
9
|
+
class MediaLoader extends Loader {
|
|
10
|
+
constructor(baseUrl, videoLoader = false) {
|
|
11
|
+
super();
|
|
12
|
+
this.baseUrl = baseUrl;
|
|
13
|
+
this.videoLoader = videoLoader;
|
|
14
|
+
}
|
|
15
|
+
loadMedia(file, onLoad, onError) {
|
|
16
|
+
let url = this.baseUrl + file.url;
|
|
17
|
+
if (this.path !== undefined)
|
|
18
|
+
url = this.path + url;
|
|
19
|
+
url = this.manager.resolveURL(url);
|
|
20
|
+
const scope = this;
|
|
21
|
+
const image = this.videoLoader
|
|
22
|
+
? createElementNS("video")
|
|
23
|
+
: createElementNS("img");
|
|
24
|
+
image.dataset.id = file._id;
|
|
25
|
+
if (this.videoLoader) {
|
|
26
|
+
image.playsinline = true;
|
|
27
|
+
image.style.display = "none";
|
|
28
|
+
}
|
|
29
|
+
function onImageLoad(args) {
|
|
30
|
+
removeEventListeners();
|
|
31
|
+
if (onLoad)
|
|
32
|
+
onLoad(args.target);
|
|
33
|
+
scope.manager.itemEnd(url);
|
|
34
|
+
}
|
|
35
|
+
function onImageError(event) {
|
|
36
|
+
removeEventListeners();
|
|
37
|
+
if (onError)
|
|
38
|
+
onError(event.target);
|
|
39
|
+
scope.manager.itemError(url);
|
|
40
|
+
scope.manager.itemEnd(url);
|
|
41
|
+
}
|
|
42
|
+
function removeEventListeners() {
|
|
43
|
+
image.removeEventListener("canplay", onImageLoad, false);
|
|
44
|
+
image.removeEventListener("load", onImageLoad, false);
|
|
45
|
+
image.removeEventListener("error", onImageError, false);
|
|
46
|
+
}
|
|
47
|
+
if (this.videoLoader)
|
|
48
|
+
image.addEventListener("canplay", onImageLoad, false);
|
|
49
|
+
else
|
|
50
|
+
image.addEventListener("load", onImageLoad, false);
|
|
51
|
+
image.addEventListener("error", onImageError, false);
|
|
52
|
+
if (url.slice(0, 5) !== "data:") {
|
|
53
|
+
if (this.crossOrigin !== undefined)
|
|
54
|
+
image.crossOrigin = this.crossOrigin;
|
|
55
|
+
}
|
|
56
|
+
scope.manager.itemStart(url);
|
|
57
|
+
image.src = url;
|
|
58
|
+
return image;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
export default MediaLoader;
|
|
62
|
+
// interface IMediaLoader {
|
|
63
|
+
// getQueue(): any;
|
|
64
|
+
// hasQueue(): boolean;
|
|
65
|
+
// debugLog(): void;
|
|
66
|
+
// load(owner: any, file: PFile): void;
|
|
67
|
+
// dispose(owner: any, file: PFile): void;
|
|
68
|
+
// }
|
|
69
|
+
// export type { IMediaLoader };
|
|
70
|
+
//# sourceMappingURL=MediaLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaLoader.js","sourceRoot":"","sources":["../../src/media/MediaLoader.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { AnimationAction, AnimationMixer, Group } from "three";
|
|
2
|
+
import { type IModelLoader, PFile, GameContext } from "@p100-web/core";
|
|
3
|
+
declare const MAPS: string[];
|
|
4
|
+
export { MAPS };
|
|
5
|
+
interface ModelQueueItem {
|
|
6
|
+
file: PFile;
|
|
7
|
+
promise?: Promise<any>;
|
|
8
|
+
resolve?: (value: any) => void;
|
|
9
|
+
reject?: () => void;
|
|
10
|
+
components: IModelLoader[];
|
|
11
|
+
}
|
|
12
|
+
interface IModel {
|
|
13
|
+
modelScene: any | null;
|
|
14
|
+
mixer: AnimationMixer | null;
|
|
15
|
+
actions: AnimationAction[] | null;
|
|
16
|
+
}
|
|
17
|
+
export { type IModel };
|
|
18
|
+
interface ModelQueue {
|
|
19
|
+
[key: string]: ModelQueueItem;
|
|
20
|
+
}
|
|
21
|
+
export default class ModelLoader {
|
|
22
|
+
private _fbxLoader;
|
|
23
|
+
private _gltfLoader;
|
|
24
|
+
private _queue;
|
|
25
|
+
private _baseUrl;
|
|
26
|
+
private _context;
|
|
27
|
+
debug: boolean;
|
|
28
|
+
debugDelay: boolean;
|
|
29
|
+
constructor(url: string, context: GameContext);
|
|
30
|
+
dispose(): void;
|
|
31
|
+
queue(): Promise<any>;
|
|
32
|
+
disposeQueue(): void;
|
|
33
|
+
disposeMaterial(material: any): void;
|
|
34
|
+
disposeModel(owner: IModelLoader, model: Group): void;
|
|
35
|
+
onDelayedModelLoaded: (id: string, group: any) => void;
|
|
36
|
+
parseGLTF(root: any, castShadow: boolean, receiveShadow: boolean): Promise<IModel | null>;
|
|
37
|
+
onModelLoaded: (id: string, value: any) => Promise<void>;
|
|
38
|
+
onModelError: (id: string, error: unknown) => void;
|
|
39
|
+
onProgress: (queueItem: ModelQueueItem, e: ProgressEvent) => void;
|
|
40
|
+
/**
|
|
41
|
+
* Creates and returns a group that will be populated with the loaded model
|
|
42
|
+
* when it has been loaded. Non cached.
|
|
43
|
+
*/
|
|
44
|
+
load(owner: IModelLoader, file: PFile): boolean;
|
|
45
|
+
getQueue(): ModelQueue;
|
|
46
|
+
hasQueue(): boolean;
|
|
47
|
+
debugLog(): void;
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=ModelLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModelLoader.d.ts","sourceRoot":"","sources":["../../src/media/ModelLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGvE,QAAA,MAAM,IAAI,UAOT,CAAC;AACF,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,UAAU,cAAc;IACtB,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,YAAY,EAAE,CAAC;CAC5B;AAED,UAAU,MAAM;IACd,UAAU,EAAE,GAAG,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;CACnC;AAED,OAAO,EAAE,KAAK,MAAM,EAAE,CAAC;AAEvB,UAAU,UAAU;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,OAAO,WAAW;IAC9B,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAA4B;IAE5C,KAAK,EAAE,OAAO,CAAS;IACvB,UAAU,EAAE,OAAO,CAAS;gBAEhB,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW;IAQ7C,OAAO;IAKP,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC;IAIrB,YAAY;IAQZ,eAAe,CAAC,QAAQ,EAAE,GAAG;IAU7B,YAAY,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK;IAiC9C,oBAAoB,GAAI,IAAI,MAAM,EAAE,OAAO,GAAG,UAG5C;IAEI,SAAS,CACb,IAAI,EAAE,GAAG,EACT,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,OAAO,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IA2CzB,aAAa,GAAU,IAAI,MAAM,EAAE,OAAO,GAAG,mBA2C3C;IAEF,YAAY,GAAI,IAAI,MAAM,EAAE,OAAO,OAAO,UAUxC;IAEF,UAAU,GAAI,WAAW,cAAc,EAAE,GAAG,aAAa,UAKvD;IAEF;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,GAAG,OAAO;IA2D/C,QAAQ;IAIR,QAAQ;IAIR,QAAQ;CAGT"}
|