@jolly-pixel/engine 2.0.0 → 2.2.0
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 +2 -2
- package/dist/actor/Actor.d.ts +5 -2
- package/dist/actor/Actor.d.ts.map +1 -1
- package/dist/actor/Actor.js +22 -9
- package/dist/actor/Actor.js.map +1 -1
- package/dist/actor/ActorComponent.d.ts +2 -0
- package/dist/actor/ActorComponent.d.ts.map +1 -1
- package/dist/actor/ActorComponent.js +19 -0
- package/dist/actor/ActorComponent.js.map +1 -1
- package/dist/actor/ActorTree.d.ts.map +1 -1
- package/dist/actor/ActorTree.js +10 -2
- package/dist/actor/ActorTree.js.map +1 -1
- package/dist/components/types.d.ts +2 -0
- package/dist/components/types.d.ts.map +1 -1
- package/dist/systems/Scene.d.ts +41 -0
- package/dist/systems/Scene.d.ts.map +1 -0
- package/dist/systems/Scene.js +41 -0
- package/dist/systems/Scene.js.map +1 -0
- package/dist/systems/SceneManager.d.ts +41 -14
- package/dist/systems/SceneManager.d.ts.map +1 -1
- package/dist/systems/SceneManager.js +190 -18
- package/dist/systems/SceneManager.js.map +1 -1
- package/dist/systems/World.d.ts +17 -8
- package/dist/systems/World.d.ts.map +1 -1
- package/dist/systems/World.js +46 -12
- package/dist/systems/World.js.map +1 -1
- package/dist/systems/asset/Base.d.ts +1 -1
- package/dist/systems/asset/Base.d.ts.map +1 -1
- package/dist/systems/asset/Base.js.map +1 -1
- package/dist/systems/asset/Manager.d.ts +1 -1
- package/dist/systems/asset/Manager.d.ts.map +1 -1
- package/dist/systems/asset/Manager.js +12 -9
- package/dist/systems/asset/Manager.js.map +1 -1
- package/dist/systems/asset/Queue.d.ts +1 -1
- package/dist/systems/asset/Queue.d.ts.map +1 -1
- package/dist/systems/asset/Queue.js +8 -0
- package/dist/systems/asset/Queue.js.map +1 -1
- package/dist/systems/index.d.ts +1 -0
- package/dist/systems/index.d.ts.map +1 -1
- package/dist/systems/index.js +1 -0
- package/dist/systems/index.js.map +1 -1
- package/dist/systems/rendering/Renderer.d.ts +2 -0
- package/dist/systems/rendering/Renderer.d.ts.map +1 -1
- package/dist/systems/rendering/ThreeRenderer.d.ts +10 -6
- package/dist/systems/rendering/ThreeRenderer.d.ts.map +1 -1
- package/dist/systems/rendering/ThreeRenderer.js +74 -41
- package/dist/systems/rendering/ThreeRenderer.js.map +1 -1
- package/package.json +1 -1
package/dist/systems/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/systems/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EACL,YAAY,EAEb,MAAM,oBAAoB,CAAC;AAE5B,cAAc,iBAAiB,CAAC;AAOhC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAMtD,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/systems/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EACL,YAAY,EAEb,MAAM,oBAAoB,CAAC;AAE5B,cAAc,iBAAiB,CAAC;AAOhC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAMtD,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -27,6 +27,8 @@ export interface Renderer<T = any, Events extends GenericEventMap = RendererEven
|
|
|
27
27
|
on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): RemoveEventListener;
|
|
28
28
|
off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;
|
|
29
29
|
emit<Key extends keyof Events>(type: Key, ...payload: Events[Key] extends [unknown, ...unknown[]] | [] ? Events[Key] : [Events[Key]]): void;
|
|
30
|
+
observeResize(): void;
|
|
31
|
+
unobserveResize(): void;
|
|
30
32
|
resize(): void;
|
|
31
33
|
draw(): void;
|
|
32
34
|
onDraw(callback: (source: T) => void): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../src/systems/rendering/Renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,KAAK,EACV,eAAe,EACf,QAAQ,IAAI,OAAO,EACnB,oBAAoB,IAAI,mBAAmB,EAC5C,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAC;AAEjF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE;QACN;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;SAAE;KACnC,CAAC;IACF,IAAI,EAAE;QACJ;YAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;SAAE;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,eAAe,GAAG,cAAc;IAChF,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAEnC,SAAS,IAAI,CAAC,CAAC;IACf,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAErC,kBAAkB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IACrD,qBAAqB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAExD,EAAE,CAAC,GAAG,SAAS,MAAM,MAAM,EACzB,IAAI,EAAE,GAAG,EACT,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAC5B,mBAAmB,CAAC;IACvB,GAAG,CAAC,GAAG,SAAS,MAAM,MAAM,EAC1B,IAAI,EAAE,GAAG,EACT,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAC7B,IAAI,CAAC;IACR,IAAI,CAAC,GAAG,SAAS,MAAM,MAAM,EAC3B,IAAI,EAAE,GAAG,EACT,GAAG,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,EAAE,GACxD,MAAM,CAAC,GAAG,CAAC,GACX,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAChB,IAAI,CAAC;IAER,MAAM,IAAI,IAAI,CAAC;IACf,IAAI,IAAI,IAAI,CAAC;IACb,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,IAAI,IAAI,CAAC;CACf"}
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../src/systems/rendering/Renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,KAAK,EACV,eAAe,EACf,QAAQ,IAAI,OAAO,EACnB,oBAAoB,IAAI,mBAAmB,EAC5C,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAC;AAEjF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE;QACN;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;SAAE;KACnC,CAAC;IACF,IAAI,EAAE;QACJ;YAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;SAAE;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,eAAe,GAAG,cAAc;IAChF,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAEnC,SAAS,IAAI,CAAC,CAAC;IACf,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAErC,kBAAkB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IACrD,qBAAqB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAExD,EAAE,CAAC,GAAG,SAAS,MAAM,MAAM,EACzB,IAAI,EAAE,GAAG,EACT,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAC5B,mBAAmB,CAAC;IACvB,GAAG,CAAC,GAAG,SAAS,MAAM,MAAM,EAC1B,IAAI,EAAE,GAAG,EACT,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAC7B,IAAI,CAAC;IACR,IAAI,CAAC,GAAG,SAAS,MAAM,MAAM,EAC3B,IAAI,EAAE,GAAG,EACT,GAAG,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,EAAE,GACxD,MAAM,CAAC,GAAG,CAAC,GACX,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAChB,IAAI,CAAC;IAER,aAAa,IAAI,IAAI,CAAC;IACtB,eAAe,IAAI,IAAI,CAAC;IACxB,MAAM,IAAI,IAAI,CAAC;IACf,IAAI,IAAI,IAAI,CAAC;IACb,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,IAAI,IAAI,CAAC;CACf"}
|
|
@@ -2,23 +2,25 @@ import * as THREE from "three";
|
|
|
2
2
|
import { type Pass } from "three/addons/postprocessing/EffectComposer.js";
|
|
3
3
|
import { EventEmitter } from "@posva/event-emitter";
|
|
4
4
|
import type { Renderer, RenderComponent, RendererEvents } from "./Renderer.ts";
|
|
5
|
-
import type {
|
|
5
|
+
import type { WorldDefaultContext } from "../World.ts";
|
|
6
|
+
import type { SceneManager } from "../SceneManager.ts";
|
|
6
7
|
import { type RenderMode, type RenderStrategy } from "./RenderStrategy.ts";
|
|
7
8
|
export type ThreeRendererEvents = RendererEvents;
|
|
8
|
-
export interface ThreeRendererOptions {
|
|
9
|
+
export interface ThreeRendererOptions<TContext = WorldDefaultContext> {
|
|
9
10
|
/**
|
|
10
11
|
* @default "direct"
|
|
11
12
|
*/
|
|
12
13
|
renderMode: RenderMode;
|
|
13
|
-
|
|
14
|
+
sceneManager: SceneManager<TContext>;
|
|
14
15
|
}
|
|
15
|
-
export declare class ThreeRenderer extends EventEmitter<ThreeRendererEvents> implements Renderer {
|
|
16
|
+
export declare class ThreeRenderer<TContext = WorldDefaultContext> extends EventEmitter<ThreeRendererEvents> implements Renderer {
|
|
17
|
+
#private;
|
|
16
18
|
webGLRenderer: THREE.WebGLRenderer;
|
|
17
19
|
renderComponents: RenderComponent[];
|
|
18
20
|
renderStrategy: RenderStrategy;
|
|
19
21
|
ratio: number | null;
|
|
20
|
-
|
|
21
|
-
constructor(canvas: HTMLCanvasElement, options: ThreeRendererOptions);
|
|
22
|
+
sceneManager: SceneManager<TContext>;
|
|
23
|
+
constructor(canvas: HTMLCanvasElement, options: ThreeRendererOptions<TContext>);
|
|
22
24
|
get canvas(): HTMLCanvasElement;
|
|
23
25
|
getSource(): THREE.WebGLRenderer;
|
|
24
26
|
addRenderComponent(component: RenderComponent): void;
|
|
@@ -26,6 +28,8 @@ export declare class ThreeRenderer extends EventEmitter<ThreeRendererEvents> imp
|
|
|
26
28
|
setRenderMode(mode: RenderMode): this;
|
|
27
29
|
setEffects(...effects: Pass[]): this;
|
|
28
30
|
setRatio(ratio?: number | null): this;
|
|
31
|
+
observeResize(): void;
|
|
32
|
+
unobserveResize(): void;
|
|
29
33
|
resize: () => void;
|
|
30
34
|
draw(): void;
|
|
31
35
|
onDraw(callback: (event: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeRenderer.d.ts","sourceRoot":"","sources":["../../../src/systems/rendering/ThreeRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,KAAK,EACV,QAAQ,EACR,eAAe,EACf,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ThreeRenderer.d.ts","sourceRoot":"","sources":["../../../src/systems/rendering/ThreeRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,KAAK,EACV,QAAQ,EACR,eAAe,EACf,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EACL,KAAK,UAAU,EACf,KAAK,cAAc,EAGpB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAEjD,MAAM,WAAW,oBAAoB,CACnC,QAAQ,GAAG,mBAAmB;IAE9B;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACtC;AAED,qBAAa,aAAa,CACxB,QAAQ,GAAG,mBAAmB,CAC9B,SAAQ,YAAY,CAAC,mBAAmB,CAAE,YAAW,QAAQ;;IAC7D,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACzC,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5B,YAAY,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAQnC,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,oBAAoB,CAAC,QAAQ,CAAC;IAUzC,IAAI,MAAM,sBAET;IAED,SAAS;IAIT,kBAAkB,CAChB,SAAS,EAAE,eAAe,GACzB,IAAI;IAQP,qBAAqB,CACnB,SAAS,EAAE,eAAe,GACzB,IAAI;IAeP,aAAa,CACX,IAAI,EAAE,UAAU,GACf,IAAI;IA4BP,UAAU,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI;IAUpC,QAAQ,CACN,KAAK,GAAE,MAAM,GAAG,IAAW;IAa7B,aAAa;IAmCb,eAAe;IAOf,MAAM,aA0BJ;IAEF,IAAI;IAiBJ,MAAM,CACJ,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;KAAE,KAAK,IAAI;IAK7D,KAAK;CAGN"}
|
|
@@ -9,11 +9,15 @@ export class ThreeRenderer extends EventEmitter {
|
|
|
9
9
|
renderComponents = [];
|
|
10
10
|
renderStrategy;
|
|
11
11
|
ratio = null;
|
|
12
|
-
|
|
12
|
+
sceneManager;
|
|
13
|
+
#resizeObserver = null;
|
|
14
|
+
#pendingResizeWidth = 0;
|
|
15
|
+
#pendingResizeHeight = 0;
|
|
16
|
+
#resizeDirty = true;
|
|
13
17
|
constructor(canvas, options) {
|
|
14
18
|
super();
|
|
15
|
-
const {
|
|
16
|
-
this.
|
|
19
|
+
const { sceneManager, renderMode = "direct" } = options;
|
|
20
|
+
this.sceneManager = sceneManager;
|
|
17
21
|
this.webGLRenderer = createWebGLRenderer(canvas);
|
|
18
22
|
this.setRenderMode(renderMode);
|
|
19
23
|
}
|
|
@@ -26,7 +30,7 @@ export class ThreeRenderer extends EventEmitter {
|
|
|
26
30
|
addRenderComponent(component) {
|
|
27
31
|
this.renderComponents.push(component);
|
|
28
32
|
if (this.renderStrategy instanceof ComposerRenderStrategy) {
|
|
29
|
-
const renderPass = new RenderPass(this.
|
|
33
|
+
const renderPass = new RenderPass(this.sceneManager.getSource(), component);
|
|
30
34
|
this.renderStrategy.addEffect(renderPass);
|
|
31
35
|
}
|
|
32
36
|
}
|
|
@@ -47,7 +51,7 @@ export class ThreeRenderer extends EventEmitter {
|
|
|
47
51
|
}
|
|
48
52
|
else {
|
|
49
53
|
const composer = new EffectComposer(this.webGLRenderer);
|
|
50
|
-
const scene = this.
|
|
54
|
+
const scene = this.sceneManager.getSource();
|
|
51
55
|
for (const renderComponent of this.renderComponents) {
|
|
52
56
|
const renderPass = new RenderPass(scene, renderComponent);
|
|
53
57
|
composer.addPass(renderPass);
|
|
@@ -55,7 +59,11 @@ export class ThreeRenderer extends EventEmitter {
|
|
|
55
59
|
this.renderStrategy = new ComposerRenderStrategy(composer);
|
|
56
60
|
}
|
|
57
61
|
this.resize();
|
|
58
|
-
|
|
62
|
+
// Guard: skip clear when the framebuffer still has zero dimensions
|
|
63
|
+
// (e.g. at construction time before the first ResizeObserver callback).
|
|
64
|
+
if (this.#pendingResizeWidth > 0 && this.#pendingResizeHeight > 0) {
|
|
65
|
+
this.clear();
|
|
66
|
+
}
|
|
59
67
|
return this;
|
|
60
68
|
}
|
|
61
69
|
setEffects(...effects) {
|
|
@@ -75,52 +83,77 @@ export class ThreeRenderer extends EventEmitter {
|
|
|
75
83
|
this.resize();
|
|
76
84
|
return this;
|
|
77
85
|
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
if (this.ratio) {
|
|
82
|
-
if (document.body.clientWidth / document.body.clientHeight > this.ratio) {
|
|
83
|
-
height = document.body.clientHeight;
|
|
84
|
-
width = Math.min(document.body.clientWidth, height * this.ratio);
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
width = document.body.clientWidth;
|
|
88
|
-
height = Math.min(document.body.clientHeight, width / this.ratio);
|
|
89
|
-
}
|
|
86
|
+
observeResize() {
|
|
87
|
+
if (this.#resizeObserver) {
|
|
88
|
+
return;
|
|
90
89
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
90
|
+
const target = this.ratio ?
|
|
91
|
+
document.body :
|
|
92
|
+
this.webGLRenderer.domElement.parentElement ?? this.webGLRenderer.domElement;
|
|
93
|
+
this.#resizeObserver = new ResizeObserver((entries) => {
|
|
94
|
+
const entry = entries[0];
|
|
95
|
+
if (!entry) {
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
const { width, height } = entry.contentRect;
|
|
99
|
+
if (this.ratio) {
|
|
100
|
+
if (width / height > this.ratio) {
|
|
101
|
+
this.#pendingResizeHeight = Math.round(height);
|
|
102
|
+
this.#pendingResizeWidth = Math.round(Math.min(width, height * this.ratio));
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
this.#pendingResizeWidth = Math.round(width);
|
|
106
|
+
this.#pendingResizeHeight = Math.round(Math.min(height, width / this.ratio));
|
|
107
|
+
}
|
|
96
108
|
}
|
|
97
109
|
else {
|
|
98
|
-
|
|
99
|
-
|
|
110
|
+
this.#pendingResizeWidth = Math.round(width);
|
|
111
|
+
this.#pendingResizeHeight = Math.round(height);
|
|
100
112
|
}
|
|
113
|
+
this.#resizeDirty = true;
|
|
114
|
+
});
|
|
115
|
+
this.#resizeObserver.observe(target);
|
|
116
|
+
}
|
|
117
|
+
unobserveResize() {
|
|
118
|
+
if (this.#resizeObserver) {
|
|
119
|
+
this.#resizeObserver.disconnect();
|
|
120
|
+
this.#resizeObserver = null;
|
|
101
121
|
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
122
|
+
}
|
|
123
|
+
resize = () => {
|
|
124
|
+
if (!this.#resizeDirty) {
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
this.#resizeDirty = false;
|
|
128
|
+
const width = this.#pendingResizeWidth;
|
|
129
|
+
const height = this.#pendingResizeHeight;
|
|
130
|
+
if (width === 0 || height === 0) {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
this.renderStrategy.resize(width, height);
|
|
134
|
+
for (const renderComponent of this.renderComponents) {
|
|
135
|
+
if (renderComponent instanceof THREE.PerspectiveCamera) {
|
|
136
|
+
renderComponent.aspect = width / height;
|
|
116
137
|
}
|
|
117
|
-
|
|
138
|
+
if (renderComponent instanceof THREE.OrthographicCamera) {
|
|
139
|
+
renderComponent.left = width / -2;
|
|
140
|
+
renderComponent.right = width / 2;
|
|
141
|
+
renderComponent.top = height / 2;
|
|
142
|
+
renderComponent.bottom = height / -2;
|
|
143
|
+
}
|
|
144
|
+
renderComponent.updateProjectionMatrix();
|
|
118
145
|
}
|
|
146
|
+
this.emit("resize", { width, height });
|
|
119
147
|
};
|
|
120
148
|
draw() {
|
|
121
149
|
this.resize();
|
|
150
|
+
// Guard: skip draw when the framebuffer still has zero dimensions
|
|
151
|
+
// (e.g. before the first ResizeObserver callback fires).
|
|
152
|
+
if (this.#pendingResizeWidth === 0 || this.#pendingResizeHeight === 0) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
122
155
|
this.clear();
|
|
123
|
-
this.renderStrategy.render(this.
|
|
156
|
+
this.renderStrategy.render(this.sceneManager.getSource(), this.renderComponents);
|
|
124
157
|
this.emit("draw", { source: this.webGLRenderer });
|
|
125
158
|
}
|
|
126
159
|
onDraw(callback) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeRenderer.js","sourceRoot":"","sources":["../../../src/systems/rendering/ThreeRenderer.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAa,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ThreeRenderer.js","sourceRoot":"","sources":["../../../src/systems/rendering/ThreeRenderer.ts"],"names":[],"mappings":"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"}
|