sliver-engine 0.0.1-alpha-4
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 +37 -0
- package/dist/Assets/Shapes/Arrow.d.ts +12 -0
- package/dist/Assets/Shapes/Arrow.d.ts.map +1 -0
- package/dist/Assets/Shapes/Arrow.js +32 -0
- package/dist/Assets/Shapes/Arrow.js.map +1 -0
- package/dist/Assets/Shapes/index.d.ts +4 -0
- package/dist/Assets/Shapes/index.d.ts.map +1 -0
- package/dist/Assets/Shapes/index.js +2 -0
- package/dist/Assets/Shapes/index.js.map +1 -0
- package/dist/CanvasController/SpriteLibrary.d.ts +58 -0
- package/dist/CanvasController/SpriteLibrary.d.ts.map +1 -0
- package/dist/CanvasController/SpriteLibrary.js +412 -0
- package/dist/CanvasController/SpriteLibrary.js.map +1 -0
- package/dist/CanvasController/Transformations.d.ts +5 -0
- package/dist/CanvasController/Transformations.d.ts.map +1 -0
- package/dist/CanvasController/Transformations.js +19 -0
- package/dist/CanvasController/Transformations.js.map +1 -0
- package/dist/CanvasController/index.d.ts +238 -0
- package/dist/CanvasController/index.d.ts.map +1 -0
- package/dist/CanvasController/index.js +418 -0
- package/dist/CanvasController/index.js.map +1 -0
- package/dist/Context/index.d.ts +53 -0
- package/dist/Context/index.d.ts.map +1 -0
- package/dist/Context/index.js +103 -0
- package/dist/Context/index.js.map +1 -0
- package/dist/Events/decorators.d.ts +74 -0
- package/dist/Events/decorators.d.ts.map +1 -0
- package/dist/Events/decorators.js +417 -0
- package/dist/Events/decorators.js.map +1 -0
- package/dist/Events/index.d.ts +50 -0
- package/dist/Events/index.d.ts.map +1 -0
- package/dist/Events/index.js +73 -0
- package/dist/Events/index.js.map +1 -0
- package/dist/Events/keyAccumulator.d.ts +9 -0
- package/dist/Events/keyAccumulator.d.ts.map +1 -0
- package/dist/Events/keyAccumulator.js +17 -0
- package/dist/Events/keyAccumulator.js.map +1 -0
- package/dist/Game/Saves/index.d.ts +39 -0
- package/dist/Game/Saves/index.d.ts.map +1 -0
- package/dist/Game/Saves/index.js +213 -0
- package/dist/Game/Saves/index.js.map +1 -0
- package/dist/Game/index.d.ts +45 -0
- package/dist/Game/index.d.ts.map +1 -0
- package/dist/Game/index.js +101 -0
- package/dist/Game/index.js.map +1 -0
- package/dist/GameObject/Decorators/index.d.ts +81 -0
- package/dist/GameObject/Decorators/index.d.ts.map +1 -0
- package/dist/GameObject/Decorators/index.js +183 -0
- package/dist/GameObject/Decorators/index.js.map +1 -0
- package/dist/GameObject/Hitboxes/ColisionHandler.d.ts +23 -0
- package/dist/GameObject/Hitboxes/ColisionHandler.d.ts.map +1 -0
- package/dist/GameObject/Hitboxes/ColisionHandler.js +458 -0
- package/dist/GameObject/Hitboxes/ColisionHandler.js.map +1 -0
- package/dist/GameObject/Hitboxes/index.d.ts +50 -0
- package/dist/GameObject/Hitboxes/index.d.ts.map +1 -0
- package/dist/GameObject/Hitboxes/index.js +306 -0
- package/dist/GameObject/Hitboxes/index.js.map +1 -0
- package/dist/GameObject/Library/Button.d.ts +15 -0
- package/dist/GameObject/Library/Button.d.ts.map +1 -0
- package/dist/GameObject/Library/Button.js +45 -0
- package/dist/GameObject/Library/Button.js.map +1 -0
- package/dist/GameObject/Library/Clickableshape.d.ts +14 -0
- package/dist/GameObject/Library/Clickableshape.d.ts.map +1 -0
- package/dist/GameObject/Library/Clickableshape.js +36 -0
- package/dist/GameObject/Library/Clickableshape.js.map +1 -0
- package/dist/GameObject/Library/FloatingView.d.ts +20 -0
- package/dist/GameObject/Library/FloatingView.d.ts.map +1 -0
- package/dist/GameObject/Library/FloatingView.js +39 -0
- package/dist/GameObject/Library/FloatingView.js.map +1 -0
- package/dist/GameObject/Library/Group.d.ts +8 -0
- package/dist/GameObject/Library/Group.d.ts.map +1 -0
- package/dist/GameObject/Library/Group.js +26 -0
- package/dist/GameObject/Library/Group.js.map +1 -0
- package/dist/GameObject/Library/HoverableShape.d.ts +15 -0
- package/dist/GameObject/Library/HoverableShape.d.ts.map +1 -0
- package/dist/GameObject/Library/HoverableShape.js +41 -0
- package/dist/GameObject/Library/HoverableShape.js.map +1 -0
- package/dist/GameObject/Library/SceneTranslator.d.ts +14 -0
- package/dist/GameObject/Library/SceneTranslator.d.ts.map +1 -0
- package/dist/GameObject/Library/SceneTranslator.js +104 -0
- package/dist/GameObject/Library/SceneTranslator.js.map +1 -0
- package/dist/GameObject/Library/ScrollView.d.ts +41 -0
- package/dist/GameObject/Library/ScrollView.d.ts.map +1 -0
- package/dist/GameObject/Library/ScrollView.js +112 -0
- package/dist/GameObject/Library/ScrollView.js.map +1 -0
- package/dist/GameObject/Library/ShowOnHover.d.ts +13 -0
- package/dist/GameObject/Library/ShowOnHover.d.ts.map +1 -0
- package/dist/GameObject/Library/ShowOnHover.js +33 -0
- package/dist/GameObject/Library/ShowOnHover.js.map +1 -0
- package/dist/GameObject/Library/Text.d.ts +25 -0
- package/dist/GameObject/Library/Text.d.ts.map +1 -0
- package/dist/GameObject/Library/Text.js +35 -0
- package/dist/GameObject/Library/Text.js.map +1 -0
- package/dist/GameObject/Library/TextBox.d.ts +45 -0
- package/dist/GameObject/Library/TextBox.d.ts.map +1 -0
- package/dist/GameObject/Library/TextBox.js +170 -0
- package/dist/GameObject/Library/TextBox.js.map +1 -0
- package/dist/GameObject/Library/index.d.ts +11 -0
- package/dist/GameObject/Library/index.d.ts.map +1 -0
- package/dist/GameObject/Library/index.js +11 -0
- package/dist/GameObject/Library/index.js.map +1 -0
- package/dist/GameObject/Walker.d.ts +91 -0
- package/dist/GameObject/Walker.d.ts.map +1 -0
- package/dist/GameObject/Walker.js +634 -0
- package/dist/GameObject/Walker.js.map +1 -0
- package/dist/GameObject/index.d.ts +97 -0
- package/dist/GameObject/index.d.ts.map +1 -0
- package/dist/GameObject/index.js +386 -0
- package/dist/GameObject/index.js.map +1 -0
- package/dist/Lib/Math.d.ts +2 -0
- package/dist/Lib/Math.d.ts.map +1 -0
- package/dist/Lib/Math.js +4 -0
- package/dist/Lib/Math.js.map +1 -0
- package/dist/Lib/MinHeap/index.d.ts +12 -0
- package/dist/Lib/MinHeap/index.d.ts.map +1 -0
- package/dist/Lib/MinHeap/index.js +64 -0
- package/dist/Lib/MinHeap/index.js.map +1 -0
- package/dist/Lib/Mixins/index.d.ts +8 -0
- package/dist/Lib/Mixins/index.d.ts.map +1 -0
- package/dist/Lib/Mixins/index.js +45 -0
- package/dist/Lib/Mixins/index.js.map +1 -0
- package/dist/Lib/PathfindingProxy/index.d.ts +16 -0
- package/dist/Lib/PathfindingProxy/index.d.ts.map +1 -0
- package/dist/Lib/PathfindingProxy/index.js +48 -0
- package/dist/Lib/PathfindingProxy/index.js.map +1 -0
- package/dist/Lib/Vector/index.d.ts +24 -0
- package/dist/Lib/Vector/index.d.ts.map +1 -0
- package/dist/Lib/Vector/index.js +94 -0
- package/dist/Lib/Vector/index.js.map +1 -0
- package/dist/Lib/index.d.ts +6 -0
- package/dist/Lib/index.d.ts.map +1 -0
- package/dist/Lib/index.js +6 -0
- package/dist/Lib/index.js.map +1 -0
- package/dist/Scenes/SceneManager/Transitions.d.ts +37 -0
- package/dist/Scenes/SceneManager/Transitions.d.ts.map +1 -0
- package/dist/Scenes/SceneManager/Transitions.js +165 -0
- package/dist/Scenes/SceneManager/Transitions.js.map +1 -0
- package/dist/Scenes/SceneManager/index.d.ts +24 -0
- package/dist/Scenes/SceneManager/index.d.ts.map +1 -0
- package/dist/Scenes/SceneManager/index.js +151 -0
- package/dist/Scenes/SceneManager/index.js.map +1 -0
- package/dist/Scenes/index.d.ts +44 -0
- package/dist/Scenes/index.d.ts.map +1 -0
- package/dist/Scenes/index.js +252 -0
- package/dist/Scenes/index.js.map +1 -0
- package/dist/ScriptedEvents/Combinators/index.d.ts +17 -0
- package/dist/ScriptedEvents/Combinators/index.d.ts.map +1 -0
- package/dist/ScriptedEvents/Combinators/index.js +127 -0
- package/dist/ScriptedEvents/Combinators/index.js.map +1 -0
- package/dist/ScriptedEvents/Library/TextBoxSequence.d.ts +7 -0
- package/dist/ScriptedEvents/Library/TextBoxSequence.d.ts.map +1 -0
- package/dist/ScriptedEvents/Library/TextBoxSequence.js +16 -0
- package/dist/ScriptedEvents/Library/TextBoxSequence.js.map +1 -0
- package/dist/ScriptedEvents/Library/WaitForKeyPress.d.ts +2 -0
- package/dist/ScriptedEvents/Library/WaitForKeyPress.d.ts.map +1 -0
- package/dist/ScriptedEvents/Library/WaitForKeyPress.js +1 -0
- package/dist/ScriptedEvents/Library/WaitForKeyPress.js.map +1 -0
- package/dist/ScriptedEvents/Library/WalkCharacter.d.ts +4 -0
- package/dist/ScriptedEvents/Library/WalkCharacter.d.ts.map +1 -0
- package/dist/ScriptedEvents/Library/WalkCharacter.js +14 -0
- package/dist/ScriptedEvents/Library/WalkCharacter.js.map +1 -0
- package/dist/ScriptedEvents/Library/index.d.ts +3 -0
- package/dist/ScriptedEvents/Library/index.d.ts.map +1 -0
- package/dist/ScriptedEvents/Library/index.js +3 -0
- package/dist/ScriptedEvents/Library/index.js.map +1 -0
- package/dist/ScriptedEvents/index.d.ts +42 -0
- package/dist/ScriptedEvents/index.d.ts.map +1 -0
- package/dist/ScriptedEvents/index.js +61 -0
- package/dist/ScriptedEvents/index.js.map +1 -0
- package/dist/SoundManager/index.d.ts +69 -0
- package/dist/SoundManager/index.d.ts.map +1 -0
- package/dist/SoundManager/index.js +208 -0
- package/dist/SoundManager/index.js.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +19 -0
- package/dist/index.js.map +1 -0
- package/package.json +36 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import type { GameEvent } from "../../Events";
|
|
3
|
+
import type { Scene } from "../../Scenes";
|
|
4
|
+
import { Vector } from "../../Lib/Vector";
|
|
5
|
+
declare class SceneTranslator extends GameObject {
|
|
6
|
+
private translationVector;
|
|
7
|
+
private translateScene;
|
|
8
|
+
constructor(scene: Scene);
|
|
9
|
+
tick(): void;
|
|
10
|
+
setTranslationVector(translation: Vector): void;
|
|
11
|
+
handleEvent(event: GameEvent): void;
|
|
12
|
+
}
|
|
13
|
+
export { SceneTranslator };
|
|
14
|
+
//# sourceMappingURL=SceneTranslator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneTranslator.d.ts","sourceRoot":"","sources":["../../../src/GameObject/Library/SceneTranslator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AA6G1C,cAAM,eAAgB,SAAQ,UAAU;IACtC,OAAO,CAAC,iBAAiB,CAAyB;IAClD,OAAO,CAAC,cAAc,CAAsB;gBAEhC,KAAK,EAAE,KAAK;IAMf,IAAI,IAAI,IAAI;IAOrB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAKtC,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAC7C;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { GameObject } from "..";
|
|
8
|
+
import { renderChevron, shapeWithParams } from "../../Assets/Shapes/Arrow";
|
|
9
|
+
import { withRotation } from "../../CanvasController/Transformations";
|
|
10
|
+
import { onChildrenEvents } from "../../Events/decorators";
|
|
11
|
+
import { Vector } from "../../Lib/Vector";
|
|
12
|
+
import { ClickableShape } from "./Clickableshape";
|
|
13
|
+
import { Group } from "./Group";
|
|
14
|
+
import { HoverableShape } from "./HoverableShape";
|
|
15
|
+
const createSceneTranslatorGameObject = (scene) => new Group("ArrowGroup", [
|
|
16
|
+
new HoverableShape(new Vector(750, 300), new Vector(50, 50), withRotation(0, shapeWithParams(renderChevron, {
|
|
17
|
+
color: "purple",
|
|
18
|
+
strokeWidth: 6,
|
|
19
|
+
lineCap: "round",
|
|
20
|
+
lineJoin: "round",
|
|
21
|
+
})), (obj) => {
|
|
22
|
+
obj
|
|
23
|
+
.getMotherShip()
|
|
24
|
+
.getMotherShip()
|
|
25
|
+
.setTranslationVector(new Vector(10, 0));
|
|
26
|
+
}, (obj) => {
|
|
27
|
+
obj
|
|
28
|
+
.getMotherShip()
|
|
29
|
+
.getMotherShip()
|
|
30
|
+
.setTranslationVector(new Vector(0, 0));
|
|
31
|
+
}),
|
|
32
|
+
new HoverableShape(new Vector(400, 550), new Vector(50, 50), withRotation(Math.PI / 2, shapeWithParams(renderChevron, {
|
|
33
|
+
color: "purple",
|
|
34
|
+
strokeWidth: 6,
|
|
35
|
+
lineCap: "round",
|
|
36
|
+
lineJoin: "round",
|
|
37
|
+
})), (obj) => {
|
|
38
|
+
obj
|
|
39
|
+
.getMotherShip()
|
|
40
|
+
.getMotherShip()
|
|
41
|
+
.setTranslationVector(new Vector(0, 10));
|
|
42
|
+
}, (obj) => {
|
|
43
|
+
obj
|
|
44
|
+
.getMotherShip()
|
|
45
|
+
.getMotherShip()
|
|
46
|
+
.setTranslationVector(new Vector(0, 0));
|
|
47
|
+
}),
|
|
48
|
+
new HoverableShape(new Vector(400, 0), new Vector(50, 50), withRotation(3 * (Math.PI / 2), shapeWithParams(renderChevron, {
|
|
49
|
+
color: "purple",
|
|
50
|
+
strokeWidth: 6,
|
|
51
|
+
lineCap: "round",
|
|
52
|
+
lineJoin: "round",
|
|
53
|
+
})), (obj) => {
|
|
54
|
+
obj
|
|
55
|
+
.getMotherShip()
|
|
56
|
+
.getMotherShip()
|
|
57
|
+
.setTranslationVector(new Vector(0, -10));
|
|
58
|
+
}, (obj) => {
|
|
59
|
+
obj
|
|
60
|
+
.getMotherShip()
|
|
61
|
+
.getMotherShip()
|
|
62
|
+
.setTranslationVector(new Vector(0, 0));
|
|
63
|
+
}),
|
|
64
|
+
new HoverableShape(new Vector(0, 300), new Vector(50, 50), withRotation(Math.PI, shapeWithParams(renderChevron, {
|
|
65
|
+
color: "purple",
|
|
66
|
+
strokeWidth: 6,
|
|
67
|
+
lineCap: "round",
|
|
68
|
+
lineJoin: "round",
|
|
69
|
+
})), (obj) => {
|
|
70
|
+
obj
|
|
71
|
+
.getMotherShip()
|
|
72
|
+
.getMotherShip()
|
|
73
|
+
.setTranslationVector(new Vector(-10, 0));
|
|
74
|
+
}, (obj) => {
|
|
75
|
+
obj
|
|
76
|
+
.getMotherShip()
|
|
77
|
+
.getMotherShip()
|
|
78
|
+
.setTranslationVector(new Vector(0, 0));
|
|
79
|
+
}),
|
|
80
|
+
]);
|
|
81
|
+
class SceneTranslator extends GameObject {
|
|
82
|
+
translationVector = Vector.zero();
|
|
83
|
+
translateScene = null;
|
|
84
|
+
constructor(scene) {
|
|
85
|
+
super("SceneTranslator", new Vector(0, 0));
|
|
86
|
+
this.addChild(createSceneTranslatorGameObject(scene));
|
|
87
|
+
this.translateScene = scene;
|
|
88
|
+
}
|
|
89
|
+
tick() {
|
|
90
|
+
console.log(this.translateScene);
|
|
91
|
+
this.translateScene
|
|
92
|
+
?.getOffset()
|
|
93
|
+
.add(new Vector(this.translationVector.x, this.translationVector.y));
|
|
94
|
+
}
|
|
95
|
+
setTranslationVector(translation) {
|
|
96
|
+
this.translationVector = translation;
|
|
97
|
+
}
|
|
98
|
+
handleEvent(event) { }
|
|
99
|
+
}
|
|
100
|
+
__decorate([
|
|
101
|
+
onChildrenEvents()
|
|
102
|
+
], SceneTranslator.prototype, "handleEvent", null);
|
|
103
|
+
export { SceneTranslator };
|
|
104
|
+
//# sourceMappingURL=SceneTranslator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneTranslator.js","sourceRoot":"","sources":["../../../src/GameObject/Library/SceneTranslator.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import type { CanvasController } from "../../CanvasController";
|
|
3
|
+
import type { Scene } from "../../Scenes";
|
|
4
|
+
import type { GameEvent } from "../../Events";
|
|
5
|
+
import { Vector } from "../../Lib/Vector";
|
|
6
|
+
type ScrollViewOptions = {
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
scrollbarWidth?: number;
|
|
9
|
+
scrollbarColor?: string;
|
|
10
|
+
scrollbarTrackColor?: string;
|
|
11
|
+
contentHeight?: number;
|
|
12
|
+
scrollStep?: number;
|
|
13
|
+
};
|
|
14
|
+
declare class ScrollView extends GameObject {
|
|
15
|
+
private size;
|
|
16
|
+
private scrollOffset;
|
|
17
|
+
private contentHeight;
|
|
18
|
+
private scrollbarWidth;
|
|
19
|
+
private scrollbarColor;
|
|
20
|
+
private scrollbarTrackColor;
|
|
21
|
+
private backgroundColor;
|
|
22
|
+
private scrollStep;
|
|
23
|
+
private childOffsets;
|
|
24
|
+
constructor(name: string, position: Vector, size: Vector, children?: GameObject[], options?: ScrollViewOptions);
|
|
25
|
+
private getMaxScroll;
|
|
26
|
+
private clampScroll;
|
|
27
|
+
private scrollBy;
|
|
28
|
+
private addChildWithOffset;
|
|
29
|
+
private bumpContentHeight;
|
|
30
|
+
addChild(child: GameObject): void;
|
|
31
|
+
setPosition(position: Vector): void;
|
|
32
|
+
tick(): void;
|
|
33
|
+
private syncChildPosition;
|
|
34
|
+
private syncChildrenPositions;
|
|
35
|
+
private renderContainer;
|
|
36
|
+
private renderScrollbar;
|
|
37
|
+
render(canvas: CanvasController, scene: Scene): void;
|
|
38
|
+
handleEvent(event: GameEvent): void;
|
|
39
|
+
}
|
|
40
|
+
export { ScrollView };
|
|
41
|
+
//# sourceMappingURL=ScrollView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../src/GameObject/Library/ScrollView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,cAAM,UAAW,SAAQ,UAAU;IACjC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAiC;gBAGnD,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,QAAQ,GAAE,UAAU,EAAO,EAC3B,OAAO,GAAE,iBAAsB;IAgBjC,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,iBAAiB;IAOhB,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIjC,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKnC,IAAI,IAAI,IAAI;IAKrB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,eAAe,CAUrB;IAEF,OAAO,CAAC,eAAe;IA8Bd,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAiBpD,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAC7C;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { GameObject } from "..";
|
|
8
|
+
import { onChildrenEvents, onMouseWheelOverHitbox, } from "../../Events/decorators";
|
|
9
|
+
import { Vector } from "../../Lib/Vector";
|
|
10
|
+
import { SquareHitbox } from "../Hitboxes";
|
|
11
|
+
class ScrollView extends GameObject {
|
|
12
|
+
size;
|
|
13
|
+
scrollOffset = 0;
|
|
14
|
+
contentHeight;
|
|
15
|
+
scrollbarWidth;
|
|
16
|
+
scrollbarColor;
|
|
17
|
+
scrollbarTrackColor;
|
|
18
|
+
backgroundColor;
|
|
19
|
+
scrollStep;
|
|
20
|
+
childOffsets = new Map();
|
|
21
|
+
constructor(name, position, size, children = [], options = {}) {
|
|
22
|
+
super(name, position);
|
|
23
|
+
this.size = size;
|
|
24
|
+
this.backgroundColor = options.backgroundColor ?? "#f7f7f7";
|
|
25
|
+
this.scrollbarWidth = options.scrollbarWidth ?? 10;
|
|
26
|
+
this.scrollbarColor = options.scrollbarColor ?? "#8a8a8a";
|
|
27
|
+
this.scrollbarTrackColor = options.scrollbarTrackColor ?? "#cfcfcf";
|
|
28
|
+
this.scrollStep = options.scrollStep ?? 40;
|
|
29
|
+
this.contentHeight = Math.max(options.contentHeight ?? size.y, size.y);
|
|
30
|
+
this.setRenderFunction(this.renderContainer);
|
|
31
|
+
this.addHitbox(new SquareHitbox(Vector.zero(), this.size, this));
|
|
32
|
+
children.forEach((child) => this.addChildWithOffset(child));
|
|
33
|
+
}
|
|
34
|
+
getMaxScroll() {
|
|
35
|
+
return Math.max(0, this.contentHeight - this.size.y);
|
|
36
|
+
}
|
|
37
|
+
clampScroll(next) {
|
|
38
|
+
return Math.max(0, Math.min(this.getMaxScroll(), next));
|
|
39
|
+
}
|
|
40
|
+
scrollBy(deltaY) {
|
|
41
|
+
const next = this.clampScroll(this.scrollOffset + deltaY);
|
|
42
|
+
if (next !== this.scrollOffset) {
|
|
43
|
+
this.scrollOffset = next;
|
|
44
|
+
this.syncChildrenPositions();
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
addChildWithOffset(child, offset) {
|
|
48
|
+
const relativeOffset = offset ?? child.getPosition().clone();
|
|
49
|
+
this.childOffsets.set(child, relativeOffset.clone());
|
|
50
|
+
this.bumpContentHeight(relativeOffset);
|
|
51
|
+
this.syncChildPosition(child, relativeOffset);
|
|
52
|
+
super.addChild(child);
|
|
53
|
+
}
|
|
54
|
+
bumpContentHeight(relativeOffset) {
|
|
55
|
+
this.contentHeight = Math.max(this.contentHeight, relativeOffset.y + this.size.y);
|
|
56
|
+
}
|
|
57
|
+
addChild(child) {
|
|
58
|
+
this.addChildWithOffset(child);
|
|
59
|
+
}
|
|
60
|
+
setPosition(position) {
|
|
61
|
+
super.setPosition(position);
|
|
62
|
+
this.syncChildrenPositions();
|
|
63
|
+
}
|
|
64
|
+
tick() {
|
|
65
|
+
this.syncChildrenPositions();
|
|
66
|
+
super.tick();
|
|
67
|
+
}
|
|
68
|
+
syncChildPosition(child, relativeOffset) {
|
|
69
|
+
const absolute = new Vector(this.getPosition().x + relativeOffset.x, this.getPosition().y + relativeOffset.y - this.scrollOffset);
|
|
70
|
+
child.setPosition(absolute);
|
|
71
|
+
}
|
|
72
|
+
syncChildrenPositions() {
|
|
73
|
+
this.childOffsets.forEach((offset, child) => this.syncChildPosition(child, offset));
|
|
74
|
+
}
|
|
75
|
+
renderContainer = (obj, canvas) => {
|
|
76
|
+
const shapeDrawer = canvas.getShapeDrawer();
|
|
77
|
+
const pos = obj.getPosition();
|
|
78
|
+
shapeDrawer.drawRectangle(pos.x, pos.y, this.size.x, this.size.y, this.backgroundColor);
|
|
79
|
+
};
|
|
80
|
+
renderScrollbar(canvas) {
|
|
81
|
+
const shapeDrawer = canvas.getShapeDrawer();
|
|
82
|
+
const pos = this.getPosition();
|
|
83
|
+
const trackX = pos.x + this.size.x - this.scrollbarWidth;
|
|
84
|
+
const trackHeight = this.size.y;
|
|
85
|
+
const maxScroll = this.getMaxScroll();
|
|
86
|
+
shapeDrawer.drawRectangle(trackX, pos.y, this.scrollbarWidth, trackHeight, this.scrollbarTrackColor);
|
|
87
|
+
const visibleRatio = Math.min(1, this.size.y / this.contentHeight);
|
|
88
|
+
const thumbHeight = Math.max(12, trackHeight * visibleRatio);
|
|
89
|
+
const thumbTravel = trackHeight - thumbHeight;
|
|
90
|
+
const scrollRatio = maxScroll === 0 ? 0 : this.scrollOffset / maxScroll;
|
|
91
|
+
const thumbY = pos.y + scrollRatio * thumbTravel;
|
|
92
|
+
shapeDrawer.drawRectangle(trackX, thumbY, this.scrollbarWidth, thumbHeight, this.scrollbarColor);
|
|
93
|
+
}
|
|
94
|
+
render(canvas, scene) {
|
|
95
|
+
this.syncChildrenPositions();
|
|
96
|
+
const pos = this.getPosition();
|
|
97
|
+
canvas
|
|
98
|
+
.getShapeDrawer()
|
|
99
|
+
.withClippingRect(pos.x, pos.y, this.size.x, this.size.y, () => super.render(canvas, scene));
|
|
100
|
+
this.renderScrollbar(canvas);
|
|
101
|
+
}
|
|
102
|
+
handleEvent(event) { }
|
|
103
|
+
}
|
|
104
|
+
__decorate([
|
|
105
|
+
onMouseWheelOverHitbox((obj, event) => {
|
|
106
|
+
obj.scrollBy(event.deltaY > 0 ? obj.scrollStep : -obj.scrollStep);
|
|
107
|
+
event.stopPropagation = true;
|
|
108
|
+
}),
|
|
109
|
+
onChildrenEvents()
|
|
110
|
+
], ScrollView.prototype, "handleEvent", null);
|
|
111
|
+
export { ScrollView };
|
|
112
|
+
//# sourceMappingURL=ScrollView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../src/GameObject/Library/ScrollView.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import type { CanvasController } from "../../CanvasController";
|
|
3
|
+
import type { Scene } from "../../Scenes";
|
|
4
|
+
import type { GameContext } from "../../Context";
|
|
5
|
+
import { Vector } from "../../Lib/Vector";
|
|
6
|
+
declare class ShowOnHover extends GameObject {
|
|
7
|
+
private child;
|
|
8
|
+
constructor(child: GameObject, size: Vector, position?: Vector);
|
|
9
|
+
setContext(context: GameContext | null): void;
|
|
10
|
+
render(canvas: CanvasController, scene: Scene): void;
|
|
11
|
+
}
|
|
12
|
+
export { ShowOnHover };
|
|
13
|
+
//# sourceMappingURL=ShowOnHover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShowOnHover.d.ts","sourceRoot":"","sources":["../../../src/GameObject/Library/ShowOnHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,cAAM,WAAY,SAAQ,UAAU;IAClC,OAAO,CAAC,KAAK,CAAa;gBAEd,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAkBrD,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAM7C,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;CAI9D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import { Vector } from "../../Lib/Vector";
|
|
3
|
+
import { SquareHitbox } from "../Hitboxes";
|
|
4
|
+
class ShowOnHover extends GameObject {
|
|
5
|
+
child;
|
|
6
|
+
constructor(child, size, position) {
|
|
7
|
+
const anchor = position ? position.clone() : child.getPosition().clone();
|
|
8
|
+
super("ShowOnHover", anchor);
|
|
9
|
+
this.child = child;
|
|
10
|
+
// Keep the child positioned relative to this anchor so it moves along with scroll views.
|
|
11
|
+
const relativeChildPosition = child
|
|
12
|
+
.getPosition()
|
|
13
|
+
.clone()
|
|
14
|
+
.toSubtracted(anchor);
|
|
15
|
+
this.child.setPosition(relativeChildPosition);
|
|
16
|
+
this.child.setPositionRelativeToMotherShip(true);
|
|
17
|
+
this.child.setMotherShip(this);
|
|
18
|
+
this.addChild(this.child);
|
|
19
|
+
this.addHitbox(new SquareHitbox(Vector.zero(), size, this));
|
|
20
|
+
}
|
|
21
|
+
setContext(context) {
|
|
22
|
+
super.setContext(context);
|
|
23
|
+
this.child.setContext(context);
|
|
24
|
+
this.child.scene = this.scene;
|
|
25
|
+
}
|
|
26
|
+
render(canvas, scene) {
|
|
27
|
+
if (!this.hovering)
|
|
28
|
+
return;
|
|
29
|
+
this.child.render(canvas, scene);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
export { ShowOnHover };
|
|
33
|
+
//# sourceMappingURL=ShowOnHover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShowOnHover.js","sourceRoot":"","sources":["../../../src/GameObject/Library/ShowOnHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAY,SAAQ,UAAU;IAC1B,KAAK,CAAa;IAE1B,YAAY,KAAiB,EAAE,IAAY,EAAE,QAAiB;QAC5D,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC;QACzE,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,yFAAyF;QACzF,MAAM,qBAAqB,GAAG,KAAK;aAChC,WAAW,EAAE;aACb,KAAK,EAAE;aACP,YAAY,CAAC,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEQ,UAAU,CAAC,OAA2B;QAC7C,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAChC,CAAC;IAEQ,MAAM,CAAC,MAAwB,EAAE,KAAY;QACpD,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;CACF;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import type { CanvasController } from "../../CanvasController";
|
|
3
|
+
import type { Scene } from "../../Scenes";
|
|
4
|
+
import { Vector } from "../../Lib/Vector";
|
|
5
|
+
type TextOptions = {
|
|
6
|
+
color?: string;
|
|
7
|
+
size?: string;
|
|
8
|
+
align?: CanvasTextAlign;
|
|
9
|
+
font?: string;
|
|
10
|
+
};
|
|
11
|
+
declare class Text extends GameObject {
|
|
12
|
+
private text;
|
|
13
|
+
private color;
|
|
14
|
+
private size;
|
|
15
|
+
private align;
|
|
16
|
+
private font?;
|
|
17
|
+
constructor(name: string, position: Vector, text: string, { color, size, align, font }?: TextOptions);
|
|
18
|
+
setText(text: string): void;
|
|
19
|
+
getText(): string;
|
|
20
|
+
private renderText;
|
|
21
|
+
render(canvas: CanvasController, scene: Scene): void;
|
|
22
|
+
}
|
|
23
|
+
export { Text };
|
|
24
|
+
export type { TextOptions };
|
|
25
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/GameObject/Library/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAM,IAAK,SAAQ,UAAU;IAC3B,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,IAAI,CAAC,CAAS;gBAGpB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,EAAE,KAAe,EAAE,IAAa,EAAE,KAAgB,EAAE,IAAI,EAAE,GAAE,WAAgB;IAY9E,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,OAAO,IAAI,MAAM;IAIjB,OAAO,CAAC,UAAU,CAahB;IAEO,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;CAG9D;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import { Vector } from "../../Lib/Vector";
|
|
3
|
+
class Text extends GameObject {
|
|
4
|
+
text;
|
|
5
|
+
color;
|
|
6
|
+
size;
|
|
7
|
+
align;
|
|
8
|
+
font;
|
|
9
|
+
constructor(name, position, text, { color = "black", size = "16px", align = "center", font } = {}) {
|
|
10
|
+
super(name, position);
|
|
11
|
+
this.text = text;
|
|
12
|
+
this.color = color;
|
|
13
|
+
this.size = size;
|
|
14
|
+
this.align = align;
|
|
15
|
+
this.font = font;
|
|
16
|
+
this.setRenderFunction(this.renderText);
|
|
17
|
+
}
|
|
18
|
+
setText(text) {
|
|
19
|
+
this.text = text;
|
|
20
|
+
}
|
|
21
|
+
getText() {
|
|
22
|
+
return this.text;
|
|
23
|
+
}
|
|
24
|
+
renderText = (obj, canvas) => {
|
|
25
|
+
const pos = obj.getPosition();
|
|
26
|
+
canvas
|
|
27
|
+
.getShapeDrawer()
|
|
28
|
+
.drawText(this.text, pos.x, pos.y, this.color, this.size, this.align, this.font);
|
|
29
|
+
};
|
|
30
|
+
render(canvas, scene) {
|
|
31
|
+
super.render(canvas, scene);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
export { Text };
|
|
35
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/GameObject/Library/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAS1C,MAAM,IAAK,SAAQ,UAAU;IACnB,IAAI,CAAS;IACb,KAAK,CAAS;IACd,IAAI,CAAS;IACb,KAAK,CAAkB;IACvB,IAAI,CAAU;IAEtB,YACE,IAAY,EACZ,QAAgB,EAChB,IAAY,EACZ,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,IAAI,KAAkB,EAAE;QAE5E,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO,CAAC,IAAY;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEO,UAAU,GAAG,CAAC,GAAe,EAAE,MAAwB,EAAQ,EAAE;QACvE,MAAM,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;QAC9B,MAAM;aACH,cAAc,EAAE;aAChB,QAAQ,CACP,IAAI,CAAC,IAAI,EACT,GAAG,CAAC,CAAC,EACL,GAAG,CAAC,CAAC,EACL,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,CACV,CAAC;IACN,CAAC,CAAC;IAEO,MAAM,CAAC,MAAwB,EAAE,KAAY;QACpD,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { GameObject } from "..";
|
|
2
|
+
import type { CanvasController } from "../../CanvasController";
|
|
3
|
+
import type { GameEvent } from "../../Events";
|
|
4
|
+
import { Vector } from "../../Lib";
|
|
5
|
+
import type { Scene } from "../../Scenes";
|
|
6
|
+
type TextBoxOptions = {
|
|
7
|
+
position: "top" | "middle" | "bottom";
|
|
8
|
+
skipTyping?: boolean;
|
|
9
|
+
boxColor?: string;
|
|
10
|
+
textColor?: string;
|
|
11
|
+
textSize: number;
|
|
12
|
+
lettersPerTick?: number;
|
|
13
|
+
sprite?: {
|
|
14
|
+
spritesheetName: string;
|
|
15
|
+
indexes: number[];
|
|
16
|
+
position: "left" | "right";
|
|
17
|
+
ticksPerFrame: number;
|
|
18
|
+
scale: number;
|
|
19
|
+
mirroring?: "horizontal" | "vertical" | "both";
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
declare class TextBox extends GameObject {
|
|
23
|
+
private text;
|
|
24
|
+
private options;
|
|
25
|
+
private onFinished;
|
|
26
|
+
private textIndex;
|
|
27
|
+
private renderedText;
|
|
28
|
+
private finishedTyping;
|
|
29
|
+
constructor(name: string, text: string, options: TextBoxOptions, onFinished: () => void);
|
|
30
|
+
private initializeTextBox;
|
|
31
|
+
private updateRenderdText;
|
|
32
|
+
private requestAdvance;
|
|
33
|
+
tick(): void;
|
|
34
|
+
getSpritePosition(): Vector;
|
|
35
|
+
getTextPosition(): {
|
|
36
|
+
upperCorner: Vector;
|
|
37
|
+
downCorner: Vector;
|
|
38
|
+
};
|
|
39
|
+
private renderTextBox;
|
|
40
|
+
handleEvent(event: GameEvent): void;
|
|
41
|
+
render(canvas: CanvasController, scene: Scene): void;
|
|
42
|
+
}
|
|
43
|
+
export { TextBox };
|
|
44
|
+
export type { TextBoxOptions };
|
|
45
|
+
//# sourceMappingURL=TextBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/GameObject/Library/TextBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG1C,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;QAC3B,aAAa,EAAE,MAAM,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;KAChD,CAAC;CACH,CAAC;AAqBF,cAAM,OAAQ,SAAQ,UAAU;IAO5B,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,UAAU;IARpB,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,cAAc,CAAkB;gBAGtC,IAAI,EAAE,MAAM,EACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,MAAM,IAAI;IAehC,OAAO,CAAC,iBAAiB;IA2BzB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,cAAc;IAWb,IAAI;IAKN,iBAAiB;IAkCjB,eAAe;;;;IA+BtB,OAAO,CAAC,aAAa;IA4DZ,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAInC,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;CAG9D;AAED,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { GameObject } from "..";
|
|
8
|
+
import { onClick, onKeyPressed } from "../../Events/decorators";
|
|
9
|
+
import { Vector } from "../../Lib";
|
|
10
|
+
import { SquareHitbox } from "../Hitboxes";
|
|
11
|
+
const __TEXT_BOX_HEIGHT__ = 200;
|
|
12
|
+
const __SPRITE_PADDING__ = 20;
|
|
13
|
+
const calculateTextBoxPosition = (placement, ctx) => {
|
|
14
|
+
const { height: canvasHeight } = ctx.getCanvas().getCanvas();
|
|
15
|
+
switch (placement) {
|
|
16
|
+
case "top":
|
|
17
|
+
return new Vector(0, 0);
|
|
18
|
+
case "middle":
|
|
19
|
+
return new Vector(0, canvasHeight / 2 - __TEXT_BOX_HEIGHT__ / 2);
|
|
20
|
+
case "bottom":
|
|
21
|
+
return new Vector(0, canvasHeight - __TEXT_BOX_HEIGHT__);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
class TextBox extends GameObject {
|
|
25
|
+
text;
|
|
26
|
+
options;
|
|
27
|
+
onFinished;
|
|
28
|
+
textIndex = 0;
|
|
29
|
+
renderedText = "";
|
|
30
|
+
finishedTyping = false;
|
|
31
|
+
constructor(name, text, options, onFinished) {
|
|
32
|
+
super(name, Vector.zero());
|
|
33
|
+
this.text = text;
|
|
34
|
+
this.options = options;
|
|
35
|
+
this.onFinished = onFinished;
|
|
36
|
+
// Setting the position once it becomes active
|
|
37
|
+
this.setTickFunction(() => {
|
|
38
|
+
if (this.getContext()) {
|
|
39
|
+
this.initializeTextBox();
|
|
40
|
+
// We don't need to check context again after it gets initalized
|
|
41
|
+
this.setTickFunction(() => { });
|
|
42
|
+
this.setRenderFunction(this.renderTextBox.bind(this));
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
initializeTextBox() {
|
|
47
|
+
const { width: canvasWidth } = this.getContext().getCanvas().getCanvas();
|
|
48
|
+
const textboxHitbox = new SquareHitbox(Vector.zero(), new Vector(canvasWidth, __TEXT_BOX_HEIGHT__), this, {
|
|
49
|
+
solid: false,
|
|
50
|
+
});
|
|
51
|
+
// Adding hitbox so it can be clicked
|
|
52
|
+
this.addHitbox(textboxHitbox);
|
|
53
|
+
// Setting the position accordingly to it's preset
|
|
54
|
+
this.setPosition(calculateTextBoxPosition(this.options.position, this.getContext()));
|
|
55
|
+
if (this.options.skipTyping) {
|
|
56
|
+
this.renderedText = this.text;
|
|
57
|
+
this.textIndex = this.text.length - 1;
|
|
58
|
+
this.finishedTyping = true;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
updateRenderdText() {
|
|
62
|
+
if (this.finishedTyping) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const lettersPerTick = this.options.lettersPerTick ?? 1;
|
|
66
|
+
this.textIndex += Math.round(lettersPerTick);
|
|
67
|
+
if (this.textIndex > this.text.length) {
|
|
68
|
+
this.renderedText = this.text;
|
|
69
|
+
this.finishedTyping = true;
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
this.renderedText = this.text.substring(0, this.textIndex);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
requestAdvance() {
|
|
76
|
+
if (this.finishedTyping) {
|
|
77
|
+
this.onFinished();
|
|
78
|
+
this.destroy();
|
|
79
|
+
}
|
|
80
|
+
else {
|
|
81
|
+
this.finishedTyping = true;
|
|
82
|
+
this.renderedText = this.text;
|
|
83
|
+
this.textIndex = this.text.length - 1;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
tick() {
|
|
87
|
+
super.tick();
|
|
88
|
+
this.updateRenderdText();
|
|
89
|
+
}
|
|
90
|
+
getSpritePosition() {
|
|
91
|
+
const sprite = this.options.sprite;
|
|
92
|
+
if (!sprite)
|
|
93
|
+
return Vector.zero();
|
|
94
|
+
const ctx = this.getContext();
|
|
95
|
+
if (!ctx)
|
|
96
|
+
return Vector.zero();
|
|
97
|
+
const canvasWidth = ctx.getCanvas().getCanvas().width;
|
|
98
|
+
const portraitSide = __TEXT_BOX_HEIGHT__; // 200px square area
|
|
99
|
+
const frameSize = ctx
|
|
100
|
+
.getCanvas()
|
|
101
|
+
.getSpriteLibrary()
|
|
102
|
+
.getSpriteSheetFrameSize(sprite.spritesheetName) ?? null;
|
|
103
|
+
const frameWidth = frameSize?.frameWidth ?? 32;
|
|
104
|
+
const frameHeight = frameSize?.frameHeight ?? 32;
|
|
105
|
+
const spriteWidthPx = frameWidth * sprite.scale;
|
|
106
|
+
const spriteHeightPx = frameHeight * sprite.scale;
|
|
107
|
+
const base = this.getPosition();
|
|
108
|
+
const portraitLeft = sprite.position === "left"
|
|
109
|
+
? base.x + __SPRITE_PADDING__
|
|
110
|
+
: base.x + canvasWidth - __SPRITE_PADDING__ - portraitSide;
|
|
111
|
+
return new Vector(portraitLeft + (portraitSide - spriteWidthPx) / 2, base.y + (portraitSide - spriteHeightPx) / 2);
|
|
112
|
+
}
|
|
113
|
+
getTextPosition() {
|
|
114
|
+
const canvasWidth = this.getContext().getCanvas().getCanvas().width;
|
|
115
|
+
let upperCorner = this.getPosition().toAdded(new Vector(__SPRITE_PADDING__, __SPRITE_PADDING__));
|
|
116
|
+
let downCorner = upperCorner.toAdded(new Vector(canvasWidth - __SPRITE_PADDING__ * 2, __TEXT_BOX_HEIGHT__ - __SPRITE_PADDING__ * 2));
|
|
117
|
+
if (!this.options.sprite) {
|
|
118
|
+
return { upperCorner, downCorner };
|
|
119
|
+
}
|
|
120
|
+
if (this.options.sprite.position === "left") {
|
|
121
|
+
return {
|
|
122
|
+
upperCorner: upperCorner.toAdded(new Vector(200, 0)),
|
|
123
|
+
downCorner,
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
return {
|
|
127
|
+
upperCorner,
|
|
128
|
+
downCorner: downCorner.toAdded(new Vector(-200, 0)),
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
renderTextBox(self, canvas) {
|
|
132
|
+
const { downCorner, upperCorner } = this.getTextPosition();
|
|
133
|
+
const defaultFont = canvas.getShapeDrawer().getDefaultFont();
|
|
134
|
+
const width = downCorner.x - upperCorner.x;
|
|
135
|
+
const { x, y } = this.getPosition();
|
|
136
|
+
const canvasWidth = this.getContext().getCanvas().getCanvas().width;
|
|
137
|
+
canvas
|
|
138
|
+
.getShapeDrawer()
|
|
139
|
+
.drawRectangle(x, y, canvasWidth, __TEXT_BOX_HEIGHT__, this.options.boxColor);
|
|
140
|
+
const sprite = this.options.sprite;
|
|
141
|
+
if (sprite) {
|
|
142
|
+
const gameContext = this.getContext();
|
|
143
|
+
const frameIndex = Math.floor(gameContext.getTickCount() / sprite.ticksPerFrame) %
|
|
144
|
+
sprite.indexes.length;
|
|
145
|
+
const spriteIndex = sprite.indexes[frameIndex] ?? sprite.indexes[0] ?? 0;
|
|
146
|
+
const mirroring = sprite.mirroring ?? null;
|
|
147
|
+
canvas
|
|
148
|
+
.getSpriteLibrary()
|
|
149
|
+
.drawSpriteFrame(canvas.getContext(), sprite.spritesheetName, spriteIndex, this.getSpritePosition(), sprite.scale, mirroring === "horizontal" || mirroring === "both", mirroring === "vertical" || mirroring === "both");
|
|
150
|
+
}
|
|
151
|
+
canvas
|
|
152
|
+
.getShapeDrawer()
|
|
153
|
+
.drawText(this.renderedText, upperCorner.x, upperCorner.y, this.options.textColor ?? "white", `${this.options.textSize ?? 16}px`, "left", defaultFont, {
|
|
154
|
+
wrapText: width,
|
|
155
|
+
baseline: "top",
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
handleEvent(event) {
|
|
159
|
+
super.handleEvent(event);
|
|
160
|
+
}
|
|
161
|
+
render(canvas, scene) {
|
|
162
|
+
super.render(canvas, scene);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
__decorate([
|
|
166
|
+
onClick((self) => self.requestAdvance()),
|
|
167
|
+
onKeyPressed(" ", (self) => self.requestAdvance())
|
|
168
|
+
], TextBox.prototype, "handleEvent", null);
|
|
169
|
+
export { TextBox };
|
|
170
|
+
//# sourceMappingURL=TextBox.js.map
|