wip more dioramas

content/design.typ

@@ -1,8 +1,129 @@
+#import "/lib.typ": diorama
+
 = Design Tips
 
 == Synchronization
 === Daylight Detector
+
+#[#show raw.where(lang: "mc-diorama"): it => diorama(
+    autoplay: true,
+    loop: true,
+    radius: 5,
+    theta: 115,
+    phi: 20,
+    it.text,
+  )
+
+  ```mc-diorama
+  p 0 0 0 smooth_stone_slab type=top
+  p 0 1 0 daylight_detector inverted=true
+  p 0 2 0 piston facing=north extended=false
+  p 0 0 -1 smooth_stone_slab type=top
+  p 0 1 -1 observer facing=south powered=false
+  t 0
+  p 0 2 0 extended=true
+  p 0 2 -0.5 piston_head facing=north short=true type=normal
+  t 1
+  p 0 2 -0.5 air
+  p 0 2 -1 piston_head facing=north short=false type=normal
+  t 2
+  p 0 1 -1 powered=true
+  t 4
+  p 0 1 -1 powered=false
+
+  t 20
+  p 0 2 -1 air
+  p 0 2 -0.5 piston_head facing=north short=true type=normal
+
+  t 21
+  p 0 2 -0.5 air
+  p 0 2 0 extended=false
+
+  t 22
+  p 0 1 -1 powered=true
+  t 24
+  p 0 1 -1 powered=false
+
+  t 40
+  p 0 0 0
+
+  ```
+
+  ```mc-diorama
+  p 1 -1 -1 smooth_stone_slab type=top
+  p 0 -1 -1 smooth_stone_slab type=top
+  p 1 -1 0 smooth_stone_slab type=top
+  p 0 -1 0 smooth_stone_slab type=top
+  p 1 -1 1 smooth_stone_slab type=top
+  p 0 -1 1 smooth_stone_slab type=top
+  p 1 -1 2 smooth_stone_slab type=top
+  p 0 -1 2 smooth_stone_slab type=top
+
+  p 1 0 0 daylight_detector inverted=true
+  p 0 0 0 daylight_detector inverted=true
+  p 0 0 1 comparator facing=north mode=subtract powered=false
+  p 1 0 1 redstone_wire north=side west=side power=12
+  p 0 0 2 black_concrete
+  p 0 1 2 redstone_wire north=side south=side east=side west=side power=0
+  p 0 1 1 sticky_piston facing=north extended=false
+  p 0 1 0 light_gray_terracotta
+  p 0 0 -1 observer facing=south powered=false
+
+  t 2
+  p 0 0 1 powered=true
+  p 0 1 2 power=1
+
+  t 3
+  p 0 1 1 extended=true
+  p 0 1 0 air
+  p 0 1 -.5 light_gray_terracotta
+  p 0 1 .5 piston_head type=sticky short=true facing=north
+
+  t 4
+  p 0 0 -1 powered=true
+  p 0 1 -.5 air
+  p 0 1 .5 air
+  p 0 1 -1 light_gray_terracotta
+  p 0 1 0 piston_head type=sticky short=false facing=north
+
+  t 6
+  p 0 0 -1 powered=false
+
+  t 22
+  p 0 0 1 powered=false
+  p 0 1 2 power=0
+
+  t 23
+  p 0 1 -1 air
+  p 0 1 0 air
+  p 0 1 -.5 light_gray_terracotta
+  p 0 1 .5 piston_head type=sticky short=true facing=north
+
+  t 24
+  p 0 1 -.5 air
+  p 0 1 .5 air
+  p 0 1 0 light_gray_terracotta
+  p 0 1 1 extended=false
+  p 0 0 -1 powered=true
+
+  t 26
+  p 0 0 -1 powered=false
+
+  t 40
+  p 0 0 0
+  ```]
+
+
 === Geyser
 === Synchronization Protocols
 == Settling time
 == Horizontal vs Vertical Arrangement
+
+#html.div(id: "atlas-container", style: "position: fixed; left: 0; top: 0; border 1px solid white;")
+#html.script(
+  "
+document.onreadystatechange = () => {
+document.getElementById('atlas-container')?.appendChild(window.mcEngine.atlas.canvas)
+}
+",
+)