317 lines
12 KiB
HTML
317 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Pipeline Test</title>
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="./src/components.css">
|
|
|
|
<script type="module" src="./src/components.js"></script>
|
|
<style> mc-world, mc-timeline, mc-camera, mc-frame {
|
|
display: none;
|
|
} </style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Visualizer</h1>
|
|
|
|
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh mi, aliquam ut urna sit amet, mollis sodales
|
|
augue. Duis faucibus nibh eu purus egestas lobortis. In ut vehicula eros. Orci varius natoque penatibus et
|
|
magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Quisque ultricies mauris
|
|
sed tortor cursus, eu eleifend neque vulputate. Suspendisse vitae libero eu tellus porta vestibulum. Quisque
|
|
tortor turpis, tincidunt vel enim et, tempor facilisis sem. Sed condimentum elit odio, non finibus sapien
|
|
faucibus in. Duis a tempus ex. Mauris sodales nisi ut mi lacinia auctor. Nunc interdum cursus sem luctus
|
|
faucibus. Quisque mattis iaculis finibus. Aliquam commodo leo a risus porttitor, vel vulputate nisi
|
|
vehicula. </p>
|
|
|
|
<h2>Dynamic Pulses</h2>
|
|
<mc-diorama radius="4">
|
|
<mc-timeline loop autoplay controls="false"></mc-timeline>
|
|
<mc-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
|
|
t 2
|
|
p 0 0 0 powered=false
|
|
p 1 0 0 powered=true
|
|
t 4
|
|
p 1 0 0 powered=false
|
|
p 1 0 1 powered=true
|
|
t 6
|
|
p 1 0 1 powered=false
|
|
p 0 0 1 powered=true
|
|
t 8
|
|
p 0 0 0
|
|
</mc-world>
|
|
</mc-diorama>
|
|
|
|
<p> Suspendisse potenti. Nulla facilisi. Mauris non ullamcorper justo. Ut euismod lacus eget orci elementum, eu
|
|
cursus nisl pellentesque. Vestibulum ligula magna, venenatis eget ligula eu, gravida semper tellus. Praesent
|
|
quis enim eu metus hendrerit feugiat. Etiam lorem tortor, condimentum sed condimentum sit amet, placerat
|
|
vulputate ipsum. Duis varius lobortis elit, et pharetra velit feugiat sed. Class aptent taciti sociosqu ad
|
|
litora torquent per conubia nostra, per inceptos himenaeos. Cras venenatis ligula sed elit aliquam vestibulum.
|
|
Duis fringilla, mauris at lacinia posuere, mauris urna auctor lacus, vitae faucibus velit ante sit amet massa.
|
|
Ut id massa eget dui vestibulum pretium. Nunc tempus odio quis nisi ultrices, id volutpat dui tristique.
|
|
Suspendisse lacus metus, pulvinar ac urna vitae, pellentesque volutpat eros. In cursus ipsum in enim ornare, sed
|
|
tempus mi tincidunt. </p>
|
|
|
|
<mc-diorama theta="160" phi="15">
|
|
<mc-timeline loop autoplay></mc-timeline>
|
|
<mc-world>
|
|
p 0 0 0 smooth_stone_slab type=top
|
|
p 1 0 0 smooth_stone_slab type=top
|
|
p 2 0 0 smooth_stone_slab type=top
|
|
p 3 0 0 smooth_stone_slab type=top
|
|
p 4 0 0 smooth_stone_slab type=top
|
|
p 5 0 0 smooth_stone_slab type=top
|
|
p 6 0 0 smooth_stone_slab type=top
|
|
|
|
p 0 1 0 observer facing=west powered=false
|
|
p 1 1 0 repeater facing=west delay=2 powered=false locked=false
|
|
p 2 1 0 comparator facing=west mode=compare powered=false
|
|
p 3 1 0 repeater facing=west delay=1 powered=false locked=false
|
|
p 4 1 0 redstone_wire east=side west=side north=none south=none power=0
|
|
p 5 1 0 comparator facing=west mode=compare powered=false
|
|
p 6 1 0 dropper facing=east
|
|
|
|
t 2
|
|
p 0 1 0 powered=true
|
|
|
|
t 4
|
|
p 0 1 0 powered=false
|
|
|
|
t 6
|
|
p 1 1 0 powered=true
|
|
|
|
t 8
|
|
p 2 1 0 powered=true
|
|
|
|
t 10
|
|
p 1 1 0 powered=false
|
|
p 3 1 0 powered=true
|
|
p 4 1 0 power=15
|
|
|
|
t 12
|
|
p 2 1 0 powered=false
|
|
p 5 1 0 powered=true
|
|
|
|
t 14
|
|
p 3 1 0 powered=false
|
|
p 4 1 0 power=0
|
|
|
|
t 16
|
|
p 5 1 0 powered=false
|
|
|
|
t 20
|
|
p 0 0 0
|
|
</mc-world>
|
|
</mc-diorama>
|
|
|
|
<h2>Multi-view scene</h2>
|
|
|
|
<p> Phasellus tortor turpis, commodo ut tortor scelerisque, fermentum tempus nisi. Pellentesque consectetur commodo
|
|
rhoncus. Sed ullamcorper turpis dapibus, luctus nibh eu, dapibus risus. Fusce finibus ante eleifend, venenatis
|
|
sem eu, tempor elit. Duis eget lacus justo. Ut efficitur lacus a massa sagittis fringilla. Proin non dictum
|
|
eros. Etiam porttitor libero a facilisis vulputate. Duis facilisis eget arcu quis ultricies. Etiam dui erat,
|
|
luctus ut tristique vitae, fermentum quis magna. </p>
|
|
|
|
<mc-frame id="d-latch">
|
|
<mc-world>
|
|
p -1 0 0 smooth_stone_slab type=top
|
|
p 0 0 0 smooth_stone_slab type=top
|
|
p 1 0 0 smooth_stone_slab type=top
|
|
p 2 0 0 smooth_stone_slab type=top
|
|
p 3 0 0 smooth_stone_slab type=top
|
|
p 4 0 0 smooth_stone_slab type=top
|
|
p -1 0 -1 smooth_stone_slab type=top
|
|
p 0 0 -1 smooth_stone_slab type=top
|
|
p 1 0 -1 smooth_stone_slab type=top
|
|
p 2 0 -1 smooth_stone_slab type=top
|
|
p 3 0 -1 smooth_stone_slab type=top
|
|
p 4 0 -1 smooth_stone_slab type=top
|
|
p -1 0 1 smooth_stone_slab type=top
|
|
p 0 0 1 smooth_stone_slab type=top
|
|
p 1 0 1 smooth_stone_slab type=top
|
|
p 2 0 1 smooth_stone_slab type=top
|
|
p 3 0 1 smooth_stone_slab type=top
|
|
p 4 0 1 smooth_stone_slab type=top
|
|
|
|
p 2 1 1 light_blue_terracotta
|
|
p 1 1 -1 lime_terracotta
|
|
|
|
p 4 1 1 light_gray_terracotta
|
|
p 4 1 -1 light_gray_terracotta
|
|
|
|
p 1 1 0 redstone_wall_torch lit=true facing=south
|
|
p 2 1 0 redstone_wall_torch lit=false facing=north
|
|
|
|
p -1 1 1 redstone_lamp lit=true
|
|
p 0 1 1 redstone_wire east=side north=none south=none west=side power=14
|
|
p 1 1 1 redstone_wire east=up north=side south=none west=side power=15
|
|
p 2 2 1 redstone_wire east=side north=none south=none west=side power=14
|
|
p 3 1 1 redstone_wire east=side north=none south=none west=up power=13
|
|
p 5 1 1 stone_button face=wall powered=false facing=east
|
|
|
|
p -1 1 -1 redstone_lamp lit=false
|
|
p 0 1 -1 redstone_wire east=up north=none south=none west=side power=0
|
|
p 1 2 -1 redstone_wire east=side north=none south=none west=side power=0
|
|
p 2 1 -1 redstone_wire east=side north=none south=side west=up power=0
|
|
p 3 1 -1 redstone_wire east=side north=none south=none west=side power=0
|
|
p 5 1 -1 stone_button face=wall powered=false facing=east
|
|
|
|
t 2
|
|
p 5 1 -1 powered=true
|
|
p 0 1 -1 power=15
|
|
p 1 2 -1 power=15
|
|
p 2 1 -1 power=15
|
|
p 3 1 -1 power=15
|
|
|
|
t 4
|
|
p 1 1 0 lit=false
|
|
p 0 1 1 power=0
|
|
p 1 1 1 power=0
|
|
p 2 2 1 power=0
|
|
p 3 1 1 power=0
|
|
|
|
t 6
|
|
p -1 1 -1 lit=true
|
|
p 2 1 0 lit=true
|
|
p 0 1 -1 power=15
|
|
p 1 2 -1 power=15
|
|
p 2 1 -1 power=15
|
|
p 3 1 -1 power=15
|
|
|
|
t 8
|
|
p -1 1 1 lit=false
|
|
|
|
t 22
|
|
p 5 1 -1 powered=false
|
|
p 0 1 -1 power=15
|
|
p 1 2 -1 power=15
|
|
p 2 1 -1 power=15
|
|
p 3 1 -1 power=15
|
|
|
|
t 32
|
|
p 5 1 1 powered=true
|
|
p 0 1 1 power=15
|
|
p 1 1 1 power=15
|
|
p 2 2 1 power=15
|
|
p 3 1 1 power=15
|
|
|
|
t 34
|
|
p 2 1 0 lit=false
|
|
p 0 1 -1 power=0
|
|
p 1 2 -1 power=0
|
|
p 2 1 -1 power=0
|
|
p 3 1 -1 power=0
|
|
|
|
t 36
|
|
p -1 1 1 lit=true
|
|
p 1 1 0 lit=true
|
|
|
|
t 38
|
|
p -1 1 -1 lit=false
|
|
|
|
t 52
|
|
p 5 1 1 powered=false
|
|
|
|
t 60
|
|
p 0 0 0
|
|
</mc-world>
|
|
</mc-frame>
|
|
|
|
<div class="grid-2col">
|
|
<mc-diorama frameid="d-latch" radius="6" theta="140" phi="25" target="2 1 0.5" style="border: 1px solid white">
|
|
<mc-timeline autoplay controls="true" loop></mc-timeline>
|
|
<mc-camera pan="false" zoom="false"></mc-camera>
|
|
</mc-diorama>
|
|
<mc-diorama frameid="d-latch" radius="6" theta="180" phi="90" target="2 1 0.5" style="border: 1px solid white"></mc-diorama>
|
|
</div>
|
|
|
|
<p> Sed urna ante, aliquet et ex nec, posuere laoreet sem. Aenean non sem a massa vehicula faucibus. Donec varius
|
|
mattis elit ut efficitur. Aenean quis mattis urna. Praesent quis lacus ac ligula sollicitudin mattis. Donec mi
|
|
enim, suscipit eget urna a, consectetur suscipit sapien. Etiam lacinia, arcu vel fermentum vulputate, erat nibh
|
|
efficitur eros, euismod varius ex eros in urna. Nulla magna ex, congue ac finibus sit amet, tristique nec
|
|
ante. </p>
|
|
|
|
<h2>Dynamic Timeline Control</h2>
|
|
<mc-diorama>
|
|
<mc-camera orbit></mc-camera>
|
|
<mc-timeline loop subticks></mc-timeline>
|
|
<mc-world>
|
|
p 0 -1 0 smooth_stone_slab type=top
|
|
p 1 -1 0 smooth_stone_slab type=top
|
|
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 sticky_piston facing=east extended=false
|
|
p 2 -1 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
|
|
l begin-extend
|
|
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=sticky
|
|
p 2 -1 0 extended=true
|
|
p 2.5 -1 0 piston_head facing=east short=true type=normal
|
|
t 8
|
|
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=sticky
|
|
p 2.5 -1 0 air &
|
|
p 3.0 -1 0 piston_head facing=east short=false type=normal
|
|
l end-extend
|
|
t 12
|
|
p 0 0 0 power=0
|
|
t 16
|
|
p 1 0 0 powered=false
|
|
l begin-retract
|
|
t 17
|
|
p 3 0 0 air &
|
|
p 2.5 0 0 piston_head facing=east short=true type=sticky
|
|
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
|
|
p 3.0 -1 0 air &
|
|
p 2.5 -1 0 piston_head facing=east short=true type=normal
|
|
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
|
|
p 2.5 -1 0 air
|
|
p 2 -1 0 extended=false
|
|
l end-retract
|
|
</mc-world>
|
|
</mc-diorama>
|
|
|
|
<p> Suspendisse potenti. Nulla facilisi. Mauris non ullamcorper justo. Ut euismod lacus eget orci elementum, eu
|
|
cursus nisl pellentesque. Vestibulum ligula magna, venenatis eget ligula eu, gravida semper tellus. Praesent
|
|
quis enim eu metus hendrerit feugiat. Etiam lorem tortor, condimentum sed condimentum sit amet, placerat
|
|
vulputate ipsum. Duis varius lobortis elit, et pharetra velit feugiat sed. Class aptent taciti sociosqu ad
|
|
litora torquent per conubia nostra, per inceptos himenaeos. Cras venenatis ligula sed elit aliquam vestibulum.
|
|
Duis fringilla, mauris at lacinia posuere, mauris urna auctor lacus, vitae faucibus velit ante sit amet massa.
|
|
Ut id massa eget dui vestibulum pretium. Nunc tempus odio quis nisi ultrices, id volutpat dui tristique.
|
|
Suspendisse lacus metus, pulvinar ac urna vitae, pellentesque volutpat eros. In cursus ipsum in enim ornare, sed
|
|
tempus mi tincidunt. </p>
|
|
</main>
|
|
</body>
|
|
</html> |