@flashist/appframework 0.0.226 → 0.0.228
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/package.json +1 -1
- package/renderer/data/RendererManagerConfigVO.d.ts +2 -0
- package/renderer/data/RendererManagerConfigVO.js +5 -0
- package/renderer/data/RendererManagerConfigVO.js.map +1 -1
- package/renderer/managers/RendererManager.d.ts +7 -1
- package/renderer/managers/RendererManager.js +49 -10
- package/renderer/managers/RendererManager.js.map +1 -1
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RendererManagerConfigVO.js","sourceRoot":"","sources":["../../../src/renderer/data/RendererManagerConfigVO.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,uBAAuB;IAApC;QACI,cAAS,GAAY,IAAI,CAAC;QAC1B,oBAAe,GAAW,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"RendererManagerConfigVO.js","sourceRoot":"","sources":["../../../src/renderer/data/RendererManagerConfigVO.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,uBAAuB;IAApC;QACI,cAAS,GAAY,IAAI,CAAC;QAC1B,oBAAe,GAAW,CAAC,CAAA;QAI3B,cAAS,GAAQ;YACb,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;SACd,CAAC;IAGN,CAAC;CAAA"}
|
|
@@ -2,8 +2,14 @@ import { BaseAppManager } from "../../base/managers/BaseAppManager";
|
|
|
2
2
|
import { RendererManagerConfigVO } from "../data/RendererManagerConfigVO";
|
|
3
3
|
export declare class RendererManager extends BaseAppManager {
|
|
4
4
|
protected config: RendererManagerConfigVO;
|
|
5
|
+
protected padding: {
|
|
6
|
+
top?: number;
|
|
7
|
+
bottom?: number;
|
|
8
|
+
left?: number;
|
|
9
|
+
right?: number;
|
|
10
|
+
};
|
|
5
11
|
protected construction(): void;
|
|
6
|
-
resize(
|
|
12
|
+
resize(htmlWidth: number, htmlHeight: number, pixelRatio: number): void;
|
|
7
13
|
get rendererWidth(): number;
|
|
8
14
|
get rendererHeight(): number;
|
|
9
15
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as PIXI from "pixi.js";
|
|
2
|
-
import { FApp, getInstance, Point } from "@flashist/flibs";
|
|
2
|
+
import { FApp, getInstance, Point, Rectangle } from "@flashist/flibs";
|
|
3
3
|
import { BaseAppManager } from "../../base/managers/BaseAppManager";
|
|
4
4
|
import { Facade } from "../../facade/Facade";
|
|
5
5
|
import { RendererManagerEvent } from "../events/RendererManagerEvent";
|
|
@@ -8,6 +8,7 @@ export class RendererManager extends BaseAppManager {
|
|
|
8
8
|
construction() {
|
|
9
9
|
super.construction();
|
|
10
10
|
this.config = getInstance(RendererManagerConfigVO);
|
|
11
|
+
this.padding = new Rectangle();
|
|
11
12
|
if (this.config.targetFps) {
|
|
12
13
|
PIXI.settings.TARGET_FPMS = this.config.targetFps / 1000;
|
|
13
14
|
}
|
|
@@ -18,17 +19,55 @@ export class RendererManager extends BaseAppManager {
|
|
|
18
19
|
// Renderer
|
|
19
20
|
// Facade.instance.app.renderer.autoDensity = true;
|
|
20
21
|
// CSS settings
|
|
21
|
-
Facade.instance.app.renderer.view.style.position = "absolute";
|
|
22
|
-
Facade.instance.app.renderer.view.style.top = "0px";
|
|
23
|
-
Facade.instance.app.renderer.view.style.left = "0px";
|
|
22
|
+
// (Facade.instance.app.renderer.view.style as any).position = "absolute";
|
|
23
|
+
// (Facade.instance.app.renderer.view.style as any).top = "0px";
|
|
24
|
+
// (Facade.instance.app.renderer.view.style as any).left = "0px";
|
|
25
|
+
if (this.config.canvasCss) {
|
|
26
|
+
const canvasKeys = Object.keys(this.config.canvasCss);
|
|
27
|
+
for (let singleCssKey of canvasKeys) {
|
|
28
|
+
Facade.instance.app.renderer.view.style[singleCssKey] = this.config.canvasCss[singleCssKey];
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
let canvasParentElement = document.body;
|
|
32
|
+
if (this.config.canvasParentElementId) {
|
|
33
|
+
canvasParentElement = document.getElementById(this.config.canvasParentElementId);
|
|
34
|
+
}
|
|
24
35
|
// Append the renderer canvas to DOM
|
|
25
|
-
|
|
36
|
+
canvasParentElement.appendChild(Facade.instance.app.view);
|
|
26
37
|
}
|
|
27
|
-
resize(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
38
|
+
resize(htmlWidth, htmlHeight, pixelRatio) {
|
|
39
|
+
let horizontalPadding = 0;
|
|
40
|
+
if (this.padding.left) {
|
|
41
|
+
horizontalPadding += this.padding.left;
|
|
42
|
+
}
|
|
43
|
+
if (this.padding.right) {
|
|
44
|
+
horizontalPadding += this.padding.right;
|
|
45
|
+
}
|
|
46
|
+
let verticalPaddig = 0;
|
|
47
|
+
if (this.padding.top) {
|
|
48
|
+
verticalPaddig += this.padding.top;
|
|
49
|
+
}
|
|
50
|
+
if (this.padding.bottom) {
|
|
51
|
+
verticalPaddig += this.padding.bottom;
|
|
52
|
+
}
|
|
53
|
+
let canvasWidth = htmlWidth - horizontalPadding;
|
|
54
|
+
let canvasHeight = htmlHeight - verticalPaddig;
|
|
55
|
+
this.dispatchEvent(RendererManagerEvent.PRE_RESIZE_HOOK, new Point(canvasWidth, canvasHeight));
|
|
56
|
+
Facade.instance.app.renderer.resize(canvasWidth * pixelRatio, canvasHeight * pixelRatio);
|
|
57
|
+
Facade.instance.app.renderer.view.style.width = canvasWidth + "px";
|
|
58
|
+
Facade.instance.app.renderer.view.style.height = canvasHeight + "px";
|
|
59
|
+
if (this.padding.top) {
|
|
60
|
+
Facade.instance.app.renderer.view.style.top = this.padding.top + "px";
|
|
61
|
+
}
|
|
62
|
+
if (this.padding.bottom) {
|
|
63
|
+
Facade.instance.app.renderer.view.style.bottom = this.padding.bottom + "px";
|
|
64
|
+
}
|
|
65
|
+
if (this.padding.left) {
|
|
66
|
+
Facade.instance.app.renderer.view.style.left = this.padding.left + "px";
|
|
67
|
+
}
|
|
68
|
+
if (this.padding.right) {
|
|
69
|
+
Facade.instance.app.renderer.view.style.right = this.padding.right + "px";
|
|
70
|
+
}
|
|
32
71
|
this.dispatchEvent(RendererManagerEvent.RESIZE);
|
|
33
72
|
}
|
|
34
73
|
get rendererWidth() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RendererManager.js","sourceRoot":"","sources":["../../../src/renderer/managers/RendererManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAiB,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"RendererManager.js","sourceRoot":"","sources":["../../../src/renderer/managers/RendererManager.ts"],"names":[],"mappings":"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"}
|