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

very wip scrubber and camera

Browse Source
This commit is contained in:
David Allemang
2026-07-05 22:12:26 -04:00
parent fcd26b32d1
commit 5a201f0cfd
5 changed files with 385 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
index.html
View File

@@ -36,9 +36,7 @@
<div class="figure" id="demo-pulses"></div>
<div class="figure" id="demo-time"></div>
<div class="figure" id="demo-state"></div>
<div class="figure" id="demo-piston"></div>
<h2>Static Sub-Figures</h2>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
@@ -53,6 +51,8 @@
import {Engine} from './engine.js';
import {Diorama} from './diorama.js';
import {World, WorldFrame} from './world.js';
import {SubtickScrubber} from "./scrubber.js";
import {CameraController} from "./camera.js";
async function initDocument() {
try {
@@ -79,6 +79,7 @@
d_static_iso.centerView();
d_static_iso.saveState();
engine.addDiorama(d_static_iso);
const c_static_iso = new CameraController(d_static_iso);
const w_pulses = new World(`
p 0 0 0 observer facing=south powered=false
@@ -158,48 +159,45 @@
p 2 -1 0 extended=false
`);
const f_piston_t = new WorldFrame(w_piston);
const d_piston_t = new Diorama('demo-time', f_piston_t, () => engine.requestRender());
const d_piston_t = new Diorama('demo-piston', f_piston_t, () => engine.requestRender());
d_piston_t.radius = 4;
d_piston_t.centerView();
d_piston_t.saveState();
engine.addDiorama(d_piston_t);
const f_piston_s = new WorldFrame(w_piston);
const d_piston_s = new Diorama('demo-state', f_piston_s, () => engine.requestRender());
d_piston_s.theta = 180
d_piston_s.phi = 0
d_piston_s.radius = 4;
d_piston_s.centerView();
d_piston_s.saveState();
engine.addDiorama(d_piston_s);
const s_piston_t = new SubtickScrubber('demo-piston', f_piston_t, d_piston_t)
const c_piston = new CameraController(d_piston_t)
// Fetch and build everything concurrently!
await engine.updateAll();
engine.requestRender();
const factor = 2.5;
const update_time = () => {
for (let i = 0; i < 20; i++) {
setTimeout(() => f_piston_t.seek(i), i * factor * 50)
}
};
setInterval(update_time, factor * 1000)
update_time();
let i = 0;
let n = w_piston.eventCount;
const update_state = () => {
f_piston_s.seekIndex(i);
i = (i + 1) % n;
};
setInterval(update_state, 250);
update_state()
const update_pulses = () => {
for (let i = 0; i < 8; i++) {
setTimeout(() => f_pulses.seek(i), i * factor * 50)
}
};
setInterval(update_pulses, factor * 8 * 50)
update_pulses();
// const factor = 2.5;
// const update_time = () => {
// for (let i = 0; i < 20; i++) {
// setTimeout(() => f_piston_t.seek(i), i * factor * 50)
// }
// };
// setInterval(update_time, factor * 1000)
// update_time();
//
// let i = 0;
// let n = w_piston.eventCount;
// const update_state = () => {
// f_piston_s.seekIndex(i);
// i = (i + 1) % n;
// };
// setInterval(update_state, 250);
// update_state()
//
// const update_pulses = () => {
// for (let i = 0; i < 8; i++) {
// setTimeout(() => f_pulses.seek(i), i * factor * 50)
// }
// };
// setInterval(update_pulses, factor * 8 * 50)
// update_pulses();
} catch (err) {
console.error("Renderer Initialization Failed:", err);
}