split 'world', 'frame'.
This commit is contained in:
144
index.html
144
index.html
@@ -52,77 +52,76 @@
|
||||
<script type="module">
|
||||
import {Engine} from './engine.js';
|
||||
import {Diorama} from './diorama.js';
|
||||
import {World} from './world.js';
|
||||
import {World, WorldFrame} from './world.js';
|
||||
|
||||
async function initDocument() {
|
||||
try {
|
||||
const engine = new Engine();
|
||||
document.getElementById('atlas-container')?.appendChild(engine.atlas.canvas);
|
||||
|
||||
const world1 = new World(`
|
||||
const w_static = new World(`
|
||||
p -1 0 0 redstone_wire east=side west=none north=none south=none power=15
|
||||
p 0 0 0 repeater facing=east delay=1 locked=false powered=true
|
||||
p 2 0 0 oak_trapdoor facing=east half=bottom open=true
|
||||
p 0 -1 0 lodestone
|
||||
p 0 -2 0 piston facing=north extended=false
|
||||
`)
|
||||
const f_static = new WorldFrame(w_static);
|
||||
const d_static_top = new Diorama('demo-2', f_static, () => engine.requestRender());
|
||||
d_static_top.radius = 5;
|
||||
d_static_top.theta = 180;
|
||||
d_static_top.phi = 90;
|
||||
d_static_top.centerView();
|
||||
d_static_top.saveState();
|
||||
engine.addDiorama(d_static_top)
|
||||
const d_static_iso = new Diorama('demo-3', f_static, () => engine.requestRender());
|
||||
d_static_iso.radius = 5;
|
||||
d_static_iso.centerView();
|
||||
d_static_iso.saveState();
|
||||
engine.addDiorama(d_static_iso);
|
||||
|
||||
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
|
||||
const w_pulses = new World(`
|
||||
p 0 0 0 observer facing=south powered=false
|
||||
p 0 0 1 observer facing=east powered=false
|
||||
p 1 0 1 observer facing=north powered=false
|
||||
p 1 0 0 observer facing=west powered=false
|
||||
t 0
|
||||
p 0 0 1 powered=false
|
||||
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
|
||||
t 2
|
||||
p 0 0 0 powered=false
|
||||
|
||||
p 0 -1 1 powered=true
|
||||
|
||||
p 0 -1 2 powered=true
|
||||
|
||||
p 1 0 0 powered=true
|
||||
t 4
|
||||
p 1 0 0 powered=false
|
||||
p 1 0 1 powered=true
|
||||
t 6
|
||||
p 0 -1 1 powered=false
|
||||
p 0 -1 2 powered=false
|
||||
`;
|
||||
p 1 0 1 powered=false
|
||||
p 0 0 1 powered=true
|
||||
`);
|
||||
const f_pulses = new WorldFrame(w_pulses);
|
||||
const d_pulses = new Diorama('demo-pulses', f_pulses, () => engine.requestRender());
|
||||
d_pulses.radius = 4;
|
||||
d_pulses.centerView()
|
||||
d_pulses.saveState()
|
||||
engine.addDiorama(d_pulses);
|
||||
|
||||
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 = `
|
||||
const w_piston = new World(`
|
||||
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
|
||||
|
||||
t 6
|
||||
p 1 0 0 powered=true
|
||||
|
||||
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 4.5 0 0 air &
|
||||
p 5.0 0 0 slime_block
|
||||
@@ -130,13 +129,10 @@
|
||||
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
|
||||
|
||||
t 16
|
||||
p 1 0 0 powered=false
|
||||
|
||||
t 17
|
||||
p 3 0 0 air &
|
||||
p 2.5 0 0 piston_head facing=east short=true type=normal
|
||||
@@ -144,7 +140,6 @@
|
||||
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 &
|
||||
@@ -152,36 +147,19 @@
|
||||
p 4.5 0 0 air &
|
||||
p 4.0 0 0 slime_block
|
||||
p 2 0 0 extended=false
|
||||
`;
|
||||
|
||||
const piston_time = new World(piston);
|
||||
const piston_state = new World(piston);
|
||||
|
||||
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;
|
||||
demo2.centerView()
|
||||
demo2.saveState()
|
||||
engine.addDiorama(demo2);
|
||||
|
||||
const demo3 = new Diorama('demo-3', world1, () => engine.requestRender())
|
||||
demo3.radius = 5;
|
||||
demo3.centerView()
|
||||
demo3.saveState()
|
||||
engine.addDiorama(demo3);
|
||||
`);
|
||||
const f_piston_t = new WorldFrame(w_piston);
|
||||
const d_piston_t = new Diorama('demo-time', 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.radius = 4;
|
||||
d_piston_s.centerView();
|
||||
d_piston_s.saveState();
|
||||
engine.addDiorama(d_piston_s);
|
||||
|
||||
// Fetch and build everything concurrently!
|
||||
await engine.updateAll();
|
||||
@@ -189,38 +167,28 @@
|
||||
const factor = 2.5;
|
||||
const update_time = () => {
|
||||
for (let i = 0; i < 20; i++) {
|
||||
setTimeout(() => piston_time.seek(i), i * factor * 50)
|
||||
setTimeout(() => f_piston_t.seek(i), i * factor * 50)
|
||||
}
|
||||
};
|
||||
setInterval(update_time, factor * 1000)
|
||||
update_time();
|
||||
|
||||
let i = 0;
|
||||
let n = piston_state.eventCount;
|
||||
let n = w_piston.eventCount;
|
||||
const update_state = () => {
|
||||
piston_state.seekIndex(i);
|
||||
f_piston_s.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)
|
||||
for (let i = 0; i < 8; i++) {
|
||||
setTimeout(() => f_pulses.seek(i), i * factor * 50)
|
||||
}
|
||||
};
|
||||
setInterval(update_pulses, factor * 500)
|
||||
setInterval(update_pulses, factor * 8 * 50)
|
||||
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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user