tangent128/2024.js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Demo tick source, and structure for other demos

Browse source
This commit is contained in:
Tangent Wantwight 2024-01-23 23:29:31 -05:00
parent 7d25c3e676
commit 3dbca6edb6
3 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
debug.html Normal file
View file

@ -0,0 +1,11 @@
<html>
<head>
<title>Misc. Infrastructure POCs</title>
</head>
<body>
<script src="js/debug.js"></script>
<script>
document.body.append(...TickDebug());
</script>
</body>
</html>

3
debug.ts Normal file
View file

@ -0,0 +1,3 @@
import { TickDebug } from "./debug/tick";
Object.assign(globalThis, { TickDebug });

36
debug/tick.ts Normal file
View file

@ -0,0 +1,36 @@
import { h } from "../lib/html";
import { Cancel } from "../lib/source";
import { tick } from "../lib/tick";
export function TickDebug() {
const output = h("pre", {});
const tickSource = tick(30);
let cancel: Cancel;
const begin = () => {
// reset / init
cancel?.();
output.innerHTML = "";
// subscribe to source, stash cancellation func
cancel = tickSource((tick) => {
switch (tick[0]) {
case "physics":
output.append(`${new Date().toISOString()}: Physics\n`);
break;
case "render":
output.append(
`${new Date().toISOString()}: Render (dt=${tick[1]})\n`
);
break;
}
});
};
const end = () => cancel?.();
const start = h("button", { onclick: begin }, "Begin");
const stop = h("button", { onclick: end }, "Cease");
return [h("h1", {}, "Tick Event Demo"), start, stop, output, h("hr")];
}