me/wireless-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

batching

Browse Source
This commit is contained in:
David Allemang
2026-07-05 18:46:47 -04:00
parent 1759e89b3b
commit 5b99030093
3 changed files with 188 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
index.html
View File

@@ -32,18 +32,21 @@
<main>
<h1>Visualizer</h1>
<h2>Static</h2>
<div class="figure" id="demo-1"></div>
<h2>Dynamic</h2>
<div class="figure" id="demo-pulses"></div>
<div class="figure" id="demo-time"></div>
<div class="figure" id="demo-state"></div>
<h2>Static Sub-Figures</h2>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div class="figure" id="demo-2"></div>
<div class="figure" id="demo-3"></div>
</div>
<div id="atlas-container"
style="position: fixed; left: 0; top: 0; border: 1px solid white;"></div>
<div id="atlas-container" style="position: absolute; right: 0; top: 0"></div>
</main>
<script type="module">
@@ -64,10 +67,46 @@
p 0 -2 0 piston facing=north extended=false
`)
const world2 = new World(`
const pulses = `
p 0 0 0 observer facing=north powered=false
p 0 0 1 piston facing=south extended=false
p 0 -1 1 observer facing=up powered=false
p 0 -1 2 observer facing=up powered=false
t 2
p 0 0 0 powered=true
p 0 0 1 extended=true
t 3
p 0 0 1.5 piston_head facing=south short=true type=normal
t 4
p 0 0 0 powered=false
p 0 -1 1 powered=true
p 0 -1 2 powered=true
t 6
p 0 -1 1 powered=false
p 0 -1 2 powered=false
`;
const world_pulses = new World(pulses);
const demo_pulses = new Diorama('demo-pulses', world_pulses, () => engine.requestRender())
demo_pulses.radius = 4;
demo_pulses.centerView()
demo_pulses.saveState()
engine.addDiorama(demo_pulses);
const piston = `
p 0 0 0 redstone_wire power=0 east=side west=none north=none south=none
p 1 0 0 repeater facing=west powered=false locked=false delay=2
p 2 0 0 piston facing=east extended=false
p 3 0 0 slime_block
p 4 0 0 slime_block
t 2
p 0 0 0 power=15
@@ -77,11 +116,20 @@
t 7
p 2 0 0 extended=true
p 4.0 0 0 air &
p 4.5 0 0 slime_block
p 3.0 0 0 air &
p 3.5 0 0 slime_block
p 2.5 0 0 piston_head facing=east short=true type=normal
t 8
p 2.5 0 0 air
p 3 0 0 piston_head facing=east short=false type=normal
p 4.5 0 0 air &
p 5.0 0 0 slime_block
p 3.5 0 0 air &
p 4.0 0 0 slime_block
p 2.5 0 0 air &
p 3.0 0 0 piston_head facing=east short=false type=normal
t 12
p 0 0 0 power=0
@@ -90,23 +138,38 @@
p 1 0 0 powered=false
t 17
p 3 0 0 air
p 3 0 0 air &
p 2.5 0 0 piston_head facing=east short=true type=normal
p 4.0 0 0 air &
p 3.5 0 0 slime_block
p 5.0 0 0 air &
p 4.5 0 0 slime_block
t 18
p 2.5 0 0 air
p 3.5 0 0 air &
p 3.0 0 0 slime_block
p 4.5 0 0 air &
p 4.0 0 0 slime_block
p 2 0 0 extended=false
`);
`;
const demo1 = new Diorama('demo-1', world1, () => engine.requestRender())
demo1.radius = 3;
demo1.phi = 10;
demo1.theta = -5;
demo1.target = [0.5, 0, 0.5]
demo1.saveState()
engine.addDiorama(demo1);
const piston_time = new World(piston);
const piston_state = new World(piston);
const demo2 = new Diorama('demo-2', world2, () => engine.requestRender())
const demo_time = new Diorama('demo-time', piston_time, () => engine.requestRender())
demo_time.radius = 4;
demo_time.centerView()
demo_time.saveState()
engine.addDiorama(demo_time);
const demo_state = new Diorama('demo-state', piston_state, () => engine.requestRender())
demo_state.radius = 4;
demo_state.centerView()
demo_state.saveState()
engine.addDiorama(demo_state);
const demo2 = new Diorama('demo-2', world1, () => engine.requestRender())
demo2.radius = 5;
demo2.theta = 180;
demo2.phi = 90;
@@ -114,7 +177,7 @@
demo2.saveState()
engine.addDiorama(demo2);
const demo3 = new Diorama('demo-3', world2, () => engine.requestRender())
const demo3 = new Diorama('demo-3', world1, () => engine.requestRender())
demo3.radius = 5;
demo3.centerView()
demo3.saveState()
@@ -123,20 +186,40 @@
// Fetch and build everything concurrently!
await engine.updateAll();
const factor = 1;
setInterval(() => {
const factor = 2.5;
const update_time = () => {
for (let i = 0; i < 20; i++) {
setTimeout(() => world2.seek(i), i * factor * 50)
setTimeout(() => piston_time.seek(i), i * factor * 50)
}
}, factor * 1000)
};
setInterval(update_time, factor * 1000)
update_time();
// let i = 0;
// let n = world2.eventCount;
// setInterval(() => {
// world2.seekIndex(i);
// i = (i + 1) % n;
// }, 500);
let i = 0;
let n = piston_state.eventCount;
const update_state = () => {
piston_state.seekIndex(i);
i = (i + 1) % n;
};
setInterval(update_state, 250);
update_state()
const update_pulses = () => {
for (let i = 0; i < 10; i++) {
setTimeout(() => world_pulses.seek(i), i * factor * 50)
}
};
setInterval(update_pulses, factor * 500)
update_pulses();
// let j = 0;
// let m = world_pulses.eventCount;
// const update_pulses = () => {
// world_pulses.seekIndex(j);
// j = (j + 1) % m;
// };
// setInterval(update_pulses, 250);
// update_state()
} catch (err) {
console.error("Renderer Initialization Failed:", err);