-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.ts
86 lines (81 loc) · 2.22 KB
/
index.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import { Assets, Container, Matrix, Point, Texture, autoDetectRenderer, type Renderer, Sprite } from "pixi.js";
class Clock {
startTime: number = Number.MIN_VALUE;
previousTime: number = Number.MIN_VALUE;
elapsedTime: number = 0;
deltaTime: number = Number.EPSILON;
get deltaTimeS (): number {
return this.deltaTime / 1000;
}
start() {
this.startTime = performance.now();
this.previousTime = performance.now();
this.deltaTime = Number.EPSILON;
}
tick(currentTime: number) {
this.deltaTime = Math.min(currentTime - this.previousTime, 16);
this.previousTime = currentTime;
this.elapsedTime = currentTime - this.startTime;
}
};
class TransformStack {
constructor() {
this.#transforms = [Matrix.IDENTITY.clone()];
}
clear(): void {
this.#transforms = [Matrix.IDENTITY.clone()];
}
pop(): void {
this.#transforms.pop();
}
push(): void {
this.#transforms.push(this.matrix.clone());
}
rotate(_rad: number): void {
this.matrix.rotate(0.5);
}
scale(x: number, y: number): void {
this.matrix.scale(x, y);
}
translate(x: number, y: number): void {
this.matrix.translate(x, y);
};
get matrix(): Matrix {
return this.#transforms[this.#transforms.length - 1];
}
#transforms: Array<Matrix>;
}
class NhRenderer {
ready: Promise<void>;
constructor() {
let resolve: () => void;
this.ready = new Promise((_resolve) => resolve = _resolve);
autoDetectRenderer({}).then((renderer) => {
this.#pixiRenderer = renderer;
resolve();
})
this.#container = new Container();
}
clear(): void {
this.#container = new Container();
}
drawSprite(texture: Texture, matrix: Matrix): void {
const sprite = new Sprite(texture);
sprite.updateLocalTransform = function () {
this.localTransform.copyFrom(matrix);
}
this.#container.addChild(sprite);
}
load(url: string): Promise<Texture> {
return Assets.load(url);
}
render(): void {
this.#pixiRenderer?.render(this.#container);
}
get el(): HTMLCanvasElement {
return this.#pixiRenderer?.canvas as HTMLCanvasElement;
}
#container: Container;
#pixiRenderer: Renderer | undefined;
}
export { Clock, NhRenderer as Renderer, Point, TransformStack };