@oliversalzburg/js-utils 0.0.6 → 0.0.7
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.
|
@@ -10,6 +10,7 @@ export declare class RenderLoop {
|
|
|
10
10
|
readonly renderLoop: AnyFunction;
|
|
11
11
|
private previousTimestamp;
|
|
12
12
|
private readonly boundMain;
|
|
13
|
+
private frameRequestId;
|
|
13
14
|
/**
|
|
14
15
|
* Constructs a new {@link RenderLoop}.
|
|
15
16
|
* @param renderLoop The function to call when a new frame should be drawn.
|
|
@@ -17,4 +18,12 @@ export declare class RenderLoop {
|
|
|
17
18
|
* after a frame was rendered.
|
|
18
19
|
*/
|
|
19
20
|
constructor(renderLoop: AnyFunction, canvas?: Canvas);
|
|
21
|
+
/**
|
|
22
|
+
* Stop the render loop.
|
|
23
|
+
*/
|
|
24
|
+
block(): void;
|
|
25
|
+
/**
|
|
26
|
+
* Start the render loop.
|
|
27
|
+
*/
|
|
28
|
+
unblock(): void;
|
|
20
29
|
}
|
|
@@ -7,6 +7,7 @@ export class RenderLoop {
|
|
|
7
7
|
renderLoop;
|
|
8
8
|
previousTimestamp;
|
|
9
9
|
boundMain;
|
|
10
|
+
frameRequestId = null;
|
|
10
11
|
/**
|
|
11
12
|
* Constructs a new {@link RenderLoop}.
|
|
12
13
|
* @param renderLoop The function to call when a new frame should be drawn.
|
|
@@ -19,6 +20,22 @@ export class RenderLoop {
|
|
|
19
20
|
this.previousTimestamp = 0;
|
|
20
21
|
this.boundMain = this.#main.bind(this);
|
|
21
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* Stop the render loop.
|
|
25
|
+
*/
|
|
26
|
+
block() {
|
|
27
|
+
if (this.frameRequestId === null) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
window.cancelAnimationFrame(this.frameRequestId);
|
|
31
|
+
this.frameRequestId = null;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Start the render loop.
|
|
35
|
+
*/
|
|
36
|
+
unblock() {
|
|
37
|
+
this.frameRequestId = window.requestAnimationFrame(this.boundMain);
|
|
38
|
+
}
|
|
22
39
|
/**
|
|
23
40
|
* Our main loop.
|
|
24
41
|
* @param timestamp The current timestamp.
|
|
@@ -26,7 +43,7 @@ export class RenderLoop {
|
|
|
26
43
|
#main(timestamp) {
|
|
27
44
|
const timeDelta = timestamp - this.previousTimestamp;
|
|
28
45
|
this.#drawFrame(timestamp, timeDelta);
|
|
29
|
-
|
|
46
|
+
this.unblock();
|
|
30
47
|
this.previousTimestamp = timestamp;
|
|
31
48
|
}
|
|
32
49
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-loop.js","sourceRoot":"","sources":["../../source/graphics/render-loop.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,UAAU;IACZ,MAAM,CAAqB;IAC3B,UAAU,CAAc;IACzB,iBAAiB,CAAS;IACjB,SAAS,CAA8B;
|
|
1
|
+
{"version":3,"file":"render-loop.js","sourceRoot":"","sources":["../../source/graphics/render-loop.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,UAAU;IACZ,MAAM,CAAqB;IAC3B,UAAU,CAAc;IACzB,iBAAiB,CAAS;IACjB,SAAS,CAA8B;IAChD,cAAc,GAAkB,IAAI,CAAC;IAE7C;;;;;OAKG;IACH,YAAY,UAAuB,EAAE,MAAe;QAClD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;YAChC,OAAO;SACR;QAED,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrE,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,SAAiB;QACrB,MAAM,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrD,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE,CAAC;QAEf,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,SAAiB,EAAE,KAAa;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;QAE/C,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QAED,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAErB,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,6BAA6B,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;QAC1C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC;CACF"}
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/package.json",
|
|
3
3
|
"name": "@oliversalzburg/js-utils",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.7",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Oliver Salzburg <oliver.salzburg@gmail.com>",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"exports": {
|
|
9
|
-
".":
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
".": "./lib/index.js",
|
|
10
|
+
"./lib": "./lib/index.js",
|
|
11
|
+
"./lib/*": "./lib/*.js",
|
|
12
|
+
"./lib/*.js": "./lib/*.js"
|
|
12
13
|
},
|
|
13
14
|
"scripts": {
|
|
14
15
|
"build": "yarn run build:tsc",
|