.

author: Kartik K. Agaram <vc@akkartik.com> 2021-07-16 08:38:43 -0700
committer: Kartik K. Agaram <vc@akkartik.com> 2021-07-16 08:38:43 -0700
commit: 78357b8852626b510527f3b8d770a7dd8956fcc7 (patch)
tree: 5e38d0f616ab151e66618090487b41dd2fc348e0 /html/apps
parent: 44d26b77c45668c9b0c99894a4294cec004361fe (diff)
download: mu-78357b8852626b510527f3b8d770a7dd8956fcc7.tar.gz
21 files changed, 5340 insertions, 0 deletions
diff --git a/html/apps/*.subx.html b/html/apps/*.subx.html
new file mode 100644
index 00000000..afdc5581
--- /dev/null
+++ b/html/apps/*.subx.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/*.subx</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.LineNr { }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/*.subx'>https://github.com/akkartik/mu/blob/main/apps/*.subx</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">1 </span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/colors.mu.html b/html/apps/colors.mu.html
new file mode 100644
index 00000000..2085fbdd
--- /dev/null
+++ b/html/apps/colors.mu.html
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/colors.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEbx { color: #5f00ff; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.CommentedCode { color: #8a8a8a; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/colors.mu'>https://github.com/akkartik/mu/blob/main/apps/colors.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Return colors 'near' a given r/g/b value (expressed in hex)</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment"># If we did this rigorously we'd need to implement cosines. So we won't.</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment">#</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment"># To build:</span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment">#   $ ./translate apps/colors.mu</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment">#</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment"># Example session:</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment">#   Enter 3 hex bytes for r, g, b (lowercase; no 0x prefix) separated by a single space&gt; aa 0 aa</span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment">#   5</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment"># This means only color 5 in the default palette is similar to #aa00aa.</span>
+<span id="L12" class="LineNr"> 12 </span>
+<span id="L13" class="LineNr"> 13 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='colors.mu.html#L13'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L14" class="LineNr"> 14 </span>  <span class="PreProc">var</span> in-storage: (stream byte <span class="Constant">0x10</span>)
+<span id="L15" class="LineNr"> 15 </span>  <span class="PreProc">var</span> in/<span class="muRegEsi">esi</span>: (addr stream byte) <span class="Special">&lt;-</span> address in-storage
+<span id="L16" class="LineNr"> 16 </span>  <span class="Delimiter">{</span>
+<span id="L17" class="LineNr"> 17 </span>    <span class="muComment"># print prompt</span>
+<span id="L18" class="LineNr"> 18 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L100'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;Enter 3 hex bytes for r, g, b (lowercase; no 0x prefix) separated by a single space&gt; &quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x80</span>/xmax, <span class="Constant">0x28</span>/y, <span class="Constant">3</span>/fg/cyan, <span class="Constant">0</span>/bg
+<span id="L19" class="LineNr"> 19 </span>    <span class="muComment"># read line from keyboard</span>
+<span id="L20" class="LineNr"> 20 </span>    <a href='../106stream.subx.html#L20'>clear-stream</a> in
+<span id="L21" class="LineNr"> 21 </span>    <span class="Delimiter">{</span>
+<span id="L22" class="LineNr"> 22 </span>      <a href='../500fake-screen.mu.html#L237'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x20</span>/space
+<span id="L23" class="LineNr"> 23 </span>      <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L24" class="LineNr"> 24 </span>      compare key, <span class="Constant">0xa</span>/newline
+<span id="L25" class="LineNr"> 25 </span>      <span class="PreProc">break-if-=</span>
+<span id="L26" class="LineNr"> 26 </span>      compare key, <span class="Constant">0</span>
+<span id="L27" class="LineNr"> 27 </span>      <span class="PreProc">loop-if-=</span>
+<span id="L28" class="LineNr"> 28 </span>      <span class="PreProc">var</span> key2/eax: int <span class="Special">&lt;-</span> copy key
+<span id="L29" class="LineNr"> 29 </span>      <a href='../115write-byte.subx.html#L12'>append-byte</a> in, key2
+<span id="L30" class="LineNr"> 30 </span>      <span class="PreProc">var</span> g/eax: grapheme <span class="Special">&lt;-</span> copy key2
+<span id="L31" class="LineNr"> 31 </span>      <a href='../501draw-text.mu.html#L84'>draw-grapheme-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, g, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L32" class="LineNr"> 32 </span>      <a href='../501draw-text.mu.html#L16'>move-cursor-right</a> <span class="Constant">0</span>
+<span id="L33" class="LineNr"> 33 </span>      <span class="PreProc">loop</span>
+<span id="L34" class="LineNr"> 34 </span>    <span class="Delimiter">}</span>
+<span id="L35" class="LineNr"> 35 </span>    <a href='../500fake-screen.mu.html#L251'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L36" class="LineNr"> 36 </span>    <span class="muComment"># parse</span>
+<span id="L37" class="LineNr"> 37 </span>    <span class="PreProc">var</span> a/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L38" class="LineNr"> 38 </span>    <span class="PreProc">var</span> b/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L39" class="LineNr"> 39 </span>    <span class="PreProc">var</span> c/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L40" class="LineNr"> 40 </span>    <span class="muComment"># a, b, c = r, g, b</span>
+<span id="L41" class="LineNr"> 41 </span>    a, b, c <span class="Special">&lt;-</span> <a href='colors.mu.html#L65'>parse</a> in
+<span id="L42" class="LineNr"> 42 </span><span class="CommentedCode">#?     set-cursor-position screen, 0x10/x, 0x1a/y</span>
+<span id="L43" class="LineNr"> 43 </span><span class="CommentedCode">#?     draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, a, 7/fg, 0/bg</span>
+<span id="L44" class="LineNr"> 44 </span><span class="CommentedCode">#?     draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L45" class="LineNr"> 45 </span><span class="CommentedCode">#?     draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, b, 7/fg, 0/bg</span>
+<span id="L46" class="LineNr"> 46 </span><span class="CommentedCode">#?     draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L47" class="LineNr"> 47 </span><span class="CommentedCode">#?     draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, c, 7/fg, 0/bg</span>
+<span id="L48" class="LineNr"> 48 </span>    a, b, c <span class="Special">&lt;-</span> <a href='../505colors.mu.html#L51'>hsl</a> a, b, c
+<span id="L49" class="LineNr"> 49 </span>    <span class="muComment"># return all colors in the same quadrant in h, s and l</span>
+<span id="L50" class="LineNr"> 50 </span>    <a href='colors.mu.html#L189'>print-nearby-colors</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, a, b, c
+<span id="L51" class="LineNr"> 51 </span>    <span class="muComment"># another metric</span>
+<span id="L52" class="LineNr"> 52 </span>    <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='../505colors.mu.html#L260'>nearest-color-euclidean-hsl</a> a, b, c
+<span id="L53" class="LineNr"> 53 </span>    <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x10</span>/x, <span class="Constant">0x26</span>/y
+<span id="L54" class="LineNr"> 54 </span>    <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;nearest (euclidean, h/s/l): &quot;</span>, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L55" class="LineNr"> 55 </span>    <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, color, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L56" class="LineNr"> 56 </span>    <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot; &quot;</span>, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L57" class="LineNr"> 57 </span>    <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;               &quot;</span>, <span class="Constant">0</span>/fg, color
+<span id="L58" class="LineNr"> 58 </span>    <span class="muComment">#</span>
+<span id="L59" class="LineNr"> 59 </span>    <span class="PreProc">loop</span>
+<span id="L60" class="LineNr"> 60 </span>  <span class="Delimiter">}</span>
+<span id="L61" class="LineNr"> 61 </span><span class="Delimiter">}</span>
+<span id="L62" class="LineNr"> 62 </span>
+<span id="L63" class="LineNr"> 63 </span><span class="muComment"># read exactly 3 words in a single line</span>
+<span id="L64" class="LineNr"> 64 </span><span class="muComment"># Each word consists of exactly 1 or 2 hex bytes. No hex prefix.</span>
+<span id="L65" class="LineNr"> 65 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='colors.mu.html#L65'>parse</a></span> in: (addr stream byte)<span class="PreProc"> -&gt; </span>_/<span class="muRegEcx">ecx</span>: int, _/<span class="muRegEdx">edx</span>: int, _/<span class="muRegEbx">ebx</span>: int <span class="Delimiter">{</span>
+<span id="L66" class="LineNr"> 66 </span>  <span class="muComment"># read first byte of r</span>
+<span id="L67" class="LineNr"> 67 </span>  <span class="PreProc">var</span> tmp/eax: byte <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in
+<span id="L68" class="LineNr"> 68 </span>  <span class="Delimiter">{</span>
+<span id="L69" class="LineNr"> 69 </span>    <span class="PreProc">var</span> valid?/eax: boolean <span class="Special">&lt;-</span> <a href='../118parse-hex-int.subx.html#L701'>hex-digit?</a> tmp
+<span id="L70" class="LineNr"> 70 </span>    compare valid?, <span class="Constant">0</span>/false
+<span id="L71" class="LineNr"> 71 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L72" class="LineNr"> 72 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;invalid byte 0 of r&quot;</span>
+<span id="L73" class="LineNr"> 73 </span>  <span class="Delimiter">}</span>
+<span id="L74" class="LineNr"> 74 </span>  tmp <span class="Special">&lt;-</span> <a href='colors.mu.html#L176'>fast-hex-digit-value</a> tmp
+<span id="L75" class="LineNr"> 75 </span>  <span class="PreProc">var</span> r/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L76" class="LineNr"> 76 </span><span class="CommentedCode">#?   set-cursor-position 0/screen, 0x10/x, 0x10/y</span>
+<span id="L77" class="LineNr"> 77 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, r, 7/fg, 0/bg</span>
+<span id="L78" class="LineNr"> 78 </span>  <span class="muComment"># read second byte of r</span>
+<span id="L79" class="LineNr"> 79 </span>  tmp <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in
+<span id="L80" class="LineNr"> 80 </span>  <span class="Delimiter">{</span>
+<span id="L81" class="LineNr"> 81 </span>    <span class="Delimiter">{</span>
+<span id="L82" class="LineNr"> 82 </span>      <span class="PreProc">var</span> valid?/eax: boolean <span class="Special">&lt;-</span> <a href='../118parse-hex-int.subx.html#L701'>hex-digit?</a> tmp
+<span id="L83" class="LineNr"> 83 </span>      compare valid?, <span class="Constant">0</span>/false
+<span id="L84" class="LineNr"> 84 </span>    <span class="Delimiter">}</span>
+<span id="L85" class="LineNr"> 85 </span>    <span class="PreProc">break-if-=</span>
+<span id="L86" class="LineNr"> 86 </span>    r <span class="Special">&lt;-</span> shift-left <span class="Constant">4</span>
+<span id="L87" class="LineNr"> 87 </span>    tmp <span class="Special">&lt;-</span> <a href='colors.mu.html#L176'>fast-hex-digit-value</a> tmp
+<span id="L88" class="LineNr"> 88 </span><span class="CommentedCode">#?     {</span>
+<span id="L89" class="LineNr"> 89 </span><span class="CommentedCode">#?       var foo/eax: int &lt;- copy tmp</span>
+<span id="L90" class="LineNr"> 90 </span><span class="CommentedCode">#?       set-cursor-position 0/screen, 0x10/x, 0x11/y</span>
+<span id="L91" class="LineNr"> 91 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, foo, 7/fg, 0/bg</span>
+<span id="L92" class="LineNr"> 92 </span><span class="CommentedCode">#?     }</span>
+<span id="L93" class="LineNr"> 93 </span>    r <span class="Special">&lt;-</span> add tmp
+<span id="L94" class="LineNr"> 94 </span><span class="CommentedCode">#?     {</span>
+<span id="L95" class="LineNr"> 95 </span><span class="CommentedCode">#?       set-cursor-position 0/screen, 0x10/x, 0x12/y</span>
+<span id="L96" class="LineNr"> 96 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, r, 7/fg, 0/bg</span>
+<span id="L97" class="LineNr"> 97 </span><span class="CommentedCode">#?     }</span>
+<span id="L98" class="LineNr"> 98 </span>    tmp <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in  <span class="muComment"># skip space</span>
+<span id="L99" class="LineNr"> 99 </span>  <span class="Delimiter">}</span>
+<span id="L100" class="LineNr">100 </span>  <span class="muComment"># read first byte of g</span>
+<span id="L101" class="LineNr">101 </span>  <span class="PreProc">var</span> tmp/eax: byte <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in
+<span id="L102" class="LineNr">102 </span>  <span class="Delimiter">{</span>
+<span id="L103" class="LineNr">103 </span>    <span class="PreProc">var</span> valid?/eax: boolean <span class="Special">&lt;-</span> <a href='../118parse-hex-int.subx.html#L701'>hex-digit?</a> tmp
+<span id="L104" class="LineNr">104 </span>    compare valid?, <span class="Constant">0</span>/false
+<span id="L105" class="LineNr">105 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L106" class="LineNr">106 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;invalid byte 0 of g&quot;</span>
+<span id="L107" class="LineNr">107 </span>  <span class="Delimiter">}</span>
+<span id="L108" class="LineNr">108 </span>  tmp <span class="Special">&lt;-</span> <a href='colors.mu.html#L176'>fast-hex-digit-value</a> tmp
+<span id="L109" class="LineNr">109 </span>  <span class="PreProc">var</span> g/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L110" class="LineNr">110 </span><span class="CommentedCode">#?   set-cursor-position 0/screen, 0x10/x, 0x13/y</span>
+<span id="L111" class="LineNr">111 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, g, 7/fg, 0/bg</span>
+<span id="L112" class="LineNr">112 </span>  <span class="muComment"># read second byte of g</span>
+<span id="L113" class="LineNr">113 </span>  tmp <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in
+<span id="L114" class="LineNr">114 </span>  <span class="Delimiter">{</span>
+<span id="L115" class="LineNr">115 </span>    <span class="Delimiter">{</span>
+<span id="L116" class="LineNr">116 </span>      <span class="PreProc">var</span> valid?/eax: boolean <span class="Special">&lt;-</span> <a href='../118parse-hex-int.subx.html#L701'>hex-digit?</a> tmp
+<span id="L117" class="LineNr">117 </span>      compare valid?, <span class="Constant">0</span>/false
+<span id="L118" class="LineNr">118 </span>    <span class="Delimiter">}</span>
+<span id="L119" class="LineNr">119 </span>    <span class="PreProc">break-if-=</span>
+<span id="L120" class="LineNr">120 </span>    g <span class="Special">&lt;-</span> shift-left <span class="Constant">4</span>
+<span id="L121" class="LineNr">121 </span>    tmp <span class="Special">&lt;-</span> <a href='colors.mu.html#L176'>fast-hex-digit-value</a> tmp
+<span id="L122" class="LineNr">122 </span><span class="CommentedCode">#?     {</span>
+<span id="L123" class="LineNr">123 </span><span class="CommentedCode">#?       var foo/eax: int &lt;- copy tmp</span>
+<span id="L124" class="LineNr">124 </span><span class="CommentedCode">#?       set-cursor-position 0/screen, 0x10/x, 0x14/y</span>
+<span id="L125" class="LineNr">125 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, foo, 7/fg, 0/bg</span>
+<span id="L126" class="LineNr">126 </span><span class="CommentedCode">#?     }</span>
+<span id="L127" class="LineNr">127 </span>    g <span class="Special">&lt;-</span> add tmp
+<span id="L128" class="LineNr">128 </span><span class="CommentedCode">#?     {</span>
+<span id="L129" class="LineNr">129 </span><span class="CommentedCode">#?       set-cursor-position 0/screen, 0x10/x, 0x15/y</span>
+<span id="L130" class="LineNr">130 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, g, 7/fg, 0/bg</span>
+<span id="L131" class="LineNr">131 </span><span class="CommentedCode">#?     }</span>
+<span id="L132" class="LineNr">132 </span>    tmp <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in  <span class="muComment"># skip space</span>
+<span id="L133" class="LineNr">133 </span>  <span class="Delimiter">}</span>
+<span id="L134" class="LineNr">134 </span>  <span class="muComment"># read first byte of b</span>
+<span id="L135" class="LineNr">135 </span>  <span class="PreProc">var</span> tmp/eax: byte <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in
+<span id="L136" class="LineNr">136 </span>  <span class="Delimiter">{</span>
+<span id="L137" class="LineNr">137 </span>    <span class="PreProc">var</span> valid?/eax: boolean <span class="Special">&lt;-</span> <a href='../118parse-hex-int.subx.html#L701'>hex-digit?</a> tmp
+<span id="L138" class="LineNr">138 </span>    compare valid?, <span class="Constant">0</span>/false
+<span id="L139" class="LineNr">139 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L140" class="LineNr">140 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;invalid byte 0 of b&quot;</span>
+<span id="L141" class="LineNr">141 </span>  <span class="Delimiter">}</span>
+<span id="L142" class="LineNr">142 </span>  tmp <span class="Special">&lt;-</span> <a href='colors.mu.html#L176'>fast-hex-digit-value</a> tmp
+<span id="L143" class="LineNr">143 </span>  <span class="PreProc">var</span> b/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L144" class="LineNr">144 </span><span class="CommentedCode">#?   set-cursor-position 0/screen, 0x10/x, 0x16/y</span>
+<span id="L145" class="LineNr">145 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, b, 7/fg, 0/bg</span>
+<span id="L146" class="LineNr">146 </span>  <span class="muComment"># read second byte of b</span>
+<span id="L147" class="LineNr">147 </span>  <span class="Delimiter">{</span>
+<span id="L148" class="LineNr">148 </span>    <span class="Delimiter">{</span>
+<span id="L149" class="LineNr">149 </span>      <span class="PreProc">var</span> done?/eax: boolean <span class="Special">&lt;-</span> <a href='../309stream.subx.html#L6'>stream-empty?</a> in
+<span id="L150" class="LineNr">150 </span>      compare done?, <span class="Constant">0</span>/false
+<span id="L151" class="LineNr">151 </span>    <span class="Delimiter">}</span>
+<span id="L152" class="LineNr">152 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L153" class="LineNr">153 </span>    tmp <span class="Special">&lt;-</span> <a href='../112read-byte.subx.html#L13'>read-byte</a> in
+<span id="L154" class="LineNr">154 </span>    <span class="Delimiter">{</span>
+<span id="L155" class="LineNr">155 </span>      <span class="PreProc">var</span> valid?/eax: boolean <span class="Special">&lt;-</span> <a href='../118parse-hex-int.subx.html#L701'>hex-digit?</a> tmp
+<span id="L156" class="LineNr">156 </span>      compare valid?, <span class="Constant">0</span>/false
+<span id="L157" class="LineNr">157 </span>    <span class="Delimiter">}</span>
+<span id="L158" class="LineNr">158 </span>    <span class="PreProc">break-if-=</span>
+<span id="L159" class="LineNr">159 </span>    b <span class="Special">&lt;-</span> shift-left <span class="Constant">4</span>
+<span id="L160" class="LineNr">160 </span>    tmp <span class="Special">&lt;-</span> <a href='colors.mu.html#L176'>fast-hex-digit-value</a> tmp
+<span id="L161" class="LineNr">161 </span><span class="CommentedCode">#?     {</span>
+<span id="L162" class="LineNr">162 </span><span class="CommentedCode">#?       var foo/eax: int &lt;- copy tmp</span>
+<span id="L163" class="LineNr">163 </span><span class="CommentedCode">#?       set-cursor-position 0/screen, 0x10/x, 0x17/y</span>
+<span id="L164" class="LineNr">164 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, foo, 7/fg, 0/bg</span>
+<span id="L165" class="LineNr">165 </span><span class="CommentedCode">#?     }</span>
+<span id="L166" class="LineNr">166 </span>    b <span class="Special">&lt;-</span> add tmp
+<span id="L167" class="LineNr">167 </span><span class="CommentedCode">#?     {</span>
+<span id="L168" class="LineNr">168 </span><span class="CommentedCode">#?       set-cursor-position 0/screen, 0x10/x, 0x18/y</span>
+<span id="L169" class="LineNr">169 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, b, 7/fg, 0/bg</span>
+<span id="L170" class="LineNr">170 </span><span class="CommentedCode">#?     }</span>
+<span id="L171" class="LineNr">171 </span>  <span class="Delimiter">}</span>
+<span id="L172" class="LineNr">172 </span>  <span class="PreProc">return</span> r, g, b
+<span id="L173" class="LineNr">173 </span><span class="Delimiter">}</span>
+<span id="L174" class="LineNr">174 </span>
+<span id="L175" class="LineNr">175 </span><span class="muComment"># no error checking</span>
+<span id="L176" class="LineNr">176 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='colors.mu.html#L176'>fast-hex-digit-value</a></span> in: byte<span class="PreProc"> -&gt; </span>_/eax: byte <span class="Delimiter">{</span>
+<span id="L177" class="LineNr">177 </span>  <span class="PreProc">var</span> result/eax: byte <span class="Special">&lt;-</span> copy in
+<span id="L178" class="LineNr">178 </span>  compare result, <span class="Constant">0x39</span>
+<span id="L179" class="LineNr">179 </span>  <span class="Delimiter">{</span>
+<span id="L180" class="LineNr">180 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L181" class="LineNr">181 </span>    result <span class="Special">&lt;-</span> subtract <span class="Constant">0x30</span>/<span class="Constant">0</span>
+<span id="L182" class="LineNr">182 </span>    <span class="PreProc">return</span> result
+<span id="L183" class="LineNr">183 </span>  <span class="Delimiter">}</span>
+<span id="L184" class="LineNr">184 </span>  result <span class="Special">&lt;-</span> subtract <span class="Constant">0x61</span>/a
+<span id="L185" class="LineNr">185 </span>  result <span class="Special">&lt;-</span> add <span class="Constant">0xa</span>/<span class="Constant">10</span>
+<span id="L186" class="LineNr">186 </span>  <span class="PreProc">return</span> result
+<span id="L187" class="LineNr">187 </span><span class="Delimiter">}</span>
+<span id="L188" class="LineNr">188 </span>
+<span id="L189" class="LineNr">189 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='colors.mu.html#L189'>print-nearby-colors</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), h: int, s: int, l: int <span class="Delimiter">{</span>
+<span id="L190" class="LineNr">190 </span><span class="CommentedCode">#?   set-cursor-position screen, 0x10/x, 0x1c/y</span>
+<span id="L191" class="LineNr">191 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, h, 7/fg, 0/bg</span>
+<span id="L192" class="LineNr">192 </span><span class="CommentedCode">#?   draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L193" class="LineNr">193 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, s, 7/fg, 0/bg</span>
+<span id="L194" class="LineNr">194 </span><span class="CommentedCode">#?   draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L195" class="LineNr">195 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, l, 7/fg, 0/bg</span>
+<span id="L196" class="LineNr">196 </span>  <span class="muComment"># save just top 2 bits of each, so that we narrow down to 1/64th of the volume</span>
+<span id="L197" class="LineNr">197 </span>  shift-right h, <span class="Constant">6</span>
+<span id="L198" class="LineNr">198 </span>  shift-right s, <span class="Constant">6</span>
+<span id="L199" class="LineNr">199 </span>  shift-right l, <span class="Constant">6</span>
+<span id="L200" class="LineNr">200 </span><span class="CommentedCode">#?   set-cursor-position screen, 0x10/x, 0x1/y</span>
+<span id="L201" class="LineNr">201 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, h, 7/fg, 0/bg</span>
+<span id="L202" class="LineNr">202 </span><span class="CommentedCode">#?   draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L203" class="LineNr">203 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, s, 7/fg, 0/bg</span>
+<span id="L204" class="LineNr">204 </span><span class="CommentedCode">#?   draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L205" class="LineNr">205 </span><span class="CommentedCode">#?   draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, l, 7/fg, 0/bg</span>
+<span id="L206" class="LineNr">206 </span>  <span class="PreProc">var</span> a/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L207" class="LineNr">207 </span>  <span class="PreProc">var</span> b/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L208" class="LineNr">208 </span>  <span class="PreProc">var</span> c/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L209" class="LineNr">209 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L210" class="LineNr">210 </span>  <span class="PreProc">var</span> y/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L211" class="LineNr">211 </span>  <span class="Delimiter">{</span>
+<span id="L212" class="LineNr">212 </span>    compare color, <span class="Constant">0x100</span>
+<span id="L213" class="LineNr">213 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L214" class="LineNr">214 </span>    a, b, c <span class="Special">&lt;-</span> <a href='../316colors.subx.html#L7'>color-rgb</a> color
+<span id="L215" class="LineNr">215 </span>    a, b, c <span class="Special">&lt;-</span> <a href='../505colors.mu.html#L51'>hsl</a> a, b, c
+<span id="L216" class="LineNr">216 </span>    a <span class="Special">&lt;-</span> shift-right <span class="Constant">6</span>
+<span id="L217" class="LineNr">217 </span>    b <span class="Special">&lt;-</span> shift-right <span class="Constant">6</span>
+<span id="L218" class="LineNr">218 </span>    c <span class="Special">&lt;-</span> shift-right <span class="Constant">6</span>
+<span id="L219" class="LineNr">219 </span>    <span class="Delimiter">{</span>
+<span id="L220" class="LineNr">220 </span>      compare a, h
+<span id="L221" class="LineNr">221 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L222" class="LineNr">222 </span>      compare b, s
+<span id="L223" class="LineNr">223 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L224" class="LineNr">224 </span>      compare c, l
+<span id="L225" class="LineNr">225 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L226" class="LineNr">226 </span>      <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x10</span>/x, y
+<span id="L227" class="LineNr">227 </span>      <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, color, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L228" class="LineNr">228 </span>      <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x14</span>/x, y
+<span id="L229" class="LineNr">229 </span>      <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot; &quot;</span>, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L230" class="LineNr">230 </span>      <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;               &quot;</span>, <span class="Constant">0</span>/fg, color
+<span id="L231" class="LineNr">231 </span><span class="CommentedCode">#?       draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L232" class="LineNr">232 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, a, 7/fg, 0/bg</span>
+<span id="L233" class="LineNr">233 </span><span class="CommentedCode">#?       draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L234" class="LineNr">234 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, b, 7/fg, 0/bg</span>
+<span id="L235" class="LineNr">235 </span><span class="CommentedCode">#?       draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
+<span id="L236" class="LineNr">236 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, c, 7/fg, 0/bg</span>
+<span id="L237" class="LineNr">237 </span>      y <span class="Special">&lt;-</span> increment
+<span id="L238" class="LineNr">238 </span>    <span class="Delimiter">}</span>
+<span id="L239" class="LineNr">239 </span>    color <span class="Special">&lt;-</span> increment
+<span id="L240" class="LineNr">240 </span>    <span class="PreProc">loop</span>
+<span id="L241" class="LineNr">241 </span>  <span class="Delimiter">}</span>
+<span id="L242" class="LineNr">242 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex1.mu.html b/html/apps/ex1.mu.html
new file mode 100644
index 00000000..cc21ce0f
--- /dev/null
+++ b/html/apps/ex1.mu.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex1.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex1.mu'>https://github.com/akkartik/mu/blob/main/apps/ex1.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># The simplest possible bare-metal program.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex1.mu        # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output: blank screen with no errors</span>
+<span id="L11" class="LineNr">11 </span>
+<span id="L12" class="LineNr">12 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex1.mu.html#L12'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L13" class="LineNr">13 </span>  <span class="PreProc">loop</span>
+<span id="L14" class="LineNr">14 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex10.mu.html b/html/apps/ex10.mu.html
new file mode 100644
index 00000000..6f506cd3
--- /dev/null
+++ b/html/apps/ex10.mu.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex10.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex10.mu'>https://github.com/akkartik/mu/blob/main/apps/ex10.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Demo of mouse support.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex10.mu       # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output:</span>
+<span id="L11" class="LineNr">11 </span><span class="muComment">#   Values between -256 and +255 as you move the mouse over the window.</span>
+<span id="L12" class="LineNr">12 </span><span class="muComment">#   You might need to click on the window once.</span>
+<span id="L13" class="LineNr">13 </span>
+<span id="L14" class="LineNr">14 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex10.mu.html#L14'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L15" class="LineNr">15 </span>  <span class="muComment"># repeatedly print out mouse driver results if non-zero</span>
+<span id="L16" class="LineNr">16 </span>  $main:event-loop: <span class="Delimiter">{</span>
+<span id="L17" class="LineNr">17 </span>    <span class="PreProc">var</span> dx/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L18" class="LineNr">18 </span>    <span class="PreProc">var</span> dy/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L19" class="LineNr">19 </span>    dx, dy <span class="Special">&lt;-</span> read-mouse-event
+<span id="L20" class="LineNr">20 </span>    <span class="Delimiter">{</span>
+<span id="L21" class="LineNr">21 </span>      compare dx, <span class="Constant">0</span>
+<span id="L22" class="LineNr">22 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L23" class="LineNr">23 </span>      compare dy, <span class="Constant">0</span>
+<span id="L24" class="LineNr">24 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L25" class="LineNr">25 </span>      <span class="PreProc">loop</span> $main:event-loop
+<span id="L26" class="LineNr">26 </span>    <span class="Delimiter">}</span>
+<span id="L27" class="LineNr">27 </span>    <span class="Delimiter">{</span>
+<span id="L28" class="LineNr">28 </span>      <span class="PreProc">var</span> dummy1/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L29" class="LineNr">29 </span>      <span class="PreProc">var</span> dummy2/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L30" class="LineNr">30 </span>      dummy1, dummy2 <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L256'>draw-text-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;         &quot;</span>, <span class="Constant">0</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L31" class="LineNr">31 </span>    <span class="Delimiter">}</span>
+<span id="L32" class="LineNr">32 </span>    <span class="Delimiter">{</span>
+<span id="L33" class="LineNr">33 </span>      <span class="PreProc">var</span> dummy/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L34" class="LineNr">34 </span>      dx, dummy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L364'>draw-int32-decimal-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, dx, <span class="Constant">0</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L35" class="LineNr">35 </span>    <span class="Delimiter">}</span>
+<span id="L36" class="LineNr">36 </span>    <span class="Delimiter">{</span>
+<span id="L37" class="LineNr">37 </span>      <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L38" class="LineNr">38 </span>      dummy, dy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L364'>draw-int32-decimal-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, dy, <span class="Constant">5</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L39" class="LineNr">39 </span>    <span class="Delimiter">}</span>
+<span id="L40" class="LineNr">40 </span>    <span class="PreProc">loop</span>
+<span id="L41" class="LineNr">41 </span>  <span class="Delimiter">}</span>
+<span id="L42" class="LineNr">42 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex11.mu.html b/html/apps/ex11.mu.html
new file mode 100644
index 00000000..e4ff1600
--- /dev/null
+++ b/html/apps/ex11.mu.html
@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex11.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEbx { color: #5f00ff; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex11.mu'>https://github.com/akkartik/mu/blob/main/apps/ex11.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Demo of an interactive app: controlling a Bezier curve on screen</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   ./translate apps/ex11.mu       # emits code.img</span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment"># Expected output: a spline with 3 control points. Use `Tab` to switch cursor</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment"># between control points, and arrow keys to move the control point at the</span>
+<span id="L12" class="LineNr"> 12 </span><span class="muComment"># cursor.</span>
+<span id="L13" class="LineNr"> 13 </span>
+<span id="L14" class="LineNr"> 14 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L14'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L15" class="LineNr"> 15 </span>  <span class="PreProc">var</span> env-storage: <a href='ex11.mu.html#L25'>environment</a>
+<span id="L16" class="LineNr"> 16 </span>  <span class="PreProc">var</span> env/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> address env-storage
+<span id="L17" class="LineNr"> 17 </span>  <a href='ex11.mu.html#L233'>initialize-environment</a> env, <span class="Constant">0x200</span> <span class="Constant">0x20</span>, <span class="Constant">0x180</span> <span class="Constant">0x90</span>, <span class="Constant">0x180</span> <span class="Constant">0x160</span>
+<span id="L18" class="LineNr"> 18 </span>  <span class="Delimiter">{</span>
+<span id="L19" class="LineNr"> 19 </span>    <a href='ex11.mu.html#L37'>render</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, env
+<span id="L20" class="LineNr"> 20 </span>    <a href='ex11.mu.html#L101'>edit</a> keyboard, env
+<span id="L21" class="LineNr"> 21 </span>    <span class="PreProc">loop</span>
+<span id="L22" class="LineNr"> 22 </span>  <span class="Delimiter">}</span>
+<span id="L23" class="LineNr"> 23 </span><span class="Delimiter">}</span>
+<span id="L24" class="LineNr"> 24 </span>
+<span id="L25" class="LineNr"> 25 </span><span class="PreProc">type</span> <a href='ex11.mu.html#L25'>environment</a> <span class="Delimiter">{</span>
+<span id="L26" class="LineNr"> 26 </span>  p0: (handle <a href='ex11.mu.html#L32'>point</a>)
+<span id="L27" class="LineNr"> 27 </span>  p1: (handle <a href='ex11.mu.html#L32'>point</a>)
+<span id="L28" class="LineNr"> 28 </span>  p2: (handle <a href='ex11.mu.html#L32'>point</a>)
+<span id="L29" class="LineNr"> 29 </span>  <a href='ex11.mu.html#L77'>cursor</a>: (handle <a href='ex11.mu.html#L32'>point</a>)  <span class="muComment"># one of p0, p1 or p2</span>
+<span id="L30" class="LineNr"> 30 </span><span class="Delimiter">}</span>
+<span id="L31" class="LineNr"> 31 </span>
+<span id="L32" class="LineNr"> 32 </span><span class="PreProc">type</span> <a href='ex11.mu.html#L32'>point</a> <span class="Delimiter">{</span>
+<span id="L33" class="LineNr"> 33 </span>  x: int
+<span id="L34" class="LineNr"> 34 </span>  y: int
+<span id="L35" class="LineNr"> 35 </span><span class="Delimiter">}</span>
+<span id="L36" class="LineNr"> 36 </span>
+<span id="L37" class="LineNr"> 37 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L37'>render</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L38" class="LineNr"> 38 </span>  <a href='../500fake-screen.mu.html#L251'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L39" class="LineNr"> 39 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L40" class="LineNr"> 40 </span>  <span class="PreProc">var</span> tmp-ah/<span class="muRegEcx">ecx</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p0
+<span id="L41" class="LineNr"> 41 </span>  <span class="PreProc">var</span> tmp/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *tmp-ah
+<span id="L42" class="LineNr"> 42 </span>  <span class="PreProc">var</span> p0/<span class="muRegEbx">ebx</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy tmp
+<span id="L43" class="LineNr"> 43 </span>  tmp-ah <span class="Special">&lt;-</span> get self, p1
+<span id="L44" class="LineNr"> 44 </span>  tmp <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *tmp-ah
+<span id="L45" class="LineNr"> 45 </span>  <span class="PreProc">var</span> p1/<span class="muRegEdx">edx</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy tmp
+<span id="L46" class="LineNr"> 46 </span>  tmp-ah <span class="Special">&lt;-</span> get self, p2
+<span id="L47" class="LineNr"> 47 </span>  tmp <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *tmp-ah
+<span id="L48" class="LineNr"> 48 </span>  <span class="PreProc">var</span> p2/<span class="muRegEcx">ecx</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy tmp
+<span id="L49" class="LineNr"> 49 </span>  <span class="muComment"># control lines</span>
+<span id="L50" class="LineNr"> 50 </span>  <a href='ex11.mu.html#L216'>line</a>    <a href='../500fake-screen.mu.html#L14'>screen</a>, p0, p1,                 <span class="Constant">7</span>/color
+<span id="L51" class="LineNr"> 51 </span>  <a href='ex11.mu.html#L216'>line</a>    <a href='../500fake-screen.mu.html#L14'>screen</a>, p1, p2,                 <span class="Constant">7</span>/color
+<span id="L52" class="LineNr"> 52 </span>  <span class="muComment"># curve above control lines</span>
+<span id="L53" class="LineNr"> 53 </span>  <a href='ex11.mu.html#L64'>bezier</a>  <a href='../500fake-screen.mu.html#L14'>screen</a>, p0, p1, p2,             <span class="Constant">0xc</span>/color
+<span id="L54" class="LineNr"> 54 </span>  <span class="muComment"># points above curve</span>
+<span id="L55" class="LineNr"> 55 </span>  <a href='ex11.mu.html#L226'>disc</a>    <a href='../500fake-screen.mu.html#L14'>screen</a>, p0,           <span class="Constant">3</span>/radius, <span class="Constant">7</span>/color   <span class="Constant">0xf</span>/border
+<span id="L56" class="LineNr"> 56 </span>  <a href='ex11.mu.html#L226'>disc</a>    <a href='../500fake-screen.mu.html#L14'>screen</a>, p1,           <span class="Constant">3</span>/radius, <span class="Constant">7</span>/color   <span class="Constant">0xf</span>/border
+<span id="L57" class="LineNr"> 57 </span>  <a href='ex11.mu.html#L226'>disc</a>    <a href='../500fake-screen.mu.html#L14'>screen</a>, p2,           <span class="Constant">3</span>/radius, <span class="Constant">7</span>/color   <span class="Constant">0xf</span>/border
+<span id="L58" class="LineNr"> 58 </span>  <span class="muComment"># cursor last of all</span>
+<span id="L59" class="LineNr"> 59 </span>  <span class="PreProc">var</span> cursor-ah/eax: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L60" class="LineNr"> 60 </span>  <span class="PreProc">var</span> <a href='ex11.mu.html#L77'>cursor</a>/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *cursor-ah
+<span id="L61" class="LineNr"> 61 </span>  <a href='ex11.mu.html#L77'>cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <a href='ex11.mu.html#L77'>cursor</a>, <span class="Constant">0xa</span>/side, <span class="Constant">3</span>/color
+<span id="L62" class="LineNr"> 62 </span><span class="Delimiter">}</span>
+<span id="L63" class="LineNr"> 63 </span>
+<span id="L64" class="LineNr"> 64 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L64'>bezier</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _p0: (addr <a href='ex11.mu.html#L32'>point</a>), _p1: (addr <a href='ex11.mu.html#L32'>point</a>), _p2: (addr <a href='ex11.mu.html#L32'>point</a>), color: int <span class="Delimiter">{</span>
+<span id="L65" class="LineNr"> 65 </span>  <span class="PreProc">var</span> p0/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p0
+<span id="L66" class="LineNr"> 66 </span>  <span class="PreProc">var</span> x0/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get p0, x
+<span id="L67" class="LineNr"> 67 </span>  <span class="PreProc">var</span> y0/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get p0, y
+<span id="L68" class="LineNr"> 68 </span>  <span class="PreProc">var</span> p1/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p1
+<span id="L69" class="LineNr"> 69 </span>  <span class="PreProc">var</span> x1/<span class="muRegEbx">ebx</span>: (addr int) <span class="Special">&lt;-</span> get p1, x
+<span id="L70" class="LineNr"> 70 </span>  <span class="PreProc">var</span> y1/eax: (addr int) <span class="Special">&lt;-</span> get p1, y
+<span id="L71" class="LineNr"> 71 </span>  <span class="PreProc">var</span> p2/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p2
+<span id="L72" class="LineNr"> 72 </span>  <span class="PreProc">var</span> x2/<span class="muRegEdi">edi</span>: (addr int) <span class="Special">&lt;-</span> get p2, x
+<span id="L73" class="LineNr"> 73 </span>  <span class="PreProc">var</span> y2/<span class="muRegEsi">esi</span>: (addr int) <span class="Special">&lt;-</span> get p2, y
+<span id="L74" class="LineNr"> 74 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, *x0 *y0, *x1 *y1, *x2 *y2, color
+<span id="L75" class="LineNr"> 75 </span><span class="Delimiter">}</span>
+<span id="L76" class="LineNr"> 76 </span>
+<span id="L77" class="LineNr"> 77 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L77'>cursor</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _p: (addr <a href='ex11.mu.html#L32'>point</a>), side: int, color: int <span class="Delimiter">{</span>
+<span id="L78" class="LineNr"> 78 </span>  <span class="PreProc">var</span> half-side/eax: int <span class="Special">&lt;-</span> copy side
+<span id="L79" class="LineNr"> 79 </span>  half-side <span class="Special">&lt;-</span> shift-right <span class="Constant">1</span>
+<span id="L80" class="LineNr"> 80 </span>  <span class="PreProc">var</span> p/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p
+<span id="L81" class="LineNr"> 81 </span>  <span class="PreProc">var</span> x-a/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get p, x
+<span id="L82" class="LineNr"> 82 </span>  <span class="PreProc">var</span> left-x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy *x-a
+<span id="L83" class="LineNr"> 83 </span>  left-x <span class="Special">&lt;-</span> subtract half-side
+<span id="L84" class="LineNr"> 84 </span>  <span class="PreProc">var</span> y-a/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get p, y
+<span id="L85" class="LineNr"> 85 </span>  <span class="PreProc">var</span> top-y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy *y-a
+<span id="L86" class="LineNr"> 86 </span>  top-y <span class="Special">&lt;-</span> subtract half-side
+<span id="L87" class="LineNr"> 87 </span>  <span class="PreProc">var</span> max/eax: int <span class="Special">&lt;-</span> copy left-x
+<span id="L88" class="LineNr"> 88 </span>  max <span class="Special">&lt;-</span> add side
+<span id="L89" class="LineNr"> 89 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, top-y, left-x, max, color
+<span id="L90" class="LineNr"> 90 </span>  max <span class="Special">&lt;-</span> copy top-y
+<span id="L91" class="LineNr"> 91 </span>  max <span class="Special">&lt;-</span> add side
+<span id="L92" class="LineNr"> 92 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, left-x, top-y, max, color
+<span id="L93" class="LineNr"> 93 </span>  <span class="PreProc">var</span> right-x/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy left-x
+<span id="L94" class="LineNr"> 94 </span>  right-x <span class="Special">&lt;-</span> add side
+<span id="L95" class="LineNr"> 95 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, right-x, top-y, max, color
+<span id="L96" class="LineNr"> 96 </span>  <span class="PreProc">var</span> bottom-y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy top-y
+<span id="L97" class="LineNr"> 97 </span>  bottom-y <span class="Special">&lt;-</span> add side
+<span id="L98" class="LineNr"> 98 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, bottom-y, left-x, right-x, color
+<span id="L99" class="LineNr"> 99 </span><span class="Delimiter">}</span>
+<span id="L100" class="LineNr">100 </span>
+<span id="L101" class="LineNr">101 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L101'>edit</a></span> keyboard: (addr keyboard), _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L102" class="LineNr">102 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L103" class="LineNr">103 </span>  <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L104" class="LineNr">104 </span>  compare key, <span class="Constant">0</span>
+<span id="L105" class="LineNr">105 </span>  <span class="PreProc">loop-if-=</span>
+<span id="L106" class="LineNr">106 </span>  <span class="Delimiter">{</span>
+<span id="L107" class="LineNr">107 </span>    compare key, <span class="Constant">9</span>/tab
+<span id="L108" class="LineNr">108 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L109" class="LineNr">109 </span>    <a href='ex11.mu.html#L138'>toggle-cursor</a> self
+<span id="L110" class="LineNr">110 </span>    <span class="PreProc">return</span>
+<span id="L111" class="LineNr">111 </span>  <span class="Delimiter">}</span>
+<span id="L112" class="LineNr">112 </span>  <span class="Delimiter">{</span>
+<span id="L113" class="LineNr">113 </span>    compare key, <span class="Constant">0x80</span>/left-arrow
+<span id="L114" class="LineNr">114 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L115" class="LineNr">115 </span>    <a href='ex11.mu.html#L168'>cursor-left</a> self
+<span id="L116" class="LineNr">116 </span>    <span class="PreProc">return</span>
+<span id="L117" class="LineNr">117 </span>  <span class="Delimiter">}</span>
+<span id="L118" class="LineNr">118 </span>  <span class="Delimiter">{</span>
+<span id="L119" class="LineNr">119 </span>    compare key, <span class="Constant">0x83</span>/right-arrow
+<span id="L120" class="LineNr">120 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L121" class="LineNr">121 </span>    <a href='ex11.mu.html#L180'>cursor-right</a> self
+<span id="L122" class="LineNr">122 </span>    <span class="PreProc">return</span>
+<span id="L123" class="LineNr">123 </span>  <span class="Delimiter">}</span>
+<span id="L124" class="LineNr">124 </span>  <span class="Delimiter">{</span>
+<span id="L125" class="LineNr">125 </span>    compare key, <span class="Constant">0x81</span>/down-arrow
+<span id="L126" class="LineNr">126 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L127" class="LineNr">127 </span>    <a href='ex11.mu.html#L204'>cursor-down</a> self
+<span id="L128" class="LineNr">128 </span>    <span class="PreProc">return</span>
+<span id="L129" class="LineNr">129 </span>  <span class="Delimiter">}</span>
+<span id="L130" class="LineNr">130 </span>  <span class="Delimiter">{</span>
+<span id="L131" class="LineNr">131 </span>    compare key, <span class="Constant">0x82</span>/up-arrow
+<span id="L132" class="LineNr">132 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L133" class="LineNr">133 </span>    <a href='ex11.mu.html#L192'>cursor-up</a> self
+<span id="L134" class="LineNr">134 </span>    <span class="PreProc">return</span>
+<span id="L135" class="LineNr">135 </span>  <span class="Delimiter">}</span>
+<span id="L136" class="LineNr">136 </span><span class="Delimiter">}</span>
+<span id="L137" class="LineNr">137 </span>
+<span id="L138" class="LineNr">138 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L138'>toggle-cursor</a></span> _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L139" class="LineNr">139 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L140" class="LineNr">140 </span>  <span class="PreProc">var</span> cursor-ah/<span class="muRegEdi">edi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L141" class="LineNr">141 </span>  <span class="PreProc">var</span> p0-ah/<span class="muRegEcx">ecx</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p0
+<span id="L142" class="LineNr">142 </span>  <span class="PreProc">var</span> p1-ah/<span class="muRegEdx">edx</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p1
+<span id="L143" class="LineNr">143 </span>  <span class="PreProc">var</span> p2-ah/<span class="muRegEbx">ebx</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p2
+<span id="L144" class="LineNr">144 </span>  <span class="Delimiter">{</span>
+<span id="L145" class="LineNr">145 </span>    <span class="PreProc">var</span> p0?/eax: boolean <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L448'>handle-equal?</a> *p0-ah, *cursor-ah
+<span id="L146" class="LineNr">146 </span>    compare p0?, <span class="Constant">0</span>/false
+<span id="L147" class="LineNr">147 </span>    <span class="PreProc">break-if-=</span>
+<span id="L148" class="LineNr">148 </span>    copy-object p1-ah, cursor-ah
+<span id="L149" class="LineNr">149 </span>    <span class="PreProc">return</span>
+<span id="L150" class="LineNr">150 </span>  <span class="Delimiter">}</span>
+<span id="L151" class="LineNr">151 </span>  <span class="Delimiter">{</span>
+<span id="L152" class="LineNr">152 </span>    <span class="PreProc">var</span> p1?/eax: boolean <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L448'>handle-equal?</a> *p1-ah, *cursor-ah
+<span id="L153" class="LineNr">153 </span>    compare p1?, <span class="Constant">0</span>/false
+<span id="L154" class="LineNr">154 </span>    <span class="PreProc">break-if-=</span>
+<span id="L155" class="LineNr">155 </span>    copy-object p2-ah, cursor-ah
+<span id="L156" class="LineNr">156 </span>    <span class="PreProc">return</span>
+<span id="L157" class="LineNr">157 </span>  <span class="Delimiter">}</span>
+<span id="L158" class="LineNr">158 </span>  <span class="Delimiter">{</span>
+<span id="L159" class="LineNr">159 </span>    <span class="PreProc">var</span> p2?/eax: boolean <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L448'>handle-equal?</a> *p2-ah, *cursor-ah
+<span id="L160" class="LineNr">160 </span>    compare p2?, <span class="Constant">0</span>/false
+<span id="L161" class="LineNr">161 </span>    <span class="PreProc">break-if-=</span>
+<span id="L162" class="LineNr">162 </span>    copy-object p0-ah, cursor-ah
+<span id="L163" class="LineNr">163 </span>    <span class="PreProc">return</span>
+<span id="L164" class="LineNr">164 </span>  <span class="Delimiter">}</span>
+<span id="L165" class="LineNr">165 </span>  <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;lost cursor&quot;</span>
+<span id="L166" class="LineNr">166 </span><span class="Delimiter">}</span>
+<span id="L167" class="LineNr">167 </span>
+<span id="L168" class="LineNr">168 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L168'>cursor-left</a></span> _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L169" class="LineNr">169 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L170" class="LineNr">170 </span>  <span class="PreProc">var</span> cursor-ah/<span class="muRegEsi">esi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L171" class="LineNr">171 </span>  <span class="PreProc">var</span> <a href='ex11.mu.html#L77'>cursor</a>/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *cursor-ah
+<span id="L172" class="LineNr">172 </span>  <span class="PreProc">var</span> cursor-x/eax: (addr int) <span class="Special">&lt;-</span> get <a href='ex11.mu.html#L77'>cursor</a>, x
+<span id="L173" class="LineNr">173 </span>  compare *cursor-x, <span class="Constant">0x20</span>
+<span id="L174" class="LineNr">174 </span>  <span class="Delimiter">{</span>
+<span id="L175" class="LineNr">175 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L176" class="LineNr">176 </span>    subtract-from *cursor-x, <span class="Constant">0x20</span>
+<span id="L177" class="LineNr">177 </span>  <span class="Delimiter">}</span>
+<span id="L178" class="LineNr">178 </span><span class="Delimiter">}</span>
+<span id="L179" class="LineNr">179 </span>
+<span id="L180" class="LineNr">180 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L180'>cursor-right</a></span> _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L181" class="LineNr">181 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L182" class="LineNr">182 </span>  <span class="PreProc">var</span> cursor-ah/<span class="muRegEsi">esi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L183" class="LineNr">183 </span>  <span class="PreProc">var</span> <a href='ex11.mu.html#L77'>cursor</a>/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *cursor-ah
+<span id="L184" class="LineNr">184 </span>  <span class="PreProc">var</span> cursor-x/eax: (addr int) <span class="Special">&lt;-</span> get <a href='ex11.mu.html#L77'>cursor</a>, x
+<span id="L185" class="LineNr">185 </span>  compare *cursor-x, <span class="Constant">0x3f0</span>
+<span id="L186" class="LineNr">186 </span>  <span class="Delimiter">{</span>
+<span id="L187" class="LineNr">187 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L188" class="LineNr">188 </span>    add-to *cursor-x, <span class="Constant">0x20</span>
+<span id="L189" class="LineNr">189 </span>  <span class="Delimiter">}</span>
+<span id="L190" class="LineNr">190 </span><span class="Delimiter">}</span>
+<span id="L191" class="LineNr">191 </span>
+<span id="L192" class="LineNr">192 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L192'>cursor-up</a></span> _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L193" class="LineNr">193 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L194" class="LineNr">194 </span>  <span class="PreProc">var</span> cursor-ah/<span class="muRegEsi">esi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L195" class="LineNr">195 </span>  <span class="PreProc">var</span> <a href='ex11.mu.html#L77'>cursor</a>/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *cursor-ah
+<span id="L196" class="LineNr">196 </span>  <span class="PreProc">var</span> cursor-y/eax: (addr int) <span class="Special">&lt;-</span> get <a href='ex11.mu.html#L77'>cursor</a>, y
+<span id="L197" class="LineNr">197 </span>  compare *cursor-y, <span class="Constant">0x20</span>
+<span id="L198" class="LineNr">198 </span>  <span class="Delimiter">{</span>
+<span id="L199" class="LineNr">199 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L200" class="LineNr">200 </span>    subtract-from *cursor-y, <span class="Constant">0x20</span>
+<span id="L201" class="LineNr">201 </span>  <span class="Delimiter">}</span>
+<span id="L202" class="LineNr">202 </span><span class="Delimiter">}</span>
+<span id="L203" class="LineNr">203 </span>
+<span id="L204" class="LineNr">204 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L204'>cursor-down</a></span> _self: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Delimiter">{</span>
+<span id="L205" class="LineNr">205 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L206" class="LineNr">206 </span>  <span class="PreProc">var</span> cursor-ah/<span class="muRegEsi">esi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L207" class="LineNr">207 </span>  <span class="PreProc">var</span> <a href='ex11.mu.html#L77'>cursor</a>/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *cursor-ah
+<span id="L208" class="LineNr">208 </span>  <span class="PreProc">var</span> cursor-y/eax: (addr int) <span class="Special">&lt;-</span> get <a href='ex11.mu.html#L77'>cursor</a>, y
+<span id="L209" class="LineNr">209 </span>  compare *cursor-y, <span class="Constant">0x2f0</span>
+<span id="L210" class="LineNr">210 </span>  <span class="Delimiter">{</span>
+<span id="L211" class="LineNr">211 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L212" class="LineNr">212 </span>    add-to *cursor-y, <span class="Constant">0x20</span>
+<span id="L213" class="LineNr">213 </span>  <span class="Delimiter">}</span>
+<span id="L214" class="LineNr">214 </span><span class="Delimiter">}</span>
+<span id="L215" class="LineNr">215 </span>
+<span id="L216" class="LineNr">216 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L216'>line</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _p0: (addr <a href='ex11.mu.html#L32'>point</a>), _p1: (addr <a href='ex11.mu.html#L32'>point</a>), color: int <span class="Delimiter">{</span>
+<span id="L217" class="LineNr">217 </span>  <span class="PreProc">var</span> p0/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p0
+<span id="L218" class="LineNr">218 </span>  <span class="PreProc">var</span> x0/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get p0, x
+<span id="L219" class="LineNr">219 </span>  <span class="PreProc">var</span> y0/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get p0, y
+<span id="L220" class="LineNr">220 </span>  <span class="PreProc">var</span> p1/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p1
+<span id="L221" class="LineNr">221 </span>  <span class="PreProc">var</span> x1/<span class="muRegEbx">ebx</span>: (addr int) <span class="Special">&lt;-</span> get p1, x
+<span id="L222" class="LineNr">222 </span>  <span class="PreProc">var</span> y1/eax: (addr int) <span class="Special">&lt;-</span> get p1, y
+<span id="L223" class="LineNr">223 </span>  <a href='../507line.mu.html#L1'>draw-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, *x0 *y0, *x1 *y1, color
+<span id="L224" class="LineNr">224 </span><span class="Delimiter">}</span>
+<span id="L225" class="LineNr">225 </span>
+<span id="L226" class="LineNr">226 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L226'>disc</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _p: (addr <a href='ex11.mu.html#L32'>point</a>), radius: int, color: int, border-color: int <span class="Delimiter">{</span>
+<span id="L227" class="LineNr">227 </span>  <span class="PreProc">var</span> p/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p
+<span id="L228" class="LineNr">228 </span>  <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get p, x
+<span id="L229" class="LineNr">229 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get p, y
+<span id="L230" class="LineNr">230 </span>  <a href='../508circle.mu.html#L80'>draw-disc</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, *x *y, radius, color, border-color
+<span id="L231" class="LineNr">231 </span><span class="Delimiter">}</span>
+<span id="L232" class="LineNr">232 </span>
+<span id="L233" class="LineNr">233 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L233'>initialize-environment</a></span> _self: (addr <a href='ex11.mu.html#L25'>environment</a>), x0: int, y0: int, x1: int, y1: int, x2: int, y2: int <span class="Delimiter">{</span>
+<span id="L234" class="LineNr">234 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L25'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L235" class="LineNr">235 </span>  <span class="PreProc">var</span> p0-ah/eax: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p0
+<span id="L236" class="LineNr">236 </span>  <a href='../120allocate.subx.html#L43'>allocate</a> p0-ah
+<span id="L237" class="LineNr">237 </span>  <span class="PreProc">var</span> p0/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *p0-ah
+<span id="L238" class="LineNr">238 </span>  <a href='ex11.mu.html#L253'>initialize-point</a> p0, x0 y0
+<span id="L239" class="LineNr">239 </span>  <span class="PreProc">var</span> p1-ah/eax: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p1
+<span id="L240" class="LineNr">240 </span>  <a href='../120allocate.subx.html#L43'>allocate</a> p1-ah
+<span id="L241" class="LineNr">241 </span>  <span class="PreProc">var</span> p1/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *p1-ah
+<span id="L242" class="LineNr">242 </span>  <a href='ex11.mu.html#L253'>initialize-point</a> p1, x1 y1
+<span id="L243" class="LineNr">243 </span>  <span class="PreProc">var</span> p2-ah/eax: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p2
+<span id="L244" class="LineNr">244 </span>  <a href='../120allocate.subx.html#L43'>allocate</a> p2-ah
+<span id="L245" class="LineNr">245 </span>  <span class="PreProc">var</span> p2/eax: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *p2-ah
+<span id="L246" class="LineNr">246 </span>  <a href='ex11.mu.html#L253'>initialize-point</a> p2, x2 y2
+<span id="L247" class="LineNr">247 </span>  <span class="muComment"># cursor initially at p0</span>
+<span id="L248" class="LineNr">248 </span>  <span class="PreProc">var</span> cursor-ah/<span class="muRegEdi">edi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, <a href='ex11.mu.html#L77'>cursor</a>
+<span id="L249" class="LineNr">249 </span>  <span class="PreProc">var</span> src-ah/<span class="muRegEsi">esi</span>: (addr handle <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> get self, p0
+<span id="L250" class="LineNr">250 </span>  copy-object src-ah, cursor-ah
+<span id="L251" class="LineNr">251 </span><span class="Delimiter">}</span>
+<span id="L252" class="LineNr">252 </span>
+<span id="L253" class="LineNr">253 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L253'>initialize-point</a></span> _p: (addr <a href='ex11.mu.html#L32'>point</a>), x: int, y: int <span class="Delimiter">{</span>
+<span id="L254" class="LineNr">254 </span>  <span class="PreProc">var</span> p/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L32'>point</a>) <span class="Special">&lt;-</span> copy _p
+<span id="L255" class="LineNr">255 </span>  <span class="PreProc">var</span> dest/eax: (addr int) <span class="Special">&lt;-</span> get p, x
+<span id="L256" class="LineNr">256 </span>  <span class="PreProc">var</span> src/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L257" class="LineNr">257 </span>  copy-to *dest, src
+<span id="L258" class="LineNr">258 </span>  dest <span class="Special">&lt;-</span> get p, y
+<span id="L259" class="LineNr">259 </span>  src <span class="Special">&lt;-</span> copy y
+<span id="L260" class="LineNr">260 </span>  copy-to *dest, src
+<span id="L261" class="LineNr">261 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex12.mu.html b/html/apps/ex12.mu.html
new file mode 100644
index 00000000..b0b3a763
--- /dev/null
+++ b/html/apps/ex12.mu.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex12.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex12.mu'>https://github.com/akkartik/mu/blob/main/apps/ex12.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Checking the timer.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex12.mu       # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output: text with slowly updating colors</span>
+<span id="L11" class="LineNr">11 </span>
+<span id="L12" class="LineNr">12 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex12.mu.html#L12'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L13" class="LineNr">13 </span>  <span class="PreProc">var</span> fg/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L14" class="LineNr">14 </span>  <span class="PreProc">var</span> prev-timer-counter/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L15" class="LineNr">15 </span>  <span class="Delimiter">{</span>
+<span id="L16" class="LineNr">16 </span>    <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L100'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello from baremetal Mu!&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x10</span>/y, fg, <span class="Constant">0</span>/bg
+<span id="L17" class="LineNr">17 </span>    <span class="muComment"># wait for timer to bump</span>
+<span id="L18" class="LineNr">18 </span>    <span class="Delimiter">{</span>
+<span id="L19" class="LineNr">19 </span>      <span class="PreProc">var</span> curr-timer-counter/eax: int <span class="Special">&lt;-</span> <a href='../319timer.subx.html#L3'>timer-counter</a>
+<span id="L20" class="LineNr">20 </span>      compare curr-timer-counter, prev-timer-counter
+<span id="L21" class="LineNr">21 </span>      <span class="PreProc">loop-if-=</span>
+<span id="L22" class="LineNr">22 </span>      prev-timer-counter <span class="Special">&lt;-</span> copy curr-timer-counter
+<span id="L23" class="LineNr">23 </span>    <span class="Delimiter">}</span>
+<span id="L24" class="LineNr">24 </span>    <span class="muComment"># switch color</span>
+<span id="L25" class="LineNr">25 </span>    fg <span class="Special">&lt;-</span> increment
+<span id="L26" class="LineNr">26 </span>    <span class="PreProc">loop</span>
+<span id="L27" class="LineNr">27 </span>  <span class="Delimiter">}</span>
+<span id="L28" class="LineNr">28 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex2.mu.html b/html/apps/ex2.mu.html
new file mode 100644
index 00000000..6bd96247
--- /dev/null
+++ b/html/apps/ex2.mu.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex2.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex2.mu'>https://github.com/akkartik/mu/blob/main/apps/ex2.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Test out the video mode by filling in the screen with pixels.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex2.mu        # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span>
+<span id="L10" class="LineNr">10 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex2.mu.html#L10'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L11" class="LineNr">11 </span>  <span class="PreProc">var</span> y/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L12" class="LineNr">12 </span>  <span class="Delimiter">{</span>
+<span id="L13" class="LineNr">13 </span>    compare y, <span class="Constant">0x300</span>/screen-height=<span class="Constant">768</span>
+<span id="L14" class="LineNr">14 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L15" class="LineNr">15 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L16" class="LineNr">16 </span>    <span class="Delimiter">{</span>
+<span id="L17" class="LineNr">17 </span>      compare x, <span class="Constant">0x400</span>/screen-width=<span class="Constant">1024</span>
+<span id="L18" class="LineNr">18 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L19" class="LineNr">19 </span>      <span class="PreProc">var</span> color/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L20" class="LineNr">20 </span>      color <span class="Special">&lt;-</span> and <span class="Constant">0xff</span>
+<span id="L21" class="LineNr">21 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a> x, y, color
+<span id="L22" class="LineNr">22 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L23" class="LineNr">23 </span>      <span class="PreProc">loop</span>
+<span id="L24" class="LineNr">24 </span>    <span class="Delimiter">}</span>
+<span id="L25" class="LineNr">25 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L26" class="LineNr">26 </span>    <span class="PreProc">loop</span>
+<span id="L27" class="LineNr">27 </span>  <span class="Delimiter">}</span>
+<span id="L28" class="LineNr">28 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex3.mu.html b/html/apps/ex3.mu.html
new file mode 100644
index 00000000..864032ce
--- /dev/null
+++ b/html/apps/ex3.mu.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex3.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex3.mu'>https://github.com/akkartik/mu/blob/main/apps/ex3.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Draw pixels in response to keyboard events, starting from the top-left</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment"># and in raster order.</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment">#</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment"># To build a disk image:</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment">#   ./translate apps/ex3.mu        # emits code.img</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment"># To run:</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment"># Or:</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment">#</span>
+<span id="L11" class="LineNr">11 </span><span class="muComment"># Expected output: a new green pixel starting from the top left corner of the</span>
+<span id="L12" class="LineNr">12 </span><span class="muComment"># screen every time you press a key (letter or digit)</span>
+<span id="L13" class="LineNr">13 </span>
+<span id="L14" class="LineNr">14 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex3.mu.html#L14'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L15" class="LineNr">15 </span>  <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L16" class="LineNr">16 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L17" class="LineNr">17 </span>  <span class="Delimiter">{</span>
+<span id="L18" class="LineNr">18 </span>    <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L19" class="LineNr">19 </span>    compare key, <span class="Constant">0</span>
+<span id="L20" class="LineNr">20 </span>    <span class="PreProc">loop-if-=</span>  <span class="muComment"># busy wait</span>
+<span id="L21" class="LineNr">21 </span>    <a href='../101screen.subx.html#L8'>pixel-on-real-screen</a> x, y, <span class="Constant">0x31</span>/green
+<span id="L22" class="LineNr">22 </span>    x <span class="Special">&lt;-</span> increment
+<span id="L23" class="LineNr">23 </span>    compare x, <span class="Constant">0x400</span>/screen-width=<span class="Constant">1024</span>
+<span id="L24" class="LineNr">24 </span>    <span class="Delimiter">{</span>
+<span id="L25" class="LineNr">25 </span>      <span class="PreProc">break-if-&lt;</span>
+<span id="L26" class="LineNr">26 </span>      y <span class="Special">&lt;-</span> increment
+<span id="L27" class="LineNr">27 </span>      x <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L28" class="LineNr">28 </span>    <span class="Delimiter">}</span>
+<span id="L29" class="LineNr">29 </span>    <span class="PreProc">loop</span>
+<span id="L30" class="LineNr">30 </span>  <span class="Delimiter">}</span>
+<span id="L31" class="LineNr">31 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex4.mu.html b/html/apps/ex4.mu.html
new file mode 100644
index 00000000..eb7ee20a
--- /dev/null
+++ b/html/apps/ex4.mu.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex4.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex4.mu'>https://github.com/akkartik/mu/blob/main/apps/ex4.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Draw a character using the built-in font (GNU unifont)</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex4.mu        # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output: letter 'A' in green near the top-left corner of screen</span>
+<span id="L11" class="LineNr">11 </span>
+<span id="L12" class="LineNr">12 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex4.mu.html#L12'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L13" class="LineNr">13 </span>  <a href='../500fake-screen.mu.html#L130'>draw-code-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x41</span>/A, <span class="Constant">2</span>/row, <span class="Constant">1</span>/col, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L14" class="LineNr">14 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex5.mu.html b/html/apps/ex5.mu.html
new file mode 100644
index 00000000..5c4ede6e
--- /dev/null
+++ b/html/apps/ex5.mu.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex5.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex5.mu'>https://github.com/akkartik/mu/blob/main/apps/ex5.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Draw a single line of ASCII text using the built-in font (GNU unifont)</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment"># Also demonstrates bounds-checking _before_ drawing.</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment">#</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment"># To build a disk image:</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment">#   ./translate apps/ex5.mu        # emits code.img</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment"># To run:</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment"># Or:</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment">#</span>
+<span id="L11" class="LineNr">11 </span><span class="muComment"># Expected output: text in green near the top-left corner of screen</span>
+<span id="L12" class="LineNr">12 </span>
+<span id="L13" class="LineNr">13 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex5.mu.html#L13'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L14" class="LineNr">14 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L100'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello from baremetal Mu!&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x10</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L15" class="LineNr">15 </span>  dummy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L100'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;you shouldn't see this&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0xa0</span>/xmax, <span class="Constant">0x30</span>/y, <span class="Constant">3</span>/fg, <span class="Constant">0</span>/bg  <span class="muComment"># xmax is too narrow</span>
+<span id="L16" class="LineNr">16 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex6.mu.html b/html/apps/ex6.mu.html
new file mode 100644
index 00000000..aa159ad5
--- /dev/null
+++ b/html/apps/ex6.mu.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex6.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex6.mu'>https://github.com/akkartik/mu/blob/main/apps/ex6.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Drawing ASCII text incrementally.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex6.mu        # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output: a box and text that doesn't overflow it</span>
+<span id="L11" class="LineNr">11 </span>
+<span id="L12" class="LineNr">12 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex6.mu.html#L12'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L13" class="LineNr">13 </span>  <span class="muComment"># drawing text within a bounding box</span>
+<span id="L14" class="LineNr">14 </span>  <a href='../503manhattan-line.mu.html#L1'>draw-box-on-real-screen</a> <span class="Constant">0xf</span>, <span class="Constant">0x1f</span>, <span class="Constant">0x79</span>, <span class="Constant">0x51</span>, <span class="Constant">0x4</span>
+<span id="L15" class="LineNr">15 </span>  <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
+<span id="L16" class="LineNr">16 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
+<span id="L17" class="LineNr">17 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L174'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello &quot;</span>,     <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L18" class="LineNr">18 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L174'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;from &quot;</span>,      <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L19" class="LineNr">19 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L174'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;baremetal &quot;</span>, <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L20" class="LineNr">20 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L174'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;Mu!&quot;</span>,        <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L21" class="LineNr">21 </span>
+<span id="L22" class="LineNr">22 </span>  <span class="muComment"># drawing at the cursor in multiple directions</span>
+<span id="L23" class="LineNr">23 </span>  <a href='../501draw-text.mu.html#L493'>draw-text-wrapping-down-then-right-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;abc&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L24" class="LineNr">24 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;def&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L25" class="LineNr">25 </span>
+<span id="L26" class="LineNr">26 </span>  <span class="muComment"># test drawing near the edge</span>
+<span id="L27" class="LineNr">27 </span>  x <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L100'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;R&quot;</span>, <span class="Constant">0x7f</span>/x, <span class="Constant">0x80</span>/xmax=screen-width, <span class="Constant">0x18</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L28" class="LineNr">28 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;wrapped from R&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L29" class="LineNr">29 </span>
+<span id="L30" class="LineNr">30 </span>  x <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L399'>draw-text-downward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;D&quot;</span>, <span class="Constant">0x20</span>/x, <span class="Constant">0x2f</span>/y, <span class="Constant">0x30</span>/ymax=screen-height, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L31" class="LineNr">31 </span>  <a href='../501draw-text.mu.html#L493'>draw-text-wrapping-down-then-right-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;wrapped from D&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L32" class="LineNr">32 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex7.mu.html b/html/apps/ex7.mu.html
new file mode 100644
index 00000000..2c99ddf5
--- /dev/null
+++ b/html/apps/ex7.mu.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex7.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex7.mu'>https://github.com/akkartik/mu/blob/main/apps/ex7.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Cursor-based motions.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex7.mu        # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output: an interactive game a bit like &quot;snakes&quot;. Try pressing h, j,</span>
+<span id="L11" class="LineNr">11 </span><span class="muComment"># k, l.</span>
+<span id="L12" class="LineNr">12 </span>
+<span id="L13" class="LineNr">13 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex7.mu.html#L13'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L14" class="LineNr">14 </span>  <span class="PreProc">var</span> space/eax: grapheme <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
+<span id="L15" class="LineNr">15 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0</span>, <span class="Constant">0</span>
+<span id="L16" class="LineNr">16 </span>  <span class="Delimiter">{</span>
+<span id="L17" class="LineNr">17 </span>    <a href='../500fake-screen.mu.html#L237'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space
+<span id="L18" class="LineNr">18 </span>    <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L19" class="LineNr">19 </span>    <span class="Delimiter">{</span>
+<span id="L20" class="LineNr">20 </span>      compare key, <span class="Constant">0x68</span>/h
+<span id="L21" class="LineNr">21 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L22" class="LineNr">22 </span>      <a href='../501draw-text.mu.html#L92'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/dash, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L23" class="LineNr">23 </span>      <a href='../501draw-text.mu.html#L3'>move-cursor-left</a> <span class="Constant">0</span>
+<span id="L24" class="LineNr">24 </span>    <span class="Delimiter">}</span>
+<span id="L25" class="LineNr">25 </span>    <span class="Delimiter">{</span>
+<span id="L26" class="LineNr">26 </span>      compare key, <span class="Constant">0x6a</span>/j
+<span id="L27" class="LineNr">27 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L28" class="LineNr">28 </span>      <a href='../501draw-text.mu.html#L92'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x7c</span>/vertical-bar, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L29" class="LineNr">29 </span>      <a href='../501draw-text.mu.html#L47'>move-cursor-down</a> <span class="Constant">0</span>
+<span id="L30" class="LineNr">30 </span>    <span class="Delimiter">}</span>
+<span id="L31" class="LineNr">31 </span>    <span class="Delimiter">{</span>
+<span id="L32" class="LineNr">32 </span>      compare key, <span class="Constant">0x6b</span>/k
+<span id="L33" class="LineNr">33 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L34" class="LineNr">34 </span>      <a href='../501draw-text.mu.html#L92'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x7c</span>/vertical-bar, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L35" class="LineNr">35 </span>      <a href='../501draw-text.mu.html#L34'>move-cursor-up</a> <span class="Constant">0</span>
+<span id="L36" class="LineNr">36 </span>    <span class="Delimiter">}</span>
+<span id="L37" class="LineNr">37 </span>    <span class="Delimiter">{</span>
+<span id="L38" class="LineNr">38 </span>      compare key, <span class="Constant">0x6c</span>/l
+<span id="L39" class="LineNr">39 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L40" class="LineNr">40 </span>      <span class="PreProc">var</span> g/eax: code-point <span class="Special">&lt;-</span> copy <span class="Constant">0x2d</span>/dash
+<span id="L41" class="LineNr">41 </span>      <a href='../501draw-text.mu.html#L92'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/dash, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L42" class="LineNr">42 </span>      <a href='../501draw-text.mu.html#L16'>move-cursor-right</a> <span class="Constant">0</span>
+<span id="L43" class="LineNr">43 </span>    <span class="Delimiter">}</span>
+<span id="L44" class="LineNr">44 </span>    <span class="PreProc">loop</span>
+<span id="L45" class="LineNr">45 </span>  <span class="Delimiter">}</span>
+<span id="L46" class="LineNr">46 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex8.mu.html b/html/apps/ex8.mu.html
new file mode 100644
index 00000000..d218205a
--- /dev/null
+++ b/html/apps/ex8.mu.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex8.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex8.mu'>https://github.com/akkartik/mu/blob/main/apps/ex8.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Demo of floating-point support.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate apps/ex8.mu        # emits code.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   bochs -f bochsrc               # bochsrc loads code.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Set a breakpoint at 0x7c00 and start stepping.</span>
+<span id="L8" class="LineNr"> 8 </span>
+<span id="L9" class="LineNr"> 9 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex8.mu.html#L9'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L10" class="LineNr">10 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L11" class="LineNr">11 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert n
+<span id="L12" class="LineNr">12 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/ex9.mu.html b/html/apps/ex9.mu.html
new file mode 100644
index 00000000..54a158b2
--- /dev/null
+++ b/html/apps/ex9.mu.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/ex9.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/ex9.mu'>https://github.com/akkartik/mu/blob/main/apps/ex9.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Demo of reading and writing to disk.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># Steps for trying it out:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   1. Translate this example into a disk image code.img.</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment">#       ./translate apps/ex9.mu</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   2. Build a second disk image data.img containing some text.</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment">#       dd if=/dev/zero of=data.img count=20160</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#       echo 'abc def ghi' |dd of=data.img conv=notrunc</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#   3. Familiarize yourself with how the data disk looks within xxd:</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment">#       xxd data.img |head</span>
+<span id="L11" class="LineNr">11 </span><span class="muComment">#   4. Run in an emulator, either Qemu or Bochs.</span>
+<span id="L12" class="LineNr">12 </span><span class="muComment">#       qemu-system-i386 -hda code.img -hdb data.img</span>
+<span id="L13" class="LineNr">13 </span><span class="muComment">#       bochs -f bochsrc.2disks</span>
+<span id="L14" class="LineNr">14 </span><span class="muComment">#   5. Exit the emulator.</span>
+<span id="L15" class="LineNr">15 </span><span class="muComment">#   6. Notice that the data disk now contains the word count of the original text.</span>
+<span id="L16" class="LineNr">16 </span><span class="muComment">#       xxd data.img |head</span>
+<span id="L17" class="LineNr">17 </span>
+<span id="L18" class="LineNr">18 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex9.mu.html#L18'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L19" class="LineNr">19 </span>  <span class="PreProc">var</span> text-storage: (stream byte <span class="Constant">0x200</span>)
+<span id="L20" class="LineNr">20 </span>  <span class="PreProc">var</span> text/<span class="muRegEsi">esi</span>: (addr stream byte) <span class="Special">&lt;-</span> address text-storage
+<span id="L21" class="LineNr">21 </span>  load-sectors data-disk, <span class="Constant">0</span>/lba, <span class="Constant">1</span>/num-sectors, text
+<span id="L22" class="LineNr">22 </span>
+<span id="L23" class="LineNr">23 </span>  <span class="PreProc">var</span> <a href='ex9.mu.html#L31'>word-count</a>/eax: int <span class="Special">&lt;-</span> <a href='ex9.mu.html#L31'>word-count</a> text
+<span id="L24" class="LineNr">24 </span>
+<span id="L25" class="LineNr">25 </span>  <span class="PreProc">var</span> result-storage: (stream byte <span class="Constant">0x10</span>)
+<span id="L26" class="LineNr">26 </span>  <span class="PreProc">var</span> result/<span class="muRegEdi">edi</span>: (addr stream byte) <span class="Special">&lt;-</span> address result-storage
+<span id="L27" class="LineNr">27 </span>  <a href='../126write-int-decimal.subx.html#L8'>write-int32-decimal</a> result, <a href='ex9.mu.html#L31'>word-count</a>
+<span id="L28" class="LineNr">28 </span>  store-sectors data-disk, <span class="Constant">0</span>/lba, <span class="Constant">1</span>/num-sectors, result
+<span id="L29" class="LineNr">29 </span><span class="Delimiter">}</span>
+<span id="L30" class="LineNr">30 </span>
+<span id="L31" class="LineNr">31 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex9.mu.html#L31'>word-count</a></span> in: (addr stream byte)<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L32" class="LineNr">32 </span>  <span class="PreProc">var</span> result/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L33" class="LineNr">33 </span>  <span class="Delimiter">{</span>
+<span id="L34" class="LineNr">34 </span>    <span class="PreProc">var</span> done?/eax: boolean <span class="Special">&lt;-</span> <a href='../309stream.subx.html#L6'>stream-empty?</a> in
+<span id="L35" class="LineNr">35 </span>    compare done?, <span class="Constant">0</span>/false
+<span id="L36" class="LineNr">36 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L37" class="LineNr">37 </span>    <span class="PreProc">var</span> g/eax: grapheme <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L92'>read-grapheme</a> in
+<span id="L38" class="LineNr">38 </span>    <span class="Delimiter">{</span>
+<span id="L39" class="LineNr">39 </span>      compare g, <span class="Constant">0x20</span>/space
+<span id="L40" class="LineNr">40 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L41" class="LineNr">41 </span>      result <span class="Special">&lt;-</span> increment
+<span id="L42" class="LineNr">42 </span>    <span class="Delimiter">}</span>
+<span id="L43" class="LineNr">43 </span>    <span class="Delimiter">{</span>
+<span id="L44" class="LineNr">44 </span>      compare g, <span class="Constant">0xa</span>/newline
+<span id="L45" class="LineNr">45 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L46" class="LineNr">46 </span>      result <span class="Special">&lt;-</span> increment
+<span id="L47" class="LineNr">47 </span>    <span class="Delimiter">}</span>
+<span id="L48" class="LineNr">48 </span>    <span class="PreProc">loop</span>
+<span id="L49" class="LineNr">49 </span>  <span class="Delimiter">}</span>
+<span id="L50" class="LineNr">50 </span>  <span class="PreProc">return</span> result
+<span id="L51" class="LineNr">51 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/hest-life.mu.html b/html/apps/hest-life.mu.html
new file mode 100644
index 00000000..2fb30163
--- /dev/null
+++ b/html/apps/hest-life.mu.html
@@ -0,0 +1,1097 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/hest-life.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.CommentedCode { color: #8a8a8a; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.muRegEbx { color: #5f00ff; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/hest-life.mu'>https://github.com/akkartik/mu/blob/main/apps/hest-life.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">   1 </span><span class="muComment"># Conway's Game of Life in a Hestified way</span>
+<span id="L2" class="LineNr">   2 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life</a></span>
+<span id="L3" class="LineNr">   3 </span><span class="muComment">#   <a href="https://ivanish.ca/hest-podcast">https://ivanish.ca/hest-podcast</a></span>
+<span id="L4" class="LineNr">   4 </span><span class="muComment">#</span>
+<span id="L5" class="LineNr">   5 </span><span class="muComment"># To build:</span>
+<span id="L6" class="LineNr">   6 </span><span class="muComment">#   $ ./translate apps/hest-life.mu</span>
+<span id="L7" class="LineNr">   7 </span><span class="muComment"># I run it on my 2.5GHz Linux laptop like this:</span>
+<span id="L8" class="LineNr">   8 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L9" class="LineNr">   9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">  10 </span><span class="muComment"># If things seem too fast or too slow on your computer, adjust the loop bounds</span>
+<span id="L11" class="LineNr">  11 </span><span class="muComment"># in the function `linger` at the bottom. Its value will depend on how you</span>
+<span id="L12" class="LineNr">  12 </span><span class="muComment"># accelerate Qemu (`-accel help`). Mu will eventually get a clock to obviate</span>
+<span id="L13" class="LineNr">  13 </span><span class="muComment"># the need for this tuning.</span>
+<span id="L14" class="LineNr">  14 </span><span class="muComment">#</span>
+<span id="L15" class="LineNr">  15 </span><span class="muComment"># Keyboard shortcuts:</span>
+<span id="L16" class="LineNr">  16 </span><span class="muComment">#   space: pause/resume</span>
+<span id="L17" class="LineNr">  17 </span><span class="muComment">#   0: restart time</span>
+<span id="L18" class="LineNr">  18 </span><span class="muComment">#   l: start looping from 0 to curren time</span>
+<span id="L19" class="LineNr">  19 </span><span class="muComment">#   L: stop looping</span>
+<span id="L20" class="LineNr">  20 </span><span class="muComment">#   +: zoom in</span>
+<span id="L21" class="LineNr">  21 </span><span class="muComment">#   -: zoom out</span>
+<span id="L22" class="LineNr">  22 </span>
+<span id="L23" class="LineNr">  23 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L23'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L24" class="LineNr">  24 </span>  <span class="PreProc">var</span> env-storage: <a href='hest-life.mu.html#L50'>environment</a>
+<span id="L25" class="LineNr">  25 </span>  <span class="PreProc">var</span> env/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> address env-storage
+<span id="L26" class="LineNr">  26 </span>  <a href='hest-life.mu.html#L718'>initialize-environment</a> env
+<span id="L27" class="LineNr">  27 </span>  <span class="PreProc">var</span> second-buffer: <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L28" class="LineNr">  28 </span>  <span class="PreProc">var</span> second-screen/<span class="muRegEdi">edi</span>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>) <span class="Special">&lt;-</span> address second-buffer
+<span id="L29" class="LineNr">  29 </span>  <a href='../500fake-screen.mu.html#L33'>initialize-screen</a> second-screen, <span class="Constant">0x80</span>, <span class="Constant">0x30</span>, <span class="Constant">1</span>/include-pixels
+<span id="L30" class="LineNr">  30 </span>  <a href='hest-life.mu.html#L63'>render</a> second-screen, env
+<span id="L31" class="LineNr">  31 </span>  <a href='../500fake-screen.mu.html#L588'>convert-graphemes-to-pixels</a> second-screen
+<span id="L32" class="LineNr">  32 </span>  <a href='../500fake-screen.mu.html#L548'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L33" class="LineNr">  33 </span>  <span class="Delimiter">{</span>
+<span id="L34" class="LineNr">  34 </span>    <a href='hest-life.mu.html#L595'>edit</a> keyboard, env
+<span id="L35" class="LineNr">  35 </span>    <span class="PreProc">var</span> play?/eax: (addr boolean) <span class="Special">&lt;-</span> get env, play?
+<span id="L36" class="LineNr">  36 </span>    compare *play?, <span class="Constant">0</span>/false
+<span id="L37" class="LineNr">  37 </span>    <span class="Delimiter">{</span>
+<span id="L38" class="LineNr">  38 </span>      <span class="PreProc">break-if-=</span>
+<span id="L39" class="LineNr">  39 </span>      <a href='hest-life.mu.html#L679'>step</a> env
+<span id="L40" class="LineNr">  40 </span>      <a href='../500fake-screen.mu.html#L251'>clear-screen</a> second-screen
+<span id="L41" class="LineNr">  41 </span>      <a href='hest-life.mu.html#L63'>render</a> second-screen, env
+<span id="L42" class="LineNr">  42 </span>      <a href='../500fake-screen.mu.html#L588'>convert-graphemes-to-pixels</a> second-screen
+<span id="L43" class="LineNr">  43 </span>      <a href='../500fake-screen.mu.html#L548'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L44" class="LineNr">  44 </span>    <span class="Delimiter">}</span>
+<span id="L45" class="LineNr">  45 </span>    <a href='hest-life.mu.html#L1019'>linger</a> env
+<span id="L46" class="LineNr">  46 </span>    <span class="PreProc">loop</span>
+<span id="L47" class="LineNr">  47 </span>  <span class="Delimiter">}</span>
+<span id="L48" class="LineNr">  48 </span><span class="Delimiter">}</span>
+<span id="L49" class="LineNr">  49 </span>
+<span id="L50" class="LineNr">  50 </span><span class="PreProc">type</span> <a href='hest-life.mu.html#L50'>environment</a> <span class="Delimiter">{</span>
+<span id="L51" class="LineNr">  51 </span>  data: (handle array handle array <a href='hest-life.mu.html#L58'>cell</a>)
+<span id="L52" class="LineNr">  52 </span>  zoom: int  <span class="muComment"># 0 = 1024 px per cell; 5 = 4px per cell; each step adjusts by a factor of 4</span>
+<span id="L53" class="LineNr">  53 </span>  tick: int
+<span id="L54" class="LineNr">  54 </span>  play?: boolean
+<span id="L55" class="LineNr">  55 </span>  <span class="PreProc">loop</span>: int  <span class="muComment"># if non-zero, return tick to 0 after this point</span>
+<span id="L56" class="LineNr">  56 </span><span class="Delimiter">}</span>
+<span id="L57" class="LineNr">  57 </span>
+<span id="L58" class="LineNr">  58 </span><span class="PreProc">type</span> <a href='hest-life.mu.html#L58'>cell</a> <span class="Delimiter">{</span>
+<span id="L59" class="LineNr">  59 </span>  curr: boolean
+<span id="L60" class="LineNr">  60 </span>  next: boolean
+<span id="L61" class="LineNr">  61 </span><span class="Delimiter">}</span>
+<span id="L62" class="LineNr">  62 </span>
+<span id="L63" class="LineNr">  63 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L63'>render</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L64" class="LineNr">  64 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L65" class="LineNr">  65 </span>  <span class="PreProc">var</span> zoom/eax: (addr int) <span class="Special">&lt;-</span> get self, zoom
+<span id="L66" class="LineNr">  66 </span>  compare *zoom, <span class="Constant">0</span>
+<span id="L67" class="LineNr">  67 </span>  <span class="Delimiter">{</span>
+<span id="L68" class="LineNr">  68 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L69" class="LineNr">  69 </span>    <a href='../500fake-screen.mu.html#L251'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L70" class="LineNr">  70 </span>    <a href='hest-life.mu.html#L92'>render0</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, self
+<span id="L71" class="LineNr">  71 </span>  <span class="Delimiter">}</span>
+<span id="L72" class="LineNr">  72 </span>  compare *zoom, <span class="Constant">1</span>
+<span id="L73" class="LineNr">  73 </span>  <span class="Delimiter">{</span>
+<span id="L74" class="LineNr">  74 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L75" class="LineNr">  75 </span>    <a href='../500fake-screen.mu.html#L251'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L76" class="LineNr">  76 </span>    <a href='hest-life.mu.html#L212'>render1</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, self
+<span id="L77" class="LineNr">  77 </span>  <span class="Delimiter">}</span>
+<span id="L78" class="LineNr">  78 </span>  compare *zoom, <span class="Constant">4</span>
+<span id="L79" class="LineNr">  79 </span>  <span class="Delimiter">{</span>
+<span id="L80" class="LineNr">  80 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L81" class="LineNr">  81 </span>    <a href='hest-life.mu.html#L867'>render4</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, self
+<span id="L82" class="LineNr">  82 </span>  <span class="Delimiter">}</span>
+<span id="L83" class="LineNr">  83 </span>  <span class="muComment"># clock</span>
+<span id="L84" class="LineNr">  84 </span>  <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L85" class="LineNr">  85 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x78</span>/x, <span class="Constant">0</span>/y
+<span id="L86" class="LineNr">  86 </span>  <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, *tick-a, <span class="Constant">7</span>/fg <span class="Constant">0</span>/bg
+<span id="L87" class="LineNr">  87 </span><span class="Delimiter">}</span>
+<span id="L88" class="LineNr">  88 </span>
+<span id="L89" class="LineNr">  89 </span><span class="muComment"># Lots of hardcoded constants for now.</span>
+<span id="L90" class="LineNr">  90 </span><span class="muComment"># TODO: split this up into a primitive to render a single cell and its</span>
+<span id="L91" class="LineNr">  91 </span><span class="muComment"># incoming edges (but not the neighboring nodes they emanate from)</span>
+<span id="L92" class="LineNr">  92 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L92'>render0</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L93" class="LineNr">  93 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L94" class="LineNr">  94 </span>  <span class="muComment"># cell border</span>
+<span id="L95" class="LineNr">  95 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a>   <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x, <span class="Constant">0</span>/ymin, <span class="Constant">0x300</span>/ymax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L96" class="LineNr">  96 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a>   <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x, <span class="Constant">0</span>/ymin, <span class="Constant">0x300</span>/ymax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L97" class="LineNr">  97 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0x40</span>/y, <span class="Constant">0</span>/xmin, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L98" class="LineNr">  98 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2c0</span>/y, <span class="Constant">0</span>/xmin, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L99" class="LineNr">  99 </span>  <span class="muComment"># neighboring inputs, corners</span>
+<span id="L100" class="LineNr"> 100 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/cur-topleftx, <span class="Constant">0x5f</span>/cur-toplefty
+<span id="L101" class="LineNr"> 101 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0x90</span>/xmin   <span class="Constant">0x10</span>/ymin,    <span class="Constant">0xb0</span>/xmax   <span class="Constant">0x30</span>/ymax,  color
+<span id="L102" class="LineNr"> 102 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/cur-toprightx, <span class="Constant">0x5f</span>/cur-toprighty
+<span id="L103" class="LineNr"> 103 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x350</span>/xmin   <span class="Constant">0x10</span>/ymin,   <span class="Constant">0x370</span>/xmax   <span class="Constant">0x30</span>/ymax,  color
+<span id="L104" class="LineNr"> 104 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/cur-botleftx, <span class="Constant">0x61</span>/cur-botlefty
+<span id="L105" class="LineNr"> 105 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0x90</span>/xmin  <span class="Constant">0x2d0</span>/ymin,    <span class="Constant">0xb0</span>/xmax  <span class="Constant">0x2f0</span>/ymax,  color
+<span id="L106" class="LineNr"> 106 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/cur-botrightx, <span class="Constant">0x61</span>/cur-botrighty
+<span id="L107" class="LineNr"> 107 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x350</span>/xmin  <span class="Constant">0x2d0</span>/ymin,   <span class="Constant">0x370</span>/xmax  <span class="Constant">0x2f0</span>/ymax,  color
+<span id="L108" class="LineNr"> 108 </span>  <span class="muComment"># neighboring inputs, edges</span>
+<span id="L109" class="LineNr"> 109 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/cur-topx, <span class="Constant">0x5f</span>/cur-topy
+<span id="L110" class="LineNr"> 110 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1f0</span>/xmin   <span class="Constant">0x10</span>/ymin,   <span class="Constant">0x210</span>/xmax   <span class="Constant">0x30</span>/ymax,  color
+<span id="L111" class="LineNr"> 111 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/cur-leftx, <span class="Constant">0x60</span>/cur-lefty
+<span id="L112" class="LineNr"> 112 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0x90</span>/xmin  <span class="Constant">0x170</span>/ymin,    <span class="Constant">0xb0</span>/xmax  <span class="Constant">0x190</span>/ymax,  color
+<span id="L113" class="LineNr"> 113 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/cur-botx, <span class="Constant">0x61</span>/cur-boty
+<span id="L114" class="LineNr"> 114 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1f0</span>/xmin  <span class="Constant">0x2d0</span>/ymin,   <span class="Constant">0x210</span>/xmax  <span class="Constant">0x2f0</span>/ymax,  color
+<span id="L115" class="LineNr"> 115 </span>  color <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/cur-rightx, <span class="Constant">0x60</span>/cur-righty
+<span id="L116" class="LineNr"> 116 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x350</span>/xmin  <span class="Constant">0x170</span>/ymin,   <span class="Constant">0x370</span>/xmax  <span class="Constant">0x190</span>/ymax,  color
+<span id="L117" class="LineNr"> 117 </span>  <span class="muComment"># sum node</span>
+<span id="L118" class="LineNr"> 118 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x170</span>/xsmin <span class="Constant">0x140</span>/ysmin,  <span class="Constant">0x190</span>/xsmax <span class="Constant">0x160</span>/ysmax, <span class="Constant">0x40</span>/color
+<span id="L119" class="LineNr"> 119 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/scol, <span class="Constant">0x13</span>/srow
+<span id="L120" class="LineNr"> 120 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;+&quot;</span>, <span class="Constant">0xf</span>/color, <span class="Constant">0</span>/bg
+<span id="L121" class="LineNr"> 121 </span>  <span class="muComment"># conveyors from neighboring inputs to sum node</span>
+<span id="L122" class="LineNr"> 122 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa0</span>/x0  <span class="Constant">0x20</span>/y0,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x150</span>/ys,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L123" class="LineNr"> 123 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa0</span>/x0 <span class="Constant">0x180</span>/y0,   <span class="Constant">0xc0</span>/x1 <span class="Constant">0x150</span>/ys,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L124" class="LineNr"> 124 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa0</span>/x0 <span class="Constant">0x2e0</span>/y0,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x150</span>/ys,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L125" class="LineNr"> 125 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x200</span>/x0  <span class="Constant">0x20</span>/y0,  <span class="Constant">0x180</span>/x1  <span class="Constant">0x90</span>/y1,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L126" class="LineNr"> 126 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x200</span>/x0 <span class="Constant">0x2e0</span>/y0,  <span class="Constant">0x180</span>/x1 <span class="Constant">0x200</span>/y1,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L127" class="LineNr"> 127 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x360</span>/x0  <span class="Constant">0x20</span>/y0,  <span class="Constant">0x180</span>/x1  <span class="Constant">0xc0</span>/y1,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L128" class="LineNr"> 128 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x360</span>/x0 <span class="Constant">0x180</span>/y0,  <span class="Constant">0x35c</span>/x1 <span class="Constant">0x150</span>/ys,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L129" class="LineNr"> 129 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x360</span>/x0 <span class="Constant">0x2e0</span>/y0,  <span class="Constant">0x180</span>/x1 <span class="Constant">0x200</span>/y1,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
+<span id="L130" class="LineNr"> 130 </span>  <span class="muComment"># filter node</span>
+<span id="L131" class="LineNr"> 131 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x200</span>/xfmin <span class="Constant">0x1c0</span>/yfmin, <span class="Constant">0x220</span>/xfmax <span class="Constant">0x1e0</span>/yfmax, <span class="Constant">0x31</span>/color
+<span id="L132" class="LineNr"> 132 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x40</span>/fcol, <span class="Constant">0x1b</span>/frow
+<span id="L133" class="LineNr"> 133 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;?&quot;</span>, <span class="Constant">0xf</span>/color, <span class="Constant">0</span>/bg
+<span id="L134" class="LineNr"> 134 </span>  <span class="muComment"># conveyor from sum node to filter node</span>
+<span id="L135" class="LineNr"> 135 </span>  <a href='../507line.mu.html#L1'>draw-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a> <span class="Constant">0x180</span>/xs, <span class="Constant">0x150</span>/ys, <span class="Constant">0x210</span>/xf, <span class="Constant">0x1d0</span>/yf, <span class="Constant">0xa2</span>/color
+<span id="L136" class="LineNr"> 136 </span>  <span class="muComment"># cell outputs at corners</span>
+<span id="L137" class="LineNr"> 137 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L138" class="LineNr"> 138 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xd0</span>/xmin  <span class="Constant">0x50</span>/ymin,  <span class="Constant">0xf0</span>/xmax  <span class="Constant">0x70</span>/ymax, color
+<span id="L139" class="LineNr"> 139 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x310</span>/xmin  <span class="Constant">0x50</span>/ymin, <span class="Constant">0x330</span>/xmax  <span class="Constant">0x70</span>/ymax, color
+<span id="L140" class="LineNr"> 140 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xd0</span>/xmin <span class="Constant">0x290</span>/ymin,  <span class="Constant">0xf0</span>/xmax <span class="Constant">0x2b0</span>/ymax, color
+<span id="L141" class="LineNr"> 141 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x310</span>/xmin <span class="Constant">0x290</span>/ymin, <span class="Constant">0x330</span>/xmax <span class="Constant">0x2b0</span>/ymax, color
+<span id="L142" class="LineNr"> 142 </span>  <span class="muComment"># cell outputs at edges</span>
+<span id="L143" class="LineNr"> 143 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1f0</span>/xmin  <span class="Constant">0x50</span>/ymin, <span class="Constant">0x210</span>/xmax  <span class="Constant">0x70</span>/ymax, color
+<span id="L144" class="LineNr"> 144 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xd0</span>/xmin <span class="Constant">0x170</span>/ymin,  <span class="Constant">0xf0</span>/xmax <span class="Constant">0x190</span>/ymax, color
+<span id="L145" class="LineNr"> 145 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1f0</span>/xmin <span class="Constant">0x290</span>/ymin, <span class="Constant">0x210</span>/xmax <span class="Constant">0x2b0</span>/ymax, color
+<span id="L146" class="LineNr"> 146 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x310</span>/xmin <span class="Constant">0x170</span>/ymin, <span class="Constant">0x330</span>/xmax <span class="Constant">0x190</span>/ymax, color
+<span id="L147" class="LineNr"> 147 </span>  <span class="muComment"># conveyors from filter to outputs</span>
+<span id="L148" class="LineNr"> 148 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x1c0</span>/x1  <span class="Constant">0x60</span>/y1,  <span class="Constant">0xe0</span>/x2   <span class="Constant">0x60</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L149" class="LineNr"> 149 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,   <span class="Constant">0xe0</span>/x1 <span class="Constant">0x1c0</span>/y1,  <span class="Constant">0xe0</span>/x2  <span class="Constant">0x180</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L150" class="LineNr"> 150 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x1c0</span>/x1 <span class="Constant">0x2a0</span>/y1,  <span class="Constant">0xe0</span>/x2  <span class="Constant">0x2a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L151" class="LineNr"> 151 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x210</span>/x1  <span class="Constant">0x60</span>/y1, <span class="Constant">0x200</span>/x2   <span class="Constant">0x60</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L152" class="LineNr"> 152 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x210</span>/x1 <span class="Constant">0x230</span>/y1, <span class="Constant">0x200</span>/x2  <span class="Constant">0x2a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L153" class="LineNr"> 153 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x320</span>/x1 <span class="Constant">0x120</span>/y1, <span class="Constant">0x320</span>/x2   <span class="Constant">0x60</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L154" class="LineNr"> 154 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x320</span>/x1 <span class="Constant">0x1c0</span>/y1  <span class="Constant">0x320</span>/x2  <span class="Constant">0x180</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L155" class="LineNr"> 155 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x320</span>/x1 <span class="Constant">0x230</span>/y1, <span class="Constant">0x320</span>/x2  <span class="Constant">0x2a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L156" class="LineNr"> 156 </span>  <span class="muComment"># time-variant portion: 16 repeating steps</span>
+<span id="L157" class="LineNr"> 157 </span>  <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L158" class="LineNr"> 158 </span>  <span class="PreProc">var</span> progress/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L159" class="LineNr"> 159 </span>  progress <span class="Special">&lt;-</span> and <span class="Constant">0xf</span>
+<span id="L160" class="LineNr"> 160 </span>  <span class="muComment"># 7 time steps for getting inputs to sum</span>
+<span id="L161" class="LineNr"> 161 </span>  <span class="Delimiter">{</span>
+<span id="L162" class="LineNr"> 162 </span>    compare progress, <span class="Constant">7</span>
+<span id="L163" class="LineNr"> 163 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L164" class="LineNr"> 164 </span>    <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L165" class="LineNr"> 165 </span>    <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L166" class="LineNr"> 166 </span>    <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L167" class="LineNr"> 167 </span>    u <span class="Special">&lt;-</span> divide six-f
+<span id="L168" class="LineNr"> 168 </span>    <span class="muComment"># points on conveyors from neighboring cells</span>
+<span id="L169" class="LineNr"> 169 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xa0</span>/x0  <span class="Constant">0x20</span>/y0, <span class="Constant">0x100</span>/x1 <span class="Constant">0x150</span>/ys, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L170" class="LineNr"> 170 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xa0</span>/x0 <span class="Constant">0x180</span>/y0,  <span class="Constant">0xc0</span>/x1 <span class="Constant">0x150</span>/ys, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L171" class="LineNr"> 171 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xa0</span>/x0 <span class="Constant">0x2e0</span>/y0, <span class="Constant">0x100</span>/x1 <span class="Constant">0x150</span>/ys, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L172" class="LineNr"> 172 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x200</span>/x0  <span class="Constant">0x20</span>/y0, <span class="Constant">0x180</span>/x1  <span class="Constant">0x90</span>/y1, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L173" class="LineNr"> 173 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x200</span>/x0 <span class="Constant">0x2e0</span>/y0, <span class="Constant">0x180</span>/x1 <span class="Constant">0x200</span>/y1, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L174" class="LineNr"> 174 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x360</span>/x0  <span class="Constant">0x20</span>/y0, <span class="Constant">0x180</span>/x1  <span class="Constant">0xc0</span>/y1, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L175" class="LineNr"> 175 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x360</span>/x0 <span class="Constant">0x180</span>/y0, <span class="Constant">0x35c</span>/x1 <span class="Constant">0x150</span>/ys, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L176" class="LineNr"> 176 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x360</span>/x0 <span class="Constant">0x2e0</span>/y0, <span class="Constant">0x180</span>/x1 <span class="Constant">0x200</span>/y1, <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L177" class="LineNr"> 177 </span>    <span class="PreProc">return</span>
+<span id="L178" class="LineNr"> 178 </span>  <span class="Delimiter">}</span>
+<span id="L179" class="LineNr"> 179 </span>  <span class="muComment"># two time steps for getting count to filter</span>
+<span id="L180" class="LineNr"> 180 </span>  progress <span class="Special">&lt;-</span> subtract <span class="Constant">7</span>
+<span id="L181" class="LineNr"> 181 </span>  <span class="Delimiter">{</span>
+<span id="L182" class="LineNr"> 182 </span>    compare progress, <span class="Constant">2</span>
+<span id="L183" class="LineNr"> 183 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L184" class="LineNr"> 184 </span>    progress <span class="Special">&lt;-</span> increment  <span class="muComment"># (0, 1) =&gt; (1, 2)</span>
+<span id="L185" class="LineNr"> 185 </span>    <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L186" class="LineNr"> 186 </span>    <span class="PreProc">var</span> three/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">3</span>
+<span id="L187" class="LineNr"> 187 </span>    <span class="PreProc">var</span> three-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert three
+<span id="L188" class="LineNr"> 188 </span>    u <span class="Special">&lt;-</span> divide three-f
+<span id="L189" class="LineNr"> 189 </span>    <a href='hest-life.mu.html#L588'>draw-linear-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x180</span>/xs, <span class="Constant">0x150</span>/ys, <span class="Constant">0x210</span>/xf, <span class="Constant">0x1d0</span>/yf, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L190" class="LineNr"> 190 </span>    <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x3a</span>/scol, <span class="Constant">0x18</span>/srow
+<span id="L191" class="LineNr"> 191 </span>    <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L192" class="LineNr"> 192 </span>    <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L193" class="LineNr"> 193 </span>    <span class="PreProc">return</span>
+<span id="L194" class="LineNr"> 194 </span>  <span class="Delimiter">}</span>
+<span id="L195" class="LineNr"> 195 </span>  <span class="muComment"># final 7 time steps for updating output</span>
+<span id="L196" class="LineNr"> 196 </span>  progress <span class="Special">&lt;-</span> subtract <span class="Constant">2</span>
+<span id="L197" class="LineNr"> 197 </span>  <span class="muComment"># points on conveyors to outputs</span>
+<span id="L198" class="LineNr"> 198 </span>  <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L199" class="LineNr"> 199 </span>  <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L200" class="LineNr"> 200 </span>  <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L201" class="LineNr"> 201 </span>  u <span class="Special">&lt;-</span> divide six-f
+<span id="L202" class="LineNr"> 202 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x1c0</span>/x1  <span class="Constant">0x60</span>/y1,  <span class="Constant">0xe0</span>/x2   <span class="Constant">0x60</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L203" class="LineNr"> 203 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,   <span class="Constant">0xe0</span>/x1 <span class="Constant">0x1c0</span>/y1,  <span class="Constant">0xe0</span>/x2  <span class="Constant">0x180</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L204" class="LineNr"> 204 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x1c0</span>/x1 <span class="Constant">0x2a0</span>/y1,  <span class="Constant">0xe0</span>/x2  <span class="Constant">0x2a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L205" class="LineNr"> 205 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x210</span>/xf  <span class="Constant">0x60</span>/y1, <span class="Constant">0x200</span>/x2   <span class="Constant">0x60</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L206" class="LineNr"> 206 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x210</span>/xf <span class="Constant">0x230</span>/y1, <span class="Constant">0x200</span>/x2  <span class="Constant">0x2a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L207" class="LineNr"> 207 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x320</span>/x1 <span class="Constant">0x120</span>/y1, <span class="Constant">0x320</span>/x2   <span class="Constant">0x60</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L208" class="LineNr"> 208 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x320</span>/x1 <span class="Constant">0x1c0</span>/y1, <span class="Constant">0x320</span>/x2  <span class="Constant">0x180</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L209" class="LineNr"> 209 </span>  <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x210</span>/xf <span class="Constant">0x1d0</span>/yf,  <span class="Constant">0x320</span>/x1 <span class="Constant">0x230</span>/y1, <span class="Constant">0x320</span>/x2  <span class="Constant">0x2a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L210" class="LineNr"> 210 </span><span class="Delimiter">}</span>
+<span id="L211" class="LineNr"> 211 </span>
+<span id="L212" class="LineNr"> 212 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L212'>render1</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L213" class="LineNr"> 213 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L214" class="LineNr"> 214 </span>  <span class="muComment"># cell borders</span>
+<span id="L215" class="LineNr"> 215 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a>   <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe0</span>/x, <span class="Constant">0</span>/ymin, <span class="Constant">0x300</span>/ymax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L216" class="LineNr"> 216 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a>   <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x200</span>/x, <span class="Constant">0</span>/ymin, <span class="Constant">0x300</span>/ymax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L217" class="LineNr"> 217 </span>  <a href='../507line.mu.html#L75'>draw-vertical-line</a>   <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x320</span>/x, <span class="Constant">0</span>/ymin, <span class="Constant">0x300</span>/ymax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L218" class="LineNr"> 218 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0x60</span>/y, <span class="Constant">0</span>/xmin, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L219" class="LineNr"> 219 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x180</span>/y, <span class="Constant">0</span>/xmin, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L220" class="LineNr"> 220 </span>  <a href='../507line.mu.html#L64'>draw-horizontal-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a0</span>/y, <span class="Constant">0</span>/xmin, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x16</span>/color=dark-grey
+<span id="L221" class="LineNr"> 221 </span>  <span class="muComment"># cell 0: outputs</span>
+<span id="L222" class="LineNr"> 222 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L223" class="LineNr"> 223 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe8</span>/xmin  <span class="Constant">0x68</span>/ymin, <span class="Constant">0x118</span>/xmax   <span class="Constant">0x98</span>/ymax, color
+<span id="L224" class="LineNr"> 224 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe8</span>/xmin  <span class="Constant">0xd0</span>/ymin, <span class="Constant">0x118</span>/xmax  <span class="Constant">0x100</span>/ymax, color
+<span id="L225" class="LineNr"> 225 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe8</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x118</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L226" class="LineNr"> 226 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x158</span>/xmin  <span class="Constant">0x68</span>/ymin, <span class="Constant">0x188</span>/xmax   <span class="Constant">0x98</span>/ymax, color
+<span id="L227" class="LineNr"> 227 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x158</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x188</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L228" class="LineNr"> 228 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin  <span class="Constant">0x68</span>/ymin, <span class="Constant">0x1f8</span>/xmax   <span class="Constant">0x98</span>/ymax, color
+<span id="L229" class="LineNr"> 229 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin  <span class="Constant">0xd0</span>/ymin, <span class="Constant">0x1f8</span>/xmax  <span class="Constant">0x100</span>/ymax, color
+<span id="L230" class="LineNr"> 230 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x1f8</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L231" class="LineNr"> 231 </span>  <span class="muComment"># cell 1: outputs</span>
+<span id="L232" class="LineNr"> 232 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L233" class="LineNr"> 233 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin  <span class="Constant">0x68</span>/ymin, <span class="Constant">0x238</span>/xmax   <span class="Constant">0x98</span>/ymax, color
+<span id="L234" class="LineNr"> 234 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin  <span class="Constant">0xd0</span>/ymin, <span class="Constant">0x238</span>/xmax  <span class="Constant">0x100</span>/ymax, color
+<span id="L235" class="LineNr"> 235 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x238</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L236" class="LineNr"> 236 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x278</span>/xmin  <span class="Constant">0x68</span>/ymin, <span class="Constant">0x2a8</span>/xmax   <span class="Constant">0x98</span>/ymax, color
+<span id="L237" class="LineNr"> 237 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x278</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x2a8</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L238" class="LineNr"> 238 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2e8</span>/xmin  <span class="Constant">0x68</span>/ymin, <span class="Constant">0x318</span>/xmax   <span class="Constant">0x98</span>/ymax, color
+<span id="L239" class="LineNr"> 239 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2e8</span>/xmin  <span class="Constant">0xd0</span>/ymin, <span class="Constant">0x318</span>/xmax  <span class="Constant">0x100</span>/ymax, color
+<span id="L240" class="LineNr"> 240 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2e8</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x318</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L241" class="LineNr"> 241 </span>  <span class="muComment"># cell 2: outputs</span>
+<span id="L242" class="LineNr"> 242 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x61</span>/cury
+<span id="L243" class="LineNr"> 243 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe8</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x118</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L244" class="LineNr"> 244 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe8</span>/xmin <span class="Constant">0x1f0</span>/ymin, <span class="Constant">0x118</span>/xmax  <span class="Constant">0x220</span>/ymax, color
+<span id="L245" class="LineNr"> 245 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xe8</span>/xmin <span class="Constant">0x268</span>/ymin, <span class="Constant">0x118</span>/xmax  <span class="Constant">0x298</span>/ymax, color
+<span id="L246" class="LineNr"> 246 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x158</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x188</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L247" class="LineNr"> 247 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x158</span>/xmin <span class="Constant">0x268</span>/ymin, <span class="Constant">0x188</span>/xmax  <span class="Constant">0x298</span>/ymax, color
+<span id="L248" class="LineNr"> 248 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x1f8</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L249" class="LineNr"> 249 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin <span class="Constant">0x1f0</span>/ymin, <span class="Constant">0x1f8</span>/xmax  <span class="Constant">0x220</span>/ymax, color
+<span id="L250" class="LineNr"> 250 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin <span class="Constant">0x268</span>/ymin, <span class="Constant">0x1f8</span>/xmax  <span class="Constant">0x298</span>/ymax, color
+<span id="L251" class="LineNr"> 251 </span>  <span class="muComment"># cell 3: outputs</span>
+<span id="L252" class="LineNr"> 252 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x61</span>/cury
+<span id="L253" class="LineNr"> 253 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x238</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L254" class="LineNr"> 254 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin <span class="Constant">0x1f0</span>/ymin, <span class="Constant">0x238</span>/xmax  <span class="Constant">0x220</span>/ymax, color
+<span id="L255" class="LineNr"> 255 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin <span class="Constant">0x268</span>/ymin, <span class="Constant">0x238</span>/xmax  <span class="Constant">0x298</span>/ymax, color
+<span id="L256" class="LineNr"> 256 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x278</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x2a8</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L257" class="LineNr"> 257 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x278</span>/xmin <span class="Constant">0x268</span>/ymin, <span class="Constant">0x2a8</span>/xmax  <span class="Constant">0x298</span>/ymax, color
+<span id="L258" class="LineNr"> 258 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2e8</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x318</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L259" class="LineNr"> 259 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2e8</span>/xmin <span class="Constant">0x1f0</span>/ymin, <span class="Constant">0x318</span>/xmax  <span class="Constant">0x220</span>/ymax, color
+<span id="L260" class="LineNr"> 260 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2e8</span>/xmin <span class="Constant">0x268</span>/ymin, <span class="Constant">0x318</span>/xmax  <span class="Constant">0x298</span>/ymax, color
+<span id="L261" class="LineNr"> 261 </span>  <span class="muComment"># neighboring nodes</span>
+<span id="L262" class="LineNr"> 262 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/curx, <span class="Constant">0x5f</span>/cury
+<span id="L263" class="LineNr"> 263 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa8</span>/xmin  <span class="Constant">0x28</span>/ymin,  <span class="Constant">0xd8</span>/xmax   <span class="Constant">0x58</span>/ymax, color
+<span id="L264" class="LineNr"> 264 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x5f</span>/cury
+<span id="L265" class="LineNr"> 265 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x158</span>/xmin  <span class="Constant">0x28</span>/ymin, <span class="Constant">0x188</span>/xmax   <span class="Constant">0x58</span>/ymax, color
+<span id="L266" class="LineNr"> 266 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin  <span class="Constant">0x28</span>/ymin, <span class="Constant">0x1f8</span>/xmax   <span class="Constant">0x58</span>/ymax, color
+<span id="L267" class="LineNr"> 267 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x5f</span>/cury
+<span id="L268" class="LineNr"> 268 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin  <span class="Constant">0x28</span>/ymin, <span class="Constant">0x238</span>/xmax   <span class="Constant">0x58</span>/ymax, color
+<span id="L269" class="LineNr"> 269 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x278</span>/xmin  <span class="Constant">0x28</span>/ymin, <span class="Constant">0x2a8</span>/xmax   <span class="Constant">0x58</span>/ymax, color
+<span id="L270" class="LineNr"> 270 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x82</span>/curx, <span class="Constant">0x5f</span>/cury
+<span id="L271" class="LineNr"> 271 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x328</span>/xmin  <span class="Constant">0x28</span>/ymin, <span class="Constant">0x358</span>/xmax   <span class="Constant">0x58</span>/ymax, color
+<span id="L272" class="LineNr"> 272 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L273" class="LineNr"> 273 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa8</span>/xmin  <span class="Constant">0xd0</span>/ymin,  <span class="Constant">0xd8</span>/xmax  <span class="Constant">0x100</span>/ymax, color
+<span id="L274" class="LineNr"> 274 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa8</span>/xmin <span class="Constant">0x148</span>/ymin,  <span class="Constant">0xd8</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L275" class="LineNr"> 275 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x82</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L276" class="LineNr"> 276 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x328</span>/xmin  <span class="Constant">0xd0</span>/ymin, <span class="Constant">0x358</span>/xmax  <span class="Constant">0x100</span>/ymax, color
+<span id="L277" class="LineNr"> 277 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x328</span>/xmin <span class="Constant">0x148</span>/ymin, <span class="Constant">0x358</span>/xmax  <span class="Constant">0x178</span>/ymax, color
+<span id="L278" class="LineNr"> 278 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/curx, <span class="Constant">0x61</span>/cury
+<span id="L279" class="LineNr"> 279 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa8</span>/xmin <span class="Constant">0x188</span>/ymin,  <span class="Constant">0xd8</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L280" class="LineNr"> 280 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa8</span>/xmin <span class="Constant">0x1f0</span>/ymin,  <span class="Constant">0xd8</span>/xmax  <span class="Constant">0x220</span>/ymax, color
+<span id="L281" class="LineNr"> 281 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x82</span>/curx, <span class="Constant">0x61</span>/cury
+<span id="L282" class="LineNr"> 282 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x328</span>/xmin <span class="Constant">0x188</span>/ymin, <span class="Constant">0x358</span>/xmax  <span class="Constant">0x1b8</span>/ymax, color
+<span id="L283" class="LineNr"> 283 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x328</span>/xmin <span class="Constant">0x1f0</span>/ymin, <span class="Constant">0x358</span>/xmax  <span class="Constant">0x220</span>/ymax, color
+<span id="L284" class="LineNr"> 284 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x7f</span>/curx, <span class="Constant">0x62</span>/cury
+<span id="L285" class="LineNr"> 285 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa8</span>/xmin <span class="Constant">0x2a8</span>/ymin,  <span class="Constant">0xd8</span>/xmax  <span class="Constant">0x2d8</span>/ymax, color
+<span id="L286" class="LineNr"> 286 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x62</span>/cury
+<span id="L287" class="LineNr"> 287 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x158</span>/xmin <span class="Constant">0x2a8</span>/ymin, <span class="Constant">0x188</span>/xmax  <span class="Constant">0x2d8</span>/ymax, color
+<span id="L288" class="LineNr"> 288 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1c8</span>/xmin <span class="Constant">0x2a8</span>/ymin, <span class="Constant">0x1f8</span>/xmax  <span class="Constant">0x2d8</span>/ymax, color
+<span id="L289" class="LineNr"> 289 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x62</span>/cury
+<span id="L290" class="LineNr"> 290 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x208</span>/xmin <span class="Constant">0x2a8</span>/ymin, <span class="Constant">0x238</span>/xmax  <span class="Constant">0x2d8</span>/ymax, color
+<span id="L291" class="LineNr"> 291 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x278</span>/xmin <span class="Constant">0x2a8</span>/ymin, <span class="Constant">0x2a8</span>/xmax  <span class="Constant">0x2d8</span>/ymax, color
+<span id="L292" class="LineNr"> 292 </span>  <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L825'>state-color</a> self, <span class="Constant">0x82</span>/curx, <span class="Constant">0x62</span>/cury
+<span id="L293" class="LineNr"> 293 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x328</span>/xmin <span class="Constant">0x2a8</span>/ymin, <span class="Constant">0x358</span>/xmax  <span class="Constant">0x2d8</span>/ymax, color
+<span id="L294" class="LineNr"> 294 </span>  <span class="muComment"># cell 0: sum and filter nodes</span>
+<span id="L295" class="LineNr"> 295 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x148</span>/xsmin  <span class="Constant">0xc8</span>/ysmin, <span class="Constant">0x158</span>/xsmax  <span class="Constant">0xd8</span>/ysmax, <span class="Constant">0x40</span>/color
+<span id="L296" class="LineNr"> 296 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x180</span>/xfmin  <span class="Constant">0xf8</span>/yfmin, <span class="Constant">0x190</span>/xfmax <span class="Constant">0x108</span>/yfmax, <span class="Constant">0x31</span>/color
+<span id="L297" class="LineNr"> 297 </span>  <span class="muComment"># cell 1: sum and filter nodes</span>
+<span id="L298" class="LineNr"> 298 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x268</span>/xsmin  <span class="Constant">0xc8</span>/ysmin, <span class="Constant">0x278</span>/xsmax  <span class="Constant">0xd8</span>/ysmax, <span class="Constant">0x40</span>/color
+<span id="L299" class="LineNr"> 299 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a0</span>/xfmin  <span class="Constant">0xf8</span>/yfmin, <span class="Constant">0x2b0</span>/xfmax <span class="Constant">0x108</span>/yfmax, <span class="Constant">0x31</span>/color
+<span id="L300" class="LineNr"> 300 </span>  <span class="muComment"># cell 2: sum and filter nodes</span>
+<span id="L301" class="LineNr"> 301 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x148</span>/xsmin <span class="Constant">0x1e8</span>/ysmin, <span class="Constant">0x158</span>/xsmax <span class="Constant">0x1f8</span>/ysmax, <span class="Constant">0x40</span>/color
+<span id="L302" class="LineNr"> 302 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x180</span>/xfmin <span class="Constant">0x218</span>/yfmin, <span class="Constant">0x190</span>/xfmax <span class="Constant">0x228</span>/yfmax, <span class="Constant">0x31</span>/color
+<span id="L303" class="LineNr"> 303 </span>  <span class="muComment"># cell 3: sum and filter nodes</span>
+<span id="L304" class="LineNr"> 304 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x268</span>/xsmin <span class="Constant">0x1e8</span>/ysmin, <span class="Constant">0x278</span>/xsmax <span class="Constant">0x1f8</span>/ysmax, <span class="Constant">0x40</span>/color
+<span id="L305" class="LineNr"> 305 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a0</span>/xfmin <span class="Constant">0x218</span>/yfmin, <span class="Constant">0x2b0</span>/xfmax <span class="Constant">0x228</span>/yfmax, <span class="Constant">0x31</span>/color
+<span id="L306" class="LineNr"> 306 </span>  <span class="muComment"># neighbor counts</span>
+<span id="L307" class="LineNr"> 307 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L308" class="LineNr"> 308 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>, <span class="Constant">0xe</span>
+<span id="L309" class="LineNr"> 309 </span>  <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L310" class="LineNr"> 310 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x60</span>/cury
+<span id="L311" class="LineNr"> 311 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x52</span>, <span class="Constant">0xe</span>
+<span id="L312" class="LineNr"> 312 </span>  <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L313" class="LineNr"> 313 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x61</span>/cury
+<span id="L314" class="LineNr"> 314 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>, <span class="Constant">0x20</span>
+<span id="L315" class="LineNr"> 315 </span>  <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L316" class="LineNr"> 316 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x61</span>/cury
+<span id="L317" class="LineNr"> 317 </span>  <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x52</span>, <span class="Constant">0x20</span>
+<span id="L318" class="LineNr"> 318 </span>  <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L319" class="LineNr"> 319 </span>  <span class="muComment"># cell 0: conveyors from neighboring inputs to sum node</span>
+<span id="L320" class="LineNr"> 320 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x100</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L321" class="LineNr"> 321 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0  <span class="Constant">0xe8</span>/y0,   <span class="Constant">0xc0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L322" class="LineNr"> 322 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x1a0</span>/y0,   <span class="Constant">0xe0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L323" class="LineNr"> 323 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x170</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x150</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L324" class="LineNr"> 324 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x170</span>/x0 <span class="Constant">0x1a0</span>/y0,  <span class="Constant">0x150</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L325" class="LineNr"> 325 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x220</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x150</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L326" class="LineNr"> 326 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x220</span>/x0  <span class="Constant">0xe8</span>/y0,  <span class="Constant">0x220</span>/x1  <span class="Constant">0xd0</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L327" class="LineNr"> 327 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x220</span>/x0 <span class="Constant">0x1a0</span>/y0,  <span class="Constant">0x180</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L328" class="LineNr"> 328 </span>  <span class="muComment"># cell 0: conveyors from filter to outputs</span>
+<span id="L329" class="LineNr"> 329 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x160</span>/x1  <span class="Constant">0x8c</span>/y1, <span class="Constant">0x100</span>/x2  <span class="Constant">0x80</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L330" class="LineNr"> 330 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x100</span>/x2  <span class="Constant">0xe8</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L331" class="LineNr"> 331 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x160</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L332" class="LineNr"> 332 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x188</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x170</span>/x2  <span class="Constant">0x80</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L333" class="LineNr"> 333 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x188</span>/x1 <span class="Constant">0x160</span>/y1, <span class="Constant">0x170</span>/x2 <span class="Constant">0x160</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L334" class="LineNr"> 334 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x1e0</span>/x2  <span class="Constant">0x80</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L335" class="LineNr"> 335 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x100</span>/y1  <span class="Constant">0x1e0</span>/x2  <span class="Constant">0xe8</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L336" class="LineNr"> 336 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x160</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L337" class="LineNr"> 337 </span>  <span class="muComment"># cell 0: time-variant portion: 16 repeating steps</span>
+<span id="L338" class="LineNr"> 338 </span>  $render1:cell0: <span class="Delimiter">{</span>
+<span id="L339" class="LineNr"> 339 </span>    <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L340" class="LineNr"> 340 </span>    <span class="PreProc">var</span> progress/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L341" class="LineNr"> 341 </span>    progress <span class="Special">&lt;-</span> and <span class="Constant">0xf</span>
+<span id="L342" class="LineNr"> 342 </span>    <span class="muComment"># cell 0: 7 time steps for getting inputs to sum</span>
+<span id="L343" class="LineNr"> 343 </span>    <span class="Delimiter">{</span>
+<span id="L344" class="LineNr"> 344 </span>      compare progress, <span class="Constant">7</span>
+<span id="L345" class="LineNr"> 345 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L346" class="LineNr"> 346 </span>      <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L347" class="LineNr"> 347 </span>      <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L348" class="LineNr"> 348 </span>      <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L349" class="LineNr"> 349 </span>      u <span class="Special">&lt;-</span> divide six-f
+<span id="L350" class="LineNr"> 350 </span>      <span class="muComment"># points on conveyors from neighboring cells</span>
+<span id="L351" class="LineNr"> 351 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xc0</span>/x0  <span class="Constant">0x40</span>/y0, <span class="Constant">0x100</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L352" class="LineNr"> 352 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xc0</span>/x0  <span class="Constant">0xe8</span>/y0,  <span class="Constant">0xc0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L353" class="LineNr"> 353 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x1a0</span>/y0,  <span class="Constant">0xe0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L354" class="LineNr"> 354 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x170</span>/x0  <span class="Constant">0x40</span>/y0, <span class="Constant">0x150</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L355" class="LineNr"> 355 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x170</span>/x0 <span class="Constant">0x1a0</span>/y0, <span class="Constant">0x150</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L356" class="LineNr"> 356 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x220</span>/x0  <span class="Constant">0x40</span>/y0, <span class="Constant">0x150</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L357" class="LineNr"> 357 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x220</span>/x0  <span class="Constant">0xe8</span>/y0, <span class="Constant">0x220</span>/x1  <span class="Constant">0xd0</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L358" class="LineNr"> 358 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x220</span>/x0 <span class="Constant">0x1a0</span>/y0, <span class="Constant">0x180</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L359" class="LineNr"> 359 </span>      <span class="PreProc">break</span> $render1:cell0
+<span id="L360" class="LineNr"> 360 </span>    <span class="Delimiter">}</span>
+<span id="L361" class="LineNr"> 361 </span>    <span class="muComment"># cell 0: two time steps for getting count to filter</span>
+<span id="L362" class="LineNr"> 362 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">7</span>
+<span id="L363" class="LineNr"> 363 </span>    <span class="Delimiter">{</span>
+<span id="L364" class="LineNr"> 364 </span>      compare progress, <span class="Constant">2</span>
+<span id="L365" class="LineNr"> 365 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L366" class="LineNr"> 366 </span>      <span class="PreProc">break</span> $render1:cell0
+<span id="L367" class="LineNr"> 367 </span>    <span class="Delimiter">}</span>
+<span id="L368" class="LineNr"> 368 </span>    <span class="muComment"># cell 0: final 7 time steps for updating output</span>
+<span id="L369" class="LineNr"> 369 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">2</span>
+<span id="L370" class="LineNr"> 370 </span>    <span class="muComment"># cell 0: points on conveyors to outputs</span>
+<span id="L371" class="LineNr"> 371 </span>    <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L372" class="LineNr"> 372 </span>    <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L373" class="LineNr"> 373 </span>    <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L374" class="LineNr"> 374 </span>    u <span class="Special">&lt;-</span> divide six-f
+<span id="L375" class="LineNr"> 375 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x160</span>/x1  <span class="Constant">0x8c</span>/y1, <span class="Constant">0x100</span>/x2  <span class="Constant">0x80</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L376" class="LineNr"> 376 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x100</span>/x2  <span class="Constant">0xe8</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L377" class="LineNr"> 377 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x160</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L378" class="LineNr"> 378 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x188</span>/xf  <span class="Constant">0x80</span>/y1, <span class="Constant">0x170</span>/x2  <span class="Constant">0x80</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L379" class="LineNr"> 379 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x188</span>/xf <span class="Constant">0x160</span>/y1, <span class="Constant">0x170</span>/x2 <span class="Constant">0x160</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L380" class="LineNr"> 380 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x1e0</span>/x2  <span class="Constant">0x80</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L381" class="LineNr"> 381 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x1e0</span>/x2  <span class="Constant">0xe8</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L382" class="LineNr"> 382 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x160</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L383" class="LineNr"> 383 </span>  <span class="Delimiter">}</span>
+<span id="L384" class="LineNr"> 384 </span>  <span class="muComment"># cell 1: conveyors from neighboring inputs to sum node</span>
+<span id="L385" class="LineNr"> 385 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1e0</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x220</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L386" class="LineNr"> 386 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1e0</span>/x0  <span class="Constant">0xe8</span>/y0,  <span class="Constant">0x1e0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L387" class="LineNr"> 387 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x1a0</span>/y0,  <span class="Constant">0x200</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L388" class="LineNr"> 388 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x290</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x270</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L389" class="LineNr"> 389 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x290</span>/x0 <span class="Constant">0x1a0</span>/y0,  <span class="Constant">0x270</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L390" class="LineNr"> 390 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x270</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L391" class="LineNr"> 391 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x0  <span class="Constant">0xe8</span>/y0,  <span class="Constant">0x340</span>/x1  <span class="Constant">0xd0</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L392" class="LineNr"> 392 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x0 <span class="Constant">0x1a0</span>/y0,  <span class="Constant">0x2a0</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L393" class="LineNr"> 393 </span>  <span class="muComment"># cell 1: conveyors from filter to outputs</span>
+<span id="L394" class="LineNr"> 394 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x280</span>/x1  <span class="Constant">0x8c</span>/y1, <span class="Constant">0x220</span>/x2  <span class="Constant">0x80</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L395" class="LineNr"> 395 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x220</span>/x2  <span class="Constant">0xe8</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L396" class="LineNr"> 396 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x160</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L397" class="LineNr"> 397 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x2a8</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x290</span>/x2  <span class="Constant">0x80</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L398" class="LineNr"> 398 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x2a8</span>/x1 <span class="Constant">0x160</span>/y1, <span class="Constant">0x290</span>/x2 <span class="Constant">0x160</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L399" class="LineNr"> 399 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x300</span>/x2  <span class="Constant">0x80</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L400" class="LineNr"> 400 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x100</span>/y1  <span class="Constant">0x300</span>/x2  <span class="Constant">0xe8</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L401" class="LineNr"> 401 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x160</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L402" class="LineNr"> 402 </span>  <span class="muComment"># cell 1: time-variant portion: 16 repeating steps</span>
+<span id="L403" class="LineNr"> 403 </span>  $render1:cell1: <span class="Delimiter">{</span>
+<span id="L404" class="LineNr"> 404 </span>    <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L405" class="LineNr"> 405 </span>    <span class="PreProc">var</span> progress/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L406" class="LineNr"> 406 </span>    progress <span class="Special">&lt;-</span> and <span class="Constant">0xf</span>
+<span id="L407" class="LineNr"> 407 </span>    <span class="muComment"># cell 1: 7 time steps for getting inputs to sum</span>
+<span id="L408" class="LineNr"> 408 </span>    <span class="Delimiter">{</span>
+<span id="L409" class="LineNr"> 409 </span>      compare progress, <span class="Constant">7</span>
+<span id="L410" class="LineNr"> 410 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L411" class="LineNr"> 411 </span>      <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L412" class="LineNr"> 412 </span>      <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L413" class="LineNr"> 413 </span>      <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L414" class="LineNr"> 414 </span>      u <span class="Special">&lt;-</span> divide six-f
+<span id="L415" class="LineNr"> 415 </span>      <span class="muComment"># points on conveyors from neighboring cells</span>
+<span id="L416" class="LineNr"> 416 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x1e0</span>/x0  <span class="Constant">0x40</span>/y0, <span class="Constant">0x220</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L417" class="LineNr"> 417 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x1e0</span>/x0  <span class="Constant">0xe8</span>/y0, <span class="Constant">0x1e0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L418" class="LineNr"> 418 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x1a0</span>/y0, <span class="Constant">0x200</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L419" class="LineNr"> 419 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x290</span>/x0  <span class="Constant">0x40</span>/y0, <span class="Constant">0x270</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L420" class="LineNr"> 420 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x290</span>/x0 <span class="Constant">0x1a0</span>/y0, <span class="Constant">0x270</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L421" class="LineNr"> 421 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x340</span>/x0  <span class="Constant">0x40</span>/y0, <span class="Constant">0x270</span>/x1  <span class="Constant">0x80</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L422" class="LineNr"> 422 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x340</span>/x0  <span class="Constant">0xe8</span>/y0, <span class="Constant">0x340</span>/x1  <span class="Constant">0xd0</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L423" class="LineNr"> 423 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x340</span>/x0 <span class="Constant">0x1a0</span>/y0, <span class="Constant">0x2a0</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs  <span class="Constant">0xd0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L424" class="LineNr"> 424 </span>      <span class="PreProc">break</span> $render1:cell1
+<span id="L425" class="LineNr"> 425 </span>    <span class="Delimiter">}</span>
+<span id="L426" class="LineNr"> 426 </span>    <span class="muComment"># cell 1: two time steps for getting count to filter</span>
+<span id="L427" class="LineNr"> 427 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">7</span>
+<span id="L428" class="LineNr"> 428 </span>    <span class="Delimiter">{</span>
+<span id="L429" class="LineNr"> 429 </span>      compare progress, <span class="Constant">2</span>
+<span id="L430" class="LineNr"> 430 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L431" class="LineNr"> 431 </span>      <span class="PreProc">break</span> $render1:cell1
+<span id="L432" class="LineNr"> 432 </span>    <span class="Delimiter">}</span>
+<span id="L433" class="LineNr"> 433 </span>    <span class="muComment"># cell 1: final 7 time steps for updating output</span>
+<span id="L434" class="LineNr"> 434 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">2</span>
+<span id="L435" class="LineNr"> 435 </span>    <span class="muComment"># cell 1: points on conveyors to outputs</span>
+<span id="L436" class="LineNr"> 436 </span>    <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L437" class="LineNr"> 437 </span>    <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L438" class="LineNr"> 438 </span>    <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L439" class="LineNr"> 439 </span>    u <span class="Special">&lt;-</span> divide six-f
+<span id="L440" class="LineNr"> 440 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x280</span>/x1  <span class="Constant">0x8c</span>/y1, <span class="Constant">0x220</span>/x2  <span class="Constant">0x80</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L441" class="LineNr"> 441 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x220</span>/x2  <span class="Constant">0xe8</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L442" class="LineNr"> 442 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x160</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L443" class="LineNr"> 443 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x2a8</span>/xf  <span class="Constant">0x80</span>/y1, <span class="Constant">0x290</span>/x2  <span class="Constant">0x80</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L444" class="LineNr"> 444 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x2a8</span>/xf <span class="Constant">0x160</span>/y1, <span class="Constant">0x290</span>/x2 <span class="Constant">0x160</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L445" class="LineNr"> 445 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x300</span>/x2  <span class="Constant">0x80</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L446" class="LineNr"> 446 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x300</span>/x2  <span class="Constant">0xe8</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L447" class="LineNr"> 447 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x100</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x100</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x160</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L448" class="LineNr"> 448 </span>  <span class="Delimiter">}</span>
+<span id="L449" class="LineNr"> 449 </span>  <span class="muComment"># cell 2: conveyors from neighboring inputs to sum node</span>
+<span id="L450" class="LineNr"> 450 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x160</span>/y0,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L451" class="LineNr"> 451 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x208</span>/y0,   <span class="Constant">0xc0</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L452" class="LineNr"> 452 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x2c0</span>/y0,   <span class="Constant">0xe0</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L453" class="LineNr"> 453 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x170</span>/x0 <span class="Constant">0x160</span>/y0,  <span class="Constant">0x150</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L454" class="LineNr"> 454 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x170</span>/x0 <span class="Constant">0x2c0</span>/y0,  <span class="Constant">0x150</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L455" class="LineNr"> 455 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x220</span>/x0 <span class="Constant">0x160</span>/y0,  <span class="Constant">0x150</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L456" class="LineNr"> 456 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x220</span>/x0 <span class="Constant">0x208</span>/y0,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x1f0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L457" class="LineNr"> 457 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x220</span>/x0 <span class="Constant">0x2c0</span>/y0,  <span class="Constant">0x180</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L458" class="LineNr"> 458 </span>  <span class="muComment"># cell 2: conveyors from filter to outputs</span>
+<span id="L459" class="LineNr"> 459 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x160</span>/x1 <span class="Constant">0x1ac</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x1a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L460" class="LineNr"> 460 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x208</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L461" class="LineNr"> 461 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x280</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L462" class="LineNr"> 462 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x188</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x170</span>/x2 <span class="Constant">0x1a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L463" class="LineNr"> 463 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x188</span>/x1 <span class="Constant">0x280</span>/y1, <span class="Constant">0x170</span>/x2 <span class="Constant">0x280</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L464" class="LineNr"> 464 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x1a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L465" class="LineNr"> 465 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x220</span>/y1  <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x208</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L466" class="LineNr"> 466 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x280</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L467" class="LineNr"> 467 </span>  <span class="muComment"># cell 2: time-variant portion: 16 repeating steps</span>
+<span id="L468" class="LineNr"> 468 </span>  $render1:cell2: <span class="Delimiter">{</span>
+<span id="L469" class="LineNr"> 469 </span>    <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L470" class="LineNr"> 470 </span>    <span class="PreProc">var</span> progress/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L471" class="LineNr"> 471 </span>    progress <span class="Special">&lt;-</span> and <span class="Constant">0xf</span>
+<span id="L472" class="LineNr"> 472 </span>    <span class="muComment"># cell 2: 7 time steps for getting inputs to sum</span>
+<span id="L473" class="LineNr"> 473 </span>    <span class="Delimiter">{</span>
+<span id="L474" class="LineNr"> 474 </span>      compare progress, <span class="Constant">7</span>
+<span id="L475" class="LineNr"> 475 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L476" class="LineNr"> 476 </span>      <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L477" class="LineNr"> 477 </span>      <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L478" class="LineNr"> 478 </span>      <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L479" class="LineNr"> 479 </span>      u <span class="Special">&lt;-</span> divide six-f
+<span id="L480" class="LineNr"> 480 </span>      <span class="muComment"># points on conveyors from neighboring cells</span>
+<span id="L481" class="LineNr"> 481 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x160</span>/y0, <span class="Constant">0x100</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L482" class="LineNr"> 482 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x208</span>/y0,  <span class="Constant">0xc0</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L483" class="LineNr"> 483 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u,  <span class="Constant">0xc0</span>/x0 <span class="Constant">0x2c0</span>/y0,  <span class="Constant">0xe0</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L484" class="LineNr"> 484 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x170</span>/x0 <span class="Constant">0x160</span>/y0, <span class="Constant">0x150</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L485" class="LineNr"> 485 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x170</span>/x0 <span class="Constant">0x2c0</span>/y0, <span class="Constant">0x150</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L486" class="LineNr"> 486 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x220</span>/x0 <span class="Constant">0x160</span>/y0, <span class="Constant">0x150</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L487" class="LineNr"> 487 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x220</span>/x0 <span class="Constant">0x208</span>/y0, <span class="Constant">0x220</span>/x1 <span class="Constant">0x1f0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L488" class="LineNr"> 488 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x220</span>/x0 <span class="Constant">0x2c0</span>/y0, <span class="Constant">0x180</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x150</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L489" class="LineNr"> 489 </span>      <span class="PreProc">break</span> $render1:cell2
+<span id="L490" class="LineNr"> 490 </span>    <span class="Delimiter">}</span>
+<span id="L491" class="LineNr"> 491 </span>    <span class="muComment"># cell 2: two time steps for getting count to filter</span>
+<span id="L492" class="LineNr"> 492 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">7</span>
+<span id="L493" class="LineNr"> 493 </span>    <span class="Delimiter">{</span>
+<span id="L494" class="LineNr"> 494 </span>      compare progress, <span class="Constant">2</span>
+<span id="L495" class="LineNr"> 495 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L496" class="LineNr"> 496 </span>      <span class="PreProc">break</span> $render1:cell2
+<span id="L497" class="LineNr"> 497 </span>    <span class="Delimiter">}</span>
+<span id="L498" class="LineNr"> 498 </span>    <span class="muComment"># cell 2: final 7 time steps for updating output</span>
+<span id="L499" class="LineNr"> 499 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">2</span>
+<span id="L500" class="LineNr"> 500 </span>    <span class="muComment"># cell 2: points on conveyors to outputs</span>
+<span id="L501" class="LineNr"> 501 </span>    <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L502" class="LineNr"> 502 </span>    <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L503" class="LineNr"> 503 </span>    <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L504" class="LineNr"> 504 </span>    u <span class="Special">&lt;-</span> divide six-f
+<span id="L505" class="LineNr"> 505 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x160</span>/x1 <span class="Constant">0x1ac</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x1a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L506" class="LineNr"> 506 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x208</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L507" class="LineNr"> 507 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x100</span>/x2 <span class="Constant">0x280</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L508" class="LineNr"> 508 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x188</span>/xf <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x170</span>/x2 <span class="Constant">0x1a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L509" class="LineNr"> 509 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x188</span>/xf <span class="Constant">0x280</span>/y1, <span class="Constant">0x170</span>/x2 <span class="Constant">0x280</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L510" class="LineNr"> 510 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x1a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L511" class="LineNr"> 511 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x208</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L512" class="LineNr"> 512 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x188</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x1e0</span>/x2 <span class="Constant">0x280</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L513" class="LineNr"> 513 </span>  <span class="Delimiter">}</span>
+<span id="L514" class="LineNr"> 514 </span>  <span class="muComment"># cell 3: conveyors from neighboring inputs to sum node</span>
+<span id="L515" class="LineNr"> 515 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x160</span>/y0,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L516" class="LineNr"> 516 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x208</span>/y0,  <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L517" class="LineNr"> 517 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x2c0</span>/y0,  <span class="Constant">0x200</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L518" class="LineNr"> 518 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x290</span>/x0 <span class="Constant">0x160</span>/y0,  <span class="Constant">0x270</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L519" class="LineNr"> 519 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x290</span>/x0 <span class="Constant">0x2c0</span>/y0,  <span class="Constant">0x270</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L520" class="LineNr"> 520 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x0 <span class="Constant">0x160</span>/y0,  <span class="Constant">0x270</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L521" class="LineNr"> 521 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x0 <span class="Constant">0x208</span>/y0,  <span class="Constant">0x340</span>/x1 <span class="Constant">0x1f0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L522" class="LineNr"> 522 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x340</span>/x0 <span class="Constant">0x2c0</span>/y0,  <span class="Constant">0x2a0</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys,  <span class="Constant">4</span>/color
+<span id="L523" class="LineNr"> 523 </span>  <span class="muComment"># cell 3: conveyors from filter to outputs</span>
+<span id="L524" class="LineNr"> 524 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x280</span>/x1 <span class="Constant">0x1ac</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x1a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L525" class="LineNr"> 525 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x208</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L526" class="LineNr"> 526 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x280</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L527" class="LineNr"> 527 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x2a8</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x290</span>/x2 <span class="Constant">0x1a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L528" class="LineNr"> 528 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x2a8</span>/x1 <span class="Constant">0x280</span>/y1, <span class="Constant">0x290</span>/x2 <span class="Constant">0x280</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L529" class="LineNr"> 529 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x1a0</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L530" class="LineNr"> 530 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x220</span>/y1  <span class="Constant">0x300</span>/x2 <span class="Constant">0x208</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L531" class="LineNr"> 531 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x280</span>/y2,  <span class="Constant">0x2a</span>/color
+<span id="L532" class="LineNr"> 532 </span>  <span class="muComment"># cell 3: time-variant portion: 16 repeating steps</span>
+<span id="L533" class="LineNr"> 533 </span>  $render1:cell3: <span class="Delimiter">{</span>
+<span id="L534" class="LineNr"> 534 </span>    <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L535" class="LineNr"> 535 </span>    <span class="PreProc">var</span> progress/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L536" class="LineNr"> 536 </span>    progress <span class="Special">&lt;-</span> and <span class="Constant">0xf</span>
+<span id="L537" class="LineNr"> 537 </span>    <span class="muComment"># cell 3: 7 time steps for getting inputs to sum</span>
+<span id="L538" class="LineNr"> 538 </span>    <span class="Delimiter">{</span>
+<span id="L539" class="LineNr"> 539 </span>      compare progress, <span class="Constant">7</span>
+<span id="L540" class="LineNr"> 540 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L541" class="LineNr"> 541 </span>      <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L542" class="LineNr"> 542 </span>      <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L543" class="LineNr"> 543 </span>      <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L544" class="LineNr"> 544 </span>      u <span class="Special">&lt;-</span> divide six-f
+<span id="L545" class="LineNr"> 545 </span>      <span class="muComment"># points on conveyors from neighboring cells</span>
+<span id="L546" class="LineNr"> 546 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x160</span>/y0, <span class="Constant">0x220</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L547" class="LineNr"> 547 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x208</span>/y0, <span class="Constant">0x1e0</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L548" class="LineNr"> 548 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x1e0</span>/x0 <span class="Constant">0x2c0</span>/y0, <span class="Constant">0x200</span>/x1 <span class="Constant">0x1f0</span>/ys, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L549" class="LineNr"> 549 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x290</span>/x0 <span class="Constant">0x160</span>/y0, <span class="Constant">0x270</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L550" class="LineNr"> 550 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x290</span>/x0 <span class="Constant">0x2c0</span>/y0, <span class="Constant">0x270</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L551" class="LineNr"> 551 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x340</span>/x0 <span class="Constant">0x160</span>/y0, <span class="Constant">0x270</span>/x1 <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L552" class="LineNr"> 552 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x340</span>/x0 <span class="Constant">0x208</span>/y0, <span class="Constant">0x340</span>/x1 <span class="Constant">0x1f0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L553" class="LineNr"> 553 </span>      <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x340</span>/x0 <span class="Constant">0x2c0</span>/y0, <span class="Constant">0x2a0</span>/x1 <span class="Constant">0x2c0</span>/y1, <span class="Constant">0x270</span>/xs <span class="Constant">0x1f0</span>/ys, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L554" class="LineNr"> 554 </span>      <span class="PreProc">break</span> $render1:cell3
+<span id="L555" class="LineNr"> 555 </span>    <span class="Delimiter">}</span>
+<span id="L556" class="LineNr"> 556 </span>    <span class="muComment"># cell 3: two time steps for getting count to filter</span>
+<span id="L557" class="LineNr"> 557 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">7</span>
+<span id="L558" class="LineNr"> 558 </span>    <span class="Delimiter">{</span>
+<span id="L559" class="LineNr"> 559 </span>      compare progress, <span class="Constant">2</span>
+<span id="L560" class="LineNr"> 560 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L561" class="LineNr"> 561 </span>      <span class="PreProc">break</span> $render1:cell3
+<span id="L562" class="LineNr"> 562 </span>    <span class="Delimiter">}</span>
+<span id="L563" class="LineNr"> 563 </span>    <span class="muComment"># cell 3: final 7 time steps for updating output</span>
+<span id="L564" class="LineNr"> 564 </span>    progress <span class="Special">&lt;-</span> subtract <span class="Constant">2</span>
+<span id="L565" class="LineNr"> 565 </span>    <span class="muComment"># cell 3: points on conveyors to outputs</span>
+<span id="L566" class="LineNr"> 566 </span>    <span class="PreProc">var</span> u/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert progress
+<span id="L567" class="LineNr"> 567 </span>    <span class="PreProc">var</span> six/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">6</span>
+<span id="L568" class="LineNr"> 568 </span>    <span class="PreProc">var</span> six-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert six
+<span id="L569" class="LineNr"> 569 </span>    u <span class="Special">&lt;-</span> divide six-f
+<span id="L570" class="LineNr"> 570 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x280</span>/x1 <span class="Constant">0x1ac</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x1a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L571" class="LineNr"> 571 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x208</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L572" class="LineNr"> 572 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x220</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x220</span>/x2 <span class="Constant">0x280</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L573" class="LineNr"> 573 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x2a8</span>/xf <span class="Constant">0x1a0</span>/y1, <span class="Constant">0x290</span>/x2 <span class="Constant">0x1a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L574" class="LineNr"> 574 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x2a8</span>/xf <span class="Constant">0x280</span>/y1, <span class="Constant">0x290</span>/x2 <span class="Constant">0x280</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L575" class="LineNr"> 575 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x1a0</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L576" class="LineNr"> 576 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x208</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L577" class="LineNr"> 577 </span>    <a href='hest-life.mu.html#L581'>draw-bezier-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x2a8</span>/xf <span class="Constant">0x220</span>/yf,  <span class="Constant">0x300</span>/x1 <span class="Constant">0x220</span>/y1, <span class="Constant">0x300</span>/x2 <span class="Constant">0x280</span>/y2, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
+<span id="L578" class="LineNr"> 578 </span>  <span class="Delimiter">}</span>
+<span id="L579" class="LineNr"> 579 </span><span class="Delimiter">}</span>
+<span id="L580" class="LineNr"> 580 </span>
+<span id="L581" class="LineNr"> 581 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L581'>draw-bezier-point</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), u: float, x0: int, y0: int, x1: int, y1: int, x2: int, y2: int, color: int, radius: int <span class="Delimiter">{</span>
+<span id="L582" class="LineNr"> 582 </span>  <span class="PreProc">var</span> _cy/eax: int <span class="Special">&lt;-</span> <a href='../509bezier.mu.html#L298'>bezier-point</a> u, y0, y1, y2
+<span id="L583" class="LineNr"> 583 </span>  <span class="PreProc">var</span> cy/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy _cy
+<span id="L584" class="LineNr"> 584 </span>  <span class="PreProc">var</span> cx/eax: int <span class="Special">&lt;-</span> <a href='../509bezier.mu.html#L298'>bezier-point</a> u, x0, x1, x2
+<span id="L585" class="LineNr"> 585 </span>  <a href='../508circle.mu.html#L80'>draw-disc</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, cx, cy, radius, color, <span class="Constant">0xf</span>/border-color=white
+<span id="L586" class="LineNr"> 586 </span><span class="Delimiter">}</span>
+<span id="L587" class="LineNr"> 587 </span>
+<span id="L588" class="LineNr"> 588 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L588'>draw-linear-point</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), u: float, x0: int, y0: int, x1: int, y1: int, color: int, radius: int <span class="Delimiter">{</span>
+<span id="L589" class="LineNr"> 589 </span>  <span class="PreProc">var</span> _cy/eax: int <span class="Special">&lt;-</span> <a href='../507line.mu.html#L98'>line-point</a> u, y0, y1
+<span id="L590" class="LineNr"> 590 </span>  <span class="PreProc">var</span> cy/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy _cy
+<span id="L591" class="LineNr"> 591 </span>  <span class="PreProc">var</span> cx/eax: int <span class="Special">&lt;-</span> <a href='../507line.mu.html#L98'>line-point</a> u, x0, x1
+<span id="L592" class="LineNr"> 592 </span>  <a href='../508circle.mu.html#L80'>draw-disc</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, cx, cy, radius, color, <span class="Constant">0xf</span>/border-color=white
+<span id="L593" class="LineNr"> 593 </span><span class="Delimiter">}</span>
+<span id="L594" class="LineNr"> 594 </span>
+<span id="L595" class="LineNr"> 595 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L595'>edit</a></span> keyboard: (addr keyboard), _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L596" class="LineNr"> 596 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L597" class="LineNr"> 597 </span>  <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L598" class="LineNr"> 598 </span>  <span class="muComment"># space: play/pause</span>
+<span id="L599" class="LineNr"> 599 </span>  <span class="Delimiter">{</span>
+<span id="L600" class="LineNr"> 600 </span>    compare key, <span class="Constant">0x20</span>/space
+<span id="L601" class="LineNr"> 601 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L602" class="LineNr"> 602 </span>    <span class="PreProc">var</span> play?/eax: (addr boolean) <span class="Special">&lt;-</span> get self, play?
+<span id="L603" class="LineNr"> 603 </span>    compare *play?, <span class="Constant">0</span>/false
+<span id="L604" class="LineNr"> 604 </span>    <span class="Delimiter">{</span>
+<span id="L605" class="LineNr"> 605 </span>      <span class="PreProc">break-if-=</span>
+<span id="L606" class="LineNr"> 606 </span>      copy-to *play?, <span class="Constant">0</span>/false
+<span id="L607" class="LineNr"> 607 </span>      <span class="PreProc">return</span>
+<span id="L608" class="LineNr"> 608 </span>    <span class="Delimiter">}</span>
+<span id="L609" class="LineNr"> 609 </span>    copy-to *play?, <span class="Constant">1</span>/true
+<span id="L610" class="LineNr"> 610 </span>    <span class="PreProc">return</span>
+<span id="L611" class="LineNr"> 611 </span>  <span class="Delimiter">}</span>
+<span id="L612" class="LineNr"> 612 </span>  <span class="muComment"># 0: back to start</span>
+<span id="L613" class="LineNr"> 613 </span>  <span class="Delimiter">{</span>
+<span id="L614" class="LineNr"> 614 </span>    compare key, <span class="Constant">0x30</span>/<span class="Constant">0</span>
+<span id="L615" class="LineNr"> 615 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L616" class="LineNr"> 616 </span>    <a href='hest-life.mu.html#L744'>clear-environment</a> self
+<span id="L617" class="LineNr"> 617 </span>    <span class="PreProc">return</span>
+<span id="L618" class="LineNr"> 618 </span>  <span class="Delimiter">}</span>
+<span id="L619" class="LineNr"> 619 </span>  <span class="muComment"># l: loop from here to start</span>
+<span id="L620" class="LineNr"> 620 </span>  <span class="Delimiter">{</span>
+<span id="L621" class="LineNr"> 621 </span>    compare key, <span class="Constant">0x6c</span>/l
+<span id="L622" class="LineNr"> 622 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L623" class="LineNr"> 623 </span>    <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L624" class="LineNr"> 624 </span>    <span class="PreProc">var</span> tick/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L625" class="LineNr"> 625 </span>    <span class="PreProc">var</span> <span class="PreProc">loop</span>/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get self, <span class="PreProc">loop</span>
+<span id="L626" class="LineNr"> 626 </span>    copy-to *<span class="PreProc">loop</span>, tick
+<span id="L627" class="LineNr"> 627 </span>    <span class="PreProc">return</span>
+<span id="L628" class="LineNr"> 628 </span>  <span class="Delimiter">}</span>
+<span id="L629" class="LineNr"> 629 </span>  <span class="muComment"># L: reset loop</span>
+<span id="L630" class="LineNr"> 630 </span>  <span class="Delimiter">{</span>
+<span id="L631" class="LineNr"> 631 </span>    compare key, <span class="Constant">0x4c</span>/L
+<span id="L632" class="LineNr"> 632 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L633" class="LineNr"> 633 </span>    <span class="PreProc">var</span> <span class="PreProc">loop</span>/eax: (addr int) <span class="Special">&lt;-</span> get self, <span class="PreProc">loop</span>
+<span id="L634" class="LineNr"> 634 </span>    copy-to *<span class="PreProc">loop</span>, <span class="Constant">0</span>
+<span id="L635" class="LineNr"> 635 </span>    <span class="PreProc">return</span>
+<span id="L636" class="LineNr"> 636 </span>  <span class="Delimiter">}</span>
+<span id="L637" class="LineNr"> 637 </span>  <span class="muComment"># -: zoom out</span>
+<span id="L638" class="LineNr"> 638 </span>  <span class="Delimiter">{</span>
+<span id="L639" class="LineNr"> 639 </span>    compare key, <span class="Constant">0x2d</span>/-
+<span id="L640" class="LineNr"> 640 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L641" class="LineNr"> 641 </span>    <span class="PreProc">var</span> zoom/eax: (addr int) <span class="Special">&lt;-</span> get self, zoom
+<span id="L642" class="LineNr"> 642 </span>    compare *zoom, <span class="Constant">1</span>
+<span id="L643" class="LineNr"> 643 </span>    <span class="Delimiter">{</span>
+<span id="L644" class="LineNr"> 644 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L645" class="LineNr"> 645 </span>      copy-to *zoom, <span class="Constant">4</span>
+<span id="L646" class="LineNr"> 646 </span>    <span class="Delimiter">}</span>
+<span id="L647" class="LineNr"> 647 </span>    compare *zoom, <span class="Constant">0</span>
+<span id="L648" class="LineNr"> 648 </span>    <span class="Delimiter">{</span>
+<span id="L649" class="LineNr"> 649 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L650" class="LineNr"> 650 </span>      copy-to *zoom, <span class="Constant">1</span>
+<span id="L651" class="LineNr"> 651 </span>    <span class="Delimiter">}</span>
+<span id="L652" class="LineNr"> 652 </span>    <span class="muComment"># set tick to a multiple of zoom</span>
+<span id="L653" class="LineNr"> 653 </span>    <span class="PreProc">var</span> tick-a/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L654" class="LineNr"> 654 </span>    <a href='../506math.mu.html#L47'>clear-lowest-bits</a> tick-a, *zoom
+<span id="L655" class="LineNr"> 655 </span>    <span class="PreProc">return</span>
+<span id="L656" class="LineNr"> 656 </span>  <span class="Delimiter">}</span>
+<span id="L657" class="LineNr"> 657 </span>  <span class="muComment"># +: zoom in</span>
+<span id="L658" class="LineNr"> 658 </span>  <span class="Delimiter">{</span>
+<span id="L659" class="LineNr"> 659 </span>    compare key, <span class="Constant">0x2b</span>/+
+<span id="L660" class="LineNr"> 660 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L661" class="LineNr"> 661 </span>    <span class="PreProc">var</span> zoom/eax: (addr int) <span class="Special">&lt;-</span> get self, zoom
+<span id="L662" class="LineNr"> 662 </span>    compare *zoom, <span class="Constant">1</span>
+<span id="L663" class="LineNr"> 663 </span>    <span class="Delimiter">{</span>
+<span id="L664" class="LineNr"> 664 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L665" class="LineNr"> 665 </span>      copy-to *zoom, <span class="Constant">0</span>
+<span id="L666" class="LineNr"> 666 </span>    <span class="Delimiter">}</span>
+<span id="L667" class="LineNr"> 667 </span>    compare *zoom, <span class="Constant">4</span>
+<span id="L668" class="LineNr"> 668 </span>    <span class="Delimiter">{</span>
+<span id="L669" class="LineNr"> 669 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L670" class="LineNr"> 670 </span>      copy-to *zoom, <span class="Constant">1</span>
+<span id="L671" class="LineNr"> 671 </span>    <span class="Delimiter">}</span>
+<span id="L672" class="LineNr"> 672 </span>    <span class="muComment"># set tick to a multiple of zoom</span>
+<span id="L673" class="LineNr"> 673 </span>    <span class="PreProc">var</span> tick-a/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L674" class="LineNr"> 674 </span>    <a href='../506math.mu.html#L47'>clear-lowest-bits</a> tick-a, *zoom
+<span id="L675" class="LineNr"> 675 </span>    <span class="PreProc">return</span>
+<span id="L676" class="LineNr"> 676 </span>  <span class="Delimiter">}</span>
+<span id="L677" class="LineNr"> 677 </span><span class="Delimiter">}</span>
+<span id="L678" class="LineNr"> 678 </span>
+<span id="L679" class="LineNr"> 679 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L679'>step</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L680" class="LineNr"> 680 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L681" class="LineNr"> 681 </span>  <span class="PreProc">var</span> tick-a/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L682" class="LineNr"> 682 </span>  <span class="PreProc">var</span> zoom/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get self, zoom
+<span id="L683" class="LineNr"> 683 </span>  compare *zoom, <span class="Constant">0</span>
+<span id="L684" class="LineNr"> 684 </span>  <span class="Delimiter">{</span>
+<span id="L685" class="LineNr"> 685 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L686" class="LineNr"> 686 </span>    increment *tick-a
+<span id="L687" class="LineNr"> 687 </span>  <span class="Delimiter">}</span>
+<span id="L688" class="LineNr"> 688 </span>  compare *zoom, <span class="Constant">1</span>
+<span id="L689" class="LineNr"> 689 </span>  <span class="Delimiter">{</span>
+<span id="L690" class="LineNr"> 690 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L691" class="LineNr"> 691 </span>    <span class="muComment"># I wanted to speed up time, but that doesn't seem very usable.</span>
+<span id="L692" class="LineNr"> 692 </span><span class="CommentedCode">#?     add-to *tick-a, 2</span>
+<span id="L693" class="LineNr"> 693 </span>    increment *tick-a
+<span id="L694" class="LineNr"> 694 </span>  <span class="Delimiter">}</span>
+<span id="L695" class="LineNr"> 695 </span>  compare *zoom, <span class="Constant">4</span>
+<span id="L696" class="LineNr"> 696 </span>  <span class="Delimiter">{</span>
+<span id="L697" class="LineNr"> 697 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L698" class="LineNr"> 698 </span>    add-to *tick-a, <span class="Constant">0x10</span>
+<span id="L699" class="LineNr"> 699 </span>  <span class="Delimiter">}</span>
+<span id="L700" class="LineNr"> 700 </span>  <span class="PreProc">var</span> tick/eax: int <span class="Special">&lt;-</span> copy *tick-a
+<span id="L701" class="LineNr"> 701 </span>  tick <span class="Special">&lt;-</span> and <span class="Constant">0xf</span>
+<span id="L702" class="LineNr"> 702 </span>  compare tick, <span class="Constant">0</span>
+<span id="L703" class="LineNr"> 703 </span>  <span class="Delimiter">{</span>
+<span id="L704" class="LineNr"> 704 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L705" class="LineNr"> 705 </span>    <a href='hest-life.mu.html#L908'>step4</a> self
+<span id="L706" class="LineNr"> 706 </span>  <span class="Delimiter">}</span>
+<span id="L707" class="LineNr"> 707 </span>  <span class="PreProc">var</span> loop-a/eax: (addr int) <span class="Special">&lt;-</span> get self, <span class="PreProc">loop</span>
+<span id="L708" class="LineNr"> 708 </span>  compare *loop-a, <span class="Constant">0</span>
+<span id="L709" class="LineNr"> 709 </span>  <span class="Delimiter">{</span>
+<span id="L710" class="LineNr"> 710 </span>    <span class="PreProc">break-if-=</span>
+<span id="L711" class="LineNr"> 711 </span>    <span class="PreProc">var</span> <span class="PreProc">loop</span>/eax: int <span class="Special">&lt;-</span> copy *loop-a
+<span id="L712" class="LineNr"> 712 </span>    compare *tick-a, <span class="PreProc">loop</span>
+<span id="L713" class="LineNr"> 713 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L714" class="LineNr"> 714 </span>    <a href='hest-life.mu.html#L744'>clear-environment</a> self
+<span id="L715" class="LineNr"> 715 </span>  <span class="Delimiter">}</span>
+<span id="L716" class="LineNr"> 716 </span><span class="Delimiter">}</span>
+<span id="L717" class="LineNr"> 717 </span>
+<span id="L718" class="LineNr"> 718 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L718'>initialize-environment</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L719" class="LineNr"> 719 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L720" class="LineNr"> 720 </span>  <span class="PreProc">var</span> zoom/eax: (addr int) <span class="Special">&lt;-</span> get self, zoom
+<span id="L721" class="LineNr"> 721 </span>  copy-to *zoom, <span class="Constant">0</span>
+<span id="L722" class="LineNr"> 722 </span>  <span class="PreProc">var</span> play?/eax: (addr boolean) <span class="Special">&lt;-</span> get self, play?
+<span id="L723" class="LineNr"> 723 </span>  copy-to *play?, <span class="Constant">1</span>/true
+<span id="L724" class="LineNr"> 724 </span>  <span class="PreProc">var</span> data-ah/eax: (addr handle array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> get self, data
+<span id="L725" class="LineNr"> 725 </span>  populate data-ah, <span class="Constant">0x100</span>
+<span id="L726" class="LineNr"> 726 </span>  <span class="PreProc">var</span> data/eax: (addr array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L727" class="LineNr"> 727 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L728" class="LineNr"> 728 </span>  <span class="Delimiter">{</span>
+<span id="L729" class="LineNr"> 729 </span>    compare y, <span class="Constant">0xc0</span>
+<span id="L730" class="LineNr"> 730 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L731" class="LineNr"> 731 </span>    <span class="PreProc">var</span> dest-ah/eax: (addr handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index data, y
+<span id="L732" class="LineNr"> 732 </span>    populate dest-ah, <span class="Constant">0x100</span>
+<span id="L733" class="LineNr"> 733 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L734" class="LineNr"> 734 </span>    <span class="PreProc">loop</span>
+<span id="L735" class="LineNr"> 735 </span>  <span class="Delimiter">}</span>
+<span id="L736" class="LineNr"> 736 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x80</span>, <span class="Constant">0x5f</span>, <span class="Constant">1</span>/alive
+<span id="L737" class="LineNr"> 737 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x81</span>, <span class="Constant">0x5f</span>, <span class="Constant">1</span>/alive
+<span id="L738" class="LineNr"> 738 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x7f</span>, <span class="Constant">0x60</span>, <span class="Constant">1</span>/alive
+<span id="L739" class="LineNr"> 739 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x80</span>, <span class="Constant">0x60</span>, <span class="Constant">1</span>/alive
+<span id="L740" class="LineNr"> 740 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x80</span>, <span class="Constant">0x61</span>, <span class="Constant">1</span>/alive
+<span id="L741" class="LineNr"> 741 </span>  <a href='hest-life.mu.html#L837'>flush</a> self
+<span id="L742" class="LineNr"> 742 </span><span class="Delimiter">}</span>
+<span id="L743" class="LineNr"> 743 </span>
+<span id="L744" class="LineNr"> 744 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L744'>clear-environment</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L745" class="LineNr"> 745 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L746" class="LineNr"> 746 </span>  <span class="PreProc">var</span> tick/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
+<span id="L747" class="LineNr"> 747 </span>  copy-to *tick, <span class="Constant">0</span>
+<span id="L748" class="LineNr"> 748 </span>  <span class="muComment"># don't touch zoom or play settings</span>
+<span id="L749" class="LineNr"> 749 </span>  <span class="PreProc">var</span> data-ah/eax: (addr handle array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> get self, data
+<span id="L750" class="LineNr"> 750 </span>  <span class="PreProc">var</span> data/eax: (addr array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L751" class="LineNr"> 751 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L752" class="LineNr"> 752 </span>  <span class="Delimiter">{</span>
+<span id="L753" class="LineNr"> 753 </span>    compare y, <span class="Constant">0xc0</span>
+<span id="L754" class="LineNr"> 754 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L755" class="LineNr"> 755 </span>    <span class="PreProc">var</span> row-ah/eax: (addr handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index data, y
+<span id="L756" class="LineNr"> 756 </span>    <span class="PreProc">var</span> row/eax: (addr array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *row-ah
+<span id="L757" class="LineNr"> 757 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L758" class="LineNr"> 758 </span>    <span class="Delimiter">{</span>
+<span id="L759" class="LineNr"> 759 </span>      compare x, <span class="Constant">0x100</span>
+<span id="L760" class="LineNr"> 760 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L761" class="LineNr"> 761 </span>      <span class="PreProc">var</span> dest/eax: (addr <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index row, x
+<span id="L762" class="LineNr"> 762 </span>      clear-object dest
+<span id="L763" class="LineNr"> 763 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L764" class="LineNr"> 764 </span>      <span class="PreProc">loop</span>
+<span id="L765" class="LineNr"> 765 </span>    <span class="Delimiter">}</span>
+<span id="L766" class="LineNr"> 766 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L767" class="LineNr"> 767 </span>    <span class="PreProc">loop</span>
+<span id="L768" class="LineNr"> 768 </span>  <span class="Delimiter">}</span>
+<span id="L769" class="LineNr"> 769 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x80</span>, <span class="Constant">0x5f</span>, <span class="Constant">1</span>/alive
+<span id="L770" class="LineNr"> 770 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x81</span>, <span class="Constant">0x5f</span>, <span class="Constant">1</span>/alive
+<span id="L771" class="LineNr"> 771 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x7f</span>, <span class="Constant">0x60</span>, <span class="Constant">1</span>/alive
+<span id="L772" class="LineNr"> 772 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x80</span>, <span class="Constant">0x60</span>, <span class="Constant">1</span>/alive
+<span id="L773" class="LineNr"> 773 </span>  <a href='hest-life.mu.html#L777'>set</a> self, <span class="Constant">0x80</span>, <span class="Constant">0x61</span>, <span class="Constant">1</span>/alive
+<span id="L774" class="LineNr"> 774 </span>  <a href='hest-life.mu.html#L837'>flush</a> self
+<span id="L775" class="LineNr"> 775 </span><span class="Delimiter">}</span>
+<span id="L776" class="LineNr"> 776 </span>
+<span id="L777" class="LineNr"> 777 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L777'>set</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>), _x: int, _y: int, _val: boolean <span class="Delimiter">{</span>
+<span id="L778" class="LineNr"> 778 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L779" class="LineNr"> 779 </span>  <span class="PreProc">var</span> data-ah/eax: (addr handle array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> get self, data
+<span id="L780" class="LineNr"> 780 </span>  <span class="PreProc">var</span> data/eax: (addr array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L781" class="LineNr"> 781 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy _y
+<span id="L782" class="LineNr"> 782 </span>  <span class="PreProc">var</span> row-ah/eax: (addr handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index data, y
+<span id="L783" class="LineNr"> 783 </span>  <span class="PreProc">var</span> row/eax: (addr array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *row-ah
+<span id="L784" class="LineNr"> 784 </span>  <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy _x
+<span id="L785" class="LineNr"> 785 </span>  <span class="PreProc">var</span> <a href='hest-life.mu.html#L58'>cell</a>/eax: (addr <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index row, x
+<span id="L786" class="LineNr"> 786 </span>  <span class="PreProc">var</span> dest/eax: (addr boolean) <span class="Special">&lt;-</span> get <a href='hest-life.mu.html#L58'>cell</a>, next
+<span id="L787" class="LineNr"> 787 </span>  <span class="PreProc">var</span> val/<span class="muRegEcx">ecx</span>: boolean <span class="Special">&lt;-</span> copy _val
+<span id="L788" class="LineNr"> 788 </span>  copy-to *dest, val
+<span id="L789" class="LineNr"> 789 </span><span class="Delimiter">}</span>
+<span id="L790" class="LineNr"> 790 </span>
+<span id="L791" class="LineNr"> 791 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L791'>state</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>), _x: int, _y: int<span class="PreProc"> -&gt; </span>_/eax: boolean <span class="Delimiter">{</span>
+<span id="L792" class="LineNr"> 792 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L793" class="LineNr"> 793 </span>  <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy _x
+<span id="L794" class="LineNr"> 794 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy _y
+<span id="L795" class="LineNr"> 795 </span>  <span class="muComment"># clip at the edge</span>
+<span id="L796" class="LineNr"> 796 </span>  compare x, <span class="Constant">0</span>
+<span id="L797" class="LineNr"> 797 </span>  <span class="Delimiter">{</span>
+<span id="L798" class="LineNr"> 798 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L799" class="LineNr"> 799 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L800" class="LineNr"> 800 </span>  <span class="Delimiter">}</span>
+<span id="L801" class="LineNr"> 801 </span>  compare y, <span class="Constant">0</span>
+<span id="L802" class="LineNr"> 802 </span>  <span class="Delimiter">{</span>
+<span id="L803" class="LineNr"> 803 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L804" class="LineNr"> 804 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L805" class="LineNr"> 805 </span>  <span class="Delimiter">}</span>
+<span id="L806" class="LineNr"> 806 </span>  compare x, <span class="Constant">0x100</span>/width
+<span id="L807" class="LineNr"> 807 </span>  <span class="Delimiter">{</span>
+<span id="L808" class="LineNr"> 808 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L809" class="LineNr"> 809 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L810" class="LineNr"> 810 </span>  <span class="Delimiter">}</span>
+<span id="L811" class="LineNr"> 811 </span>  compare y, <span class="Constant">0xc0</span>/height
+<span id="L812" class="LineNr"> 812 </span>  <span class="Delimiter">{</span>
+<span id="L813" class="LineNr"> 813 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L814" class="LineNr"> 814 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L815" class="LineNr"> 815 </span>  <span class="Delimiter">}</span>
+<span id="L816" class="LineNr"> 816 </span>  <span class="PreProc">var</span> data-ah/eax: (addr handle array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> get self, data
+<span id="L817" class="LineNr"> 817 </span>  <span class="PreProc">var</span> data/eax: (addr array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L818" class="LineNr"> 818 </span>  <span class="PreProc">var</span> row-ah/eax: (addr handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index data, y
+<span id="L819" class="LineNr"> 819 </span>  <span class="PreProc">var</span> row/eax: (addr array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *row-ah
+<span id="L820" class="LineNr"> 820 </span>  <span class="PreProc">var</span> <a href='hest-life.mu.html#L58'>cell</a>/eax: (addr <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index row, x
+<span id="L821" class="LineNr"> 821 </span>  <span class="PreProc">var</span> src/eax: (addr boolean) <span class="Special">&lt;-</span> get <a href='hest-life.mu.html#L58'>cell</a>, curr
+<span id="L822" class="LineNr"> 822 </span>  <span class="PreProc">return</span> *src
+<span id="L823" class="LineNr"> 823 </span><span class="Delimiter">}</span>
+<span id="L824" class="LineNr"> 824 </span>
+<span id="L825" class="LineNr"> 825 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L825'>state-color</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>), x: int, y: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L826" class="LineNr"> 826 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L827" class="LineNr"> 827 </span>  <span class="PreProc">var</span> color/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0x1a</span>/dead
+<span id="L828" class="LineNr"> 828 </span>  <span class="Delimiter">{</span>
+<span id="L829" class="LineNr"> 829 </span>    <span class="PreProc">var</span> <a href='hest-life.mu.html#L791'>state</a>/eax: boolean <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L830" class="LineNr"> 830 </span>    compare <a href='hest-life.mu.html#L791'>state</a>, <span class="Constant">0</span>/dead
+<span id="L831" class="LineNr"> 831 </span>    <span class="PreProc">break-if-=</span>
+<span id="L832" class="LineNr"> 832 </span>    color <span class="Special">&lt;-</span> copy <span class="Constant">0xf</span>/alive
+<span id="L833" class="LineNr"> 833 </span>  <span class="Delimiter">}</span>
+<span id="L834" class="LineNr"> 834 </span>  <span class="PreProc">return</span> color
+<span id="L835" class="LineNr"> 835 </span><span class="Delimiter">}</span>
+<span id="L836" class="LineNr"> 836 </span>
+<span id="L837" class="LineNr"> 837 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L837'>flush</a></span>  _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L838" class="LineNr"> 838 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L839" class="LineNr"> 839 </span>  <span class="PreProc">var</span> data-ah/eax: (addr handle array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> get self, data
+<span id="L840" class="LineNr"> 840 </span>  <span class="PreProc">var</span> _data/eax: (addr array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L841" class="LineNr"> 841 </span>  <span class="PreProc">var</span> data/<span class="muRegEsi">esi</span>: (addr array handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> copy _data
+<span id="L842" class="LineNr"> 842 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L843" class="LineNr"> 843 </span>  <span class="Delimiter">{</span>
+<span id="L844" class="LineNr"> 844 </span>    compare y, <span class="Constant">0xc0</span>/height
+<span id="L845" class="LineNr"> 845 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L846" class="LineNr"> 846 </span>    <span class="PreProc">var</span> row-ah/eax: (addr handle array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index data, y
+<span id="L847" class="LineNr"> 847 </span>    <span class="PreProc">var</span> _row/eax: (addr array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *row-ah
+<span id="L848" class="LineNr"> 848 </span>    <span class="PreProc">var</span> row/<span class="muRegEbx">ebx</span>: (addr array <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> copy _row
+<span id="L849" class="LineNr"> 849 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L850" class="LineNr"> 850 </span>    <span class="Delimiter">{</span>
+<span id="L851" class="LineNr"> 851 </span>      compare x, <span class="Constant">0x100</span>/width
+<span id="L852" class="LineNr"> 852 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L853" class="LineNr"> 853 </span>      <span class="PreProc">var</span> cell-a/eax: (addr <a href='hest-life.mu.html#L58'>cell</a>) <span class="Special">&lt;-</span> index row, x
+<span id="L854" class="LineNr"> 854 </span>      <span class="PreProc">var</span> curr-a/<span class="muRegEdi">edi</span>: (addr boolean) <span class="Special">&lt;-</span> get cell-a, curr
+<span id="L855" class="LineNr"> 855 </span>      <span class="PreProc">var</span> next-a/<span class="muRegEsi">esi</span>: (addr boolean) <span class="Special">&lt;-</span> get cell-a, next
+<span id="L856" class="LineNr"> 856 </span>      <span class="PreProc">var</span> val/eax: boolean <span class="Special">&lt;-</span> copy *next-a
+<span id="L857" class="LineNr"> 857 </span>      copy-to *curr-a, val
+<span id="L858" class="LineNr"> 858 </span>      copy-to *next-a, <span class="Constant">0</span>/dead
+<span id="L859" class="LineNr"> 859 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L860" class="LineNr"> 860 </span>      <span class="PreProc">loop</span>
+<span id="L861" class="LineNr"> 861 </span>    <span class="Delimiter">}</span>
+<span id="L862" class="LineNr"> 862 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L863" class="LineNr"> 863 </span>    <span class="PreProc">loop</span>
+<span id="L864" class="LineNr"> 864 </span>  <span class="Delimiter">}</span>
+<span id="L865" class="LineNr"> 865 </span><span class="Delimiter">}</span>
+<span id="L866" class="LineNr"> 866 </span>
+<span id="L867" class="LineNr"> 867 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L867'>render4</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L868" class="LineNr"> 868 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L869" class="LineNr"> 869 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L870" class="LineNr"> 870 </span>  <span class="Delimiter">{</span>
+<span id="L871" class="LineNr"> 871 </span>    compare y, <span class="Constant">0xc0</span>/height
+<span id="L872" class="LineNr"> 872 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L873" class="LineNr"> 873 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L874" class="LineNr"> 874 </span>    <span class="Delimiter">{</span>
+<span id="L875" class="LineNr"> 875 </span>      compare x, <span class="Constant">0x100</span>/width
+<span id="L876" class="LineNr"> 876 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L877" class="LineNr"> 877 </span>      <span class="PreProc">var</span> <a href='hest-life.mu.html#L791'>state</a>/eax: boolean <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L878" class="LineNr"> 878 </span>      compare <a href='hest-life.mu.html#L791'>state</a>, <span class="Constant">0</span>/false
+<span id="L879" class="LineNr"> 879 </span>      <span class="Delimiter">{</span>
+<span id="L880" class="LineNr"> 880 </span>        <span class="PreProc">break-if-=</span>
+<span id="L881" class="LineNr"> 881 </span>        <a href='hest-life.mu.html#L896'>render4-cell</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0xf</span>/alive
+<span id="L882" class="LineNr"> 882 </span>      <span class="Delimiter">}</span>
+<span id="L883" class="LineNr"> 883 </span>      compare <a href='hest-life.mu.html#L791'>state</a>, <span class="Constant">0</span>/false
+<span id="L884" class="LineNr"> 884 </span>      <span class="Delimiter">{</span>
+<span id="L885" class="LineNr"> 885 </span>        <span class="PreProc">break-if-!=</span>
+<span id="L886" class="LineNr"> 886 </span>        <a href='hest-life.mu.html#L896'>render4-cell</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0x1a</span>/dead
+<span id="L887" class="LineNr"> 887 </span>      <span class="Delimiter">}</span>
+<span id="L888" class="LineNr"> 888 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L889" class="LineNr"> 889 </span>      <span class="PreProc">loop</span>
+<span id="L890" class="LineNr"> 890 </span>    <span class="Delimiter">}</span>
+<span id="L891" class="LineNr"> 891 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L892" class="LineNr"> 892 </span>    <span class="PreProc">loop</span>
+<span id="L893" class="LineNr"> 893 </span>  <span class="Delimiter">}</span>
+<span id="L894" class="LineNr"> 894 </span><span class="Delimiter">}</span>
+<span id="L895" class="LineNr"> 895 </span>
+<span id="L896" class="LineNr"> 896 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L896'>render4-cell</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), x: int, y: int, color: int <span class="Delimiter">{</span>
+<span id="L897" class="LineNr"> 897 </span>  <span class="PreProc">var</span> xmin/eax: int <span class="Special">&lt;-</span> copy x
+<span id="L898" class="LineNr"> 898 </span>  xmin <span class="Special">&lt;-</span> shift-left <span class="Constant">2</span>
+<span id="L899" class="LineNr"> 899 </span>  <span class="PreProc">var</span> xmax/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy xmin
+<span id="L900" class="LineNr"> 900 </span>  xmax <span class="Special">&lt;-</span> add <span class="Constant">4</span>
+<span id="L901" class="LineNr"> 901 </span>  <span class="PreProc">var</span> ymin/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L902" class="LineNr"> 902 </span>  ymin <span class="Special">&lt;-</span> shift-left <span class="Constant">2</span>
+<span id="L903" class="LineNr"> 903 </span>  <span class="PreProc">var</span> ymax/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy ymin
+<span id="L904" class="LineNr"> 904 </span>  ymax <span class="Special">&lt;-</span> add <span class="Constant">4</span>
+<span id="L905" class="LineNr"> 905 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, xmin ymin, xmax ymax, color
+<span id="L906" class="LineNr"> 906 </span><span class="Delimiter">}</span>
+<span id="L907" class="LineNr"> 907 </span>
+<span id="L908" class="LineNr"> 908 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L908'>step4</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L909" class="LineNr"> 909 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L910" class="LineNr"> 910 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L911" class="LineNr"> 911 </span>  <span class="Delimiter">{</span>
+<span id="L912" class="LineNr"> 912 </span>    compare y, <span class="Constant">0xc0</span>/height
+<span id="L913" class="LineNr"> 913 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L914" class="LineNr"> 914 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L915" class="LineNr"> 915 </span>    <span class="Delimiter">{</span>
+<span id="L916" class="LineNr"> 916 </span>      compare x, <span class="Constant">0x100</span>/width
+<span id="L917" class="LineNr"> 917 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L918" class="LineNr"> 918 </span>      <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, x, y
+<span id="L919" class="LineNr"> 919 </span>      <span class="muComment"># if neighbors &lt; 2, die of loneliness</span>
+<span id="L920" class="LineNr"> 920 </span>      <span class="Delimiter">{</span>
+<span id="L921" class="LineNr"> 921 </span>        compare n, <span class="Constant">2</span>
+<span id="L922" class="LineNr"> 922 </span>        <span class="PreProc">break-if-&gt;=</span>
+<span id="L923" class="LineNr"> 923 </span>        <a href='hest-life.mu.html#L777'>set</a> self, x, y, <span class="Constant">0</span>/dead
+<span id="L924" class="LineNr"> 924 </span>      <span class="Delimiter">}</span>
+<span id="L925" class="LineNr"> 925 </span>      <span class="muComment"># if neighbors &gt; 3, die of overcrowding</span>
+<span id="L926" class="LineNr"> 926 </span>      <span class="Delimiter">{</span>
+<span id="L927" class="LineNr"> 927 </span>        compare n, <span class="Constant">3</span>
+<span id="L928" class="LineNr"> 928 </span>        <span class="PreProc">break-if-&lt;=</span>
+<span id="L929" class="LineNr"> 929 </span>        <a href='hest-life.mu.html#L777'>set</a> self, x, y, <span class="Constant">0</span>/dead
+<span id="L930" class="LineNr"> 930 </span>      <span class="Delimiter">}</span>
+<span id="L931" class="LineNr"> 931 </span>      <span class="muComment"># if neighbors = 2, preserve state</span>
+<span id="L932" class="LineNr"> 932 </span>      <span class="Delimiter">{</span>
+<span id="L933" class="LineNr"> 933 </span>        compare n, <span class="Constant">2</span>
+<span id="L934" class="LineNr"> 934 </span>        <span class="PreProc">break-if-!=</span>
+<span id="L935" class="LineNr"> 935 </span>        <span class="PreProc">var</span> old-state/eax: boolean <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L936" class="LineNr"> 936 </span>        <a href='hest-life.mu.html#L777'>set</a> self, x, y, old-state
+<span id="L937" class="LineNr"> 937 </span>      <span class="Delimiter">}</span>
+<span id="L938" class="LineNr"> 938 </span>      <span class="muComment"># if neighbors = 3, cell quickens to life</span>
+<span id="L939" class="LineNr"> 939 </span>      <span class="Delimiter">{</span>
+<span id="L940" class="LineNr"> 940 </span>        compare n, <span class="Constant">3</span>
+<span id="L941" class="LineNr"> 941 </span>        <span class="PreProc">break-if-!=</span>
+<span id="L942" class="LineNr"> 942 </span>        <a href='hest-life.mu.html#L777'>set</a> self, x, y, <span class="Constant">1</span>/live
+<span id="L943" class="LineNr"> 943 </span>      <span class="Delimiter">}</span>
+<span id="L944" class="LineNr"> 944 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L945" class="LineNr"> 945 </span>      <span class="PreProc">loop</span>
+<span id="L946" class="LineNr"> 946 </span>    <span class="Delimiter">}</span>
+<span id="L947" class="LineNr"> 947 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L948" class="LineNr"> 948 </span>    <span class="PreProc">loop</span>
+<span id="L949" class="LineNr"> 949 </span>  <span class="Delimiter">}</span>
+<span id="L950" class="LineNr"> 950 </span>  <a href='hest-life.mu.html#L837'>flush</a> self
+<span id="L951" class="LineNr"> 951 </span><span class="Delimiter">}</span>
+<span id="L952" class="LineNr"> 952 </span>
+<span id="L953" class="LineNr"> 953 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L953'>num-live-neighbors</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>), x: int, y: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L954" class="LineNr"> 954 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L955" class="LineNr"> 955 </span>  <span class="PreProc">var</span> result/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L956" class="LineNr"> 956 </span>  <span class="muComment"># row above: zig</span>
+<span id="L957" class="LineNr"> 957 </span>  decrement y
+<span id="L958" class="LineNr"> 958 </span>  decrement x
+<span id="L959" class="LineNr"> 959 </span>  <span class="PreProc">var</span> s/eax: boolean <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L960" class="LineNr"> 960 </span>  <span class="Delimiter">{</span>
+<span id="L961" class="LineNr"> 961 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L962" class="LineNr"> 962 </span>    <span class="PreProc">break-if-=</span>
+<span id="L963" class="LineNr"> 963 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L964" class="LineNr"> 964 </span>  <span class="Delimiter">}</span>
+<span id="L965" class="LineNr"> 965 </span>  increment x
+<span id="L966" class="LineNr"> 966 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L967" class="LineNr"> 967 </span>  <span class="Delimiter">{</span>
+<span id="L968" class="LineNr"> 968 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L969" class="LineNr"> 969 </span>    <span class="PreProc">break-if-=</span>
+<span id="L970" class="LineNr"> 970 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L971" class="LineNr"> 971 </span>  <span class="Delimiter">}</span>
+<span id="L972" class="LineNr"> 972 </span>  increment x
+<span id="L973" class="LineNr"> 973 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L974" class="LineNr"> 974 </span>  <span class="Delimiter">{</span>
+<span id="L975" class="LineNr"> 975 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L976" class="LineNr"> 976 </span>    <span class="PreProc">break-if-=</span>
+<span id="L977" class="LineNr"> 977 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L978" class="LineNr"> 978 </span>  <span class="Delimiter">}</span>
+<span id="L979" class="LineNr"> 979 </span>  <span class="muComment"># curr row: zag</span>
+<span id="L980" class="LineNr"> 980 </span>  increment y
+<span id="L981" class="LineNr"> 981 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L982" class="LineNr"> 982 </span>  <span class="Delimiter">{</span>
+<span id="L983" class="LineNr"> 983 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L984" class="LineNr"> 984 </span>    <span class="PreProc">break-if-=</span>
+<span id="L985" class="LineNr"> 985 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L986" class="LineNr"> 986 </span>  <span class="Delimiter">}</span>
+<span id="L987" class="LineNr"> 987 </span>  subtract-from x, <span class="Constant">2</span>
+<span id="L988" class="LineNr"> 988 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L989" class="LineNr"> 989 </span>  <span class="Delimiter">{</span>
+<span id="L990" class="LineNr"> 990 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L991" class="LineNr"> 991 </span>    <span class="PreProc">break-if-=</span>
+<span id="L992" class="LineNr"> 992 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L993" class="LineNr"> 993 </span>  <span class="Delimiter">}</span>
+<span id="L994" class="LineNr"> 994 </span>  <span class="muComment"># row below: zig</span>
+<span id="L995" class="LineNr"> 995 </span>  increment y
+<span id="L996" class="LineNr"> 996 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L997" class="LineNr"> 997 </span>  <span class="Delimiter">{</span>
+<span id="L998" class="LineNr"> 998 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L999" class="LineNr"> 999 </span>    <span class="PreProc">break-if-=</span>
+<span id="L1000" class="LineNr">1000 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L1001" class="LineNr">1001 </span>  <span class="Delimiter">}</span>
+<span id="L1002" class="LineNr">1002 </span>  increment x
+<span id="L1003" class="LineNr">1003 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L1004" class="LineNr">1004 </span>  <span class="Delimiter">{</span>
+<span id="L1005" class="LineNr">1005 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L1006" class="LineNr">1006 </span>    <span class="PreProc">break-if-=</span>
+<span id="L1007" class="LineNr">1007 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L1008" class="LineNr">1008 </span>  <span class="Delimiter">}</span>
+<span id="L1009" class="LineNr">1009 </span>  increment x
+<span id="L1010" class="LineNr">1010 </span>  s <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L791'>state</a> self, x, y
+<span id="L1011" class="LineNr">1011 </span>  <span class="Delimiter">{</span>
+<span id="L1012" class="LineNr">1012 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L1013" class="LineNr">1013 </span>    <span class="PreProc">break-if-=</span>
+<span id="L1014" class="LineNr">1014 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L1015" class="LineNr">1015 </span>  <span class="Delimiter">}</span>
+<span id="L1016" class="LineNr">1016 </span>  <span class="PreProc">return</span> result
+<span id="L1017" class="LineNr">1017 </span><span class="Delimiter">}</span>
+<span id="L1018" class="LineNr">1018 </span>
+<span id="L1019" class="LineNr">1019 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='hest-life.mu.html#L1019'>linger</a></span> _self: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Delimiter">{</span>
+<span id="L1020" class="LineNr">1020 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='hest-life.mu.html#L50'>environment</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L1021" class="LineNr">1021 </span>  <span class="PreProc">var</span> i/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L1022" class="LineNr">1022 </span>  <span class="Delimiter">{</span>
+<span id="L1023" class="LineNr">1023 </span>    compare i, <span class="Constant">0x10000000</span>  <span class="muComment"># Kartik's Linux with -enable-kvm</span>
+<span id="L1024" class="LineNr">1024 </span><span class="CommentedCode">#?     compare i, 0x8000000  # Kartik's Mac with -accel tcg</span>
+<span id="L1025" class="LineNr">1025 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L1026" class="LineNr">1026 </span>    i <span class="Special">&lt;-</span> increment
+<span id="L1027" class="LineNr">1027 </span>    <span class="PreProc">loop</span>
+<span id="L1028" class="LineNr">1028 </span>  <span class="Delimiter">}</span>
+<span id="L1029" class="LineNr">1029 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/img.mu.html b/html/apps/img.mu.html
new file mode 100644
index 00000000..e3117aa2
--- /dev/null
+++ b/html/apps/img.mu.html
@@ -0,0 +1,1217 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/img.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.LineNr { }
+.Delimiter { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.muRegEbx { color: #5f00ff; }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.Special { color: #ff6060; }
+.PreProc { color: #c000c0; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.muComment { color: #005faf; }
+.muS1Comment { color: #0000af; }
+.CommentedCode { color: #8a8a8a; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/img.mu'>https://github.com/akkartik/mu/blob/main/apps/img.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">   1 </span><span class="muComment"># load an image from disk and display it on screen</span>
+<span id="L2" class="LineNr">   2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">   3 </span><span class="muComment"># To build:</span>
+<span id="L4" class="LineNr">   4 </span><span class="muComment">#   $ ./translate apps/img.mu                       # generates code.img</span>
+<span id="L5" class="LineNr">   5 </span><span class="muComment"># Load a pbm, pgm or ppm image (no more than 255 levels) in the data disk</span>
+<span id="L6" class="LineNr">   6 </span><span class="muComment">#   $ dd if=/dev/zero of=data.img count=20160</span>
+<span id="L7" class="LineNr">   7 </span><span class="muComment">#   $ dd if=x.pbm of=data.img conv=notrunc</span>
+<span id="L8" class="LineNr">   8 </span><span class="muComment"># or</span>
+<span id="L9" class="LineNr">   9 </span><span class="muComment">#   $ dd if=t.pgm of=data.img conv=notrunc</span>
+<span id="L10" class="LineNr">  10 </span><span class="muComment"># or</span>
+<span id="L11" class="LineNr">  11 </span><span class="muComment">#   $ dd if=snail.ppm of=data.img conv=notrunc</span>
+<span id="L12" class="LineNr">  12 </span><span class="muComment"># To run:</span>
+<span id="L13" class="LineNr">  13 </span><span class="muComment">#   $ qemu-system-i386 -hda code.img -hdb data.img</span>
+<span id="L14" class="LineNr">  14 </span>
+<span id="L15" class="LineNr">  15 </span><span class="PreProc">type</span> <a href='img.mu.html#L15'>image</a> <span class="Delimiter">{</span>
+<span id="L16" class="LineNr">  16 </span>  <span class="PreProc">type</span>: int  <span class="muComment"># supported types:</span>
+<span id="L17" class="LineNr">  17 </span>             <span class="muComment">#  1: portable bitmap (P1) - pixels 0 or 1</span>
+<span id="L18" class="LineNr">  18 </span>             <span class="muComment">#  2: portable greymap (P2) - pixels 1-byte greyscale values</span>
+<span id="L19" class="LineNr">  19 </span>             <span class="muComment">#  3: portable pixmap (P3) - pixels 3-byte rgb values</span>
+<span id="L20" class="LineNr">  20 </span>  max: int
+<span id="L21" class="LineNr">  21 </span>  width: int
+<span id="L22" class="LineNr">  22 </span>  height: int
+<span id="L23" class="LineNr">  23 </span>  data: (handle array byte)
+<span id="L24" class="LineNr">  24 </span><span class="Delimiter">}</span>
+<span id="L25" class="LineNr">  25 </span>
+<span id="L26" class="LineNr">  26 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L26'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L27" class="LineNr">  27 </span>  <span class="PreProc">var</span> img-storage: <a href='img.mu.html#L15'>image</a>
+<span id="L28" class="LineNr">  28 </span>  <span class="PreProc">var</span> img/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> address img-storage
+<span id="L29" class="LineNr">  29 </span>  <a href='img.mu.html#L33'>load-image</a> img, data-disk
+<span id="L30" class="LineNr">  30 </span>  <a href='img.mu.html#L96'>render-image</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, img, <span class="Constant">0</span>/x, <span class="Constant">0</span>/y, <span class="Constant">0x300</span>/width, <span class="Constant">0x300</span>/height
+<span id="L31" class="LineNr">  31 </span><span class="Delimiter">}</span>
+<span id="L32" class="LineNr">  32 </span>
+<span id="L33" class="LineNr">  33 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L33'>load-image</a></span> self: (addr <a href='img.mu.html#L15'>image</a>), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L34" class="LineNr">  34 </span>  <span class="muComment"># data-disk -&gt; stream</span>
+<span id="L35" class="LineNr">  35 </span>  <span class="PreProc">var</span> s-storage: (stream byte <span class="Constant">0x200000</span>)  <span class="muComment"># 512* 0x1000 sectors</span>
+<span id="L36" class="LineNr">  36 </span>  <span class="PreProc">var</span> s/<span class="muRegEbx">ebx</span>: (addr stream byte) <span class="Special">&lt;-</span> address s-storage
+<span id="L37" class="LineNr">  37 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, <span class="Constant">&quot;loading sectors from data disk&quot;</span>, <span class="Constant">3</span>/fg, <span class="Constant">0</span>/bg
+<span id="L38" class="LineNr">  38 </span>  <a href='../501draw-text.mu.html#L65'>move-cursor-to-left-margin-of-next-line</a> <span class="Constant">0</span>/screen
+<span id="L39" class="LineNr">  39 </span>  load-sectors data-disk, <span class="Constant">0</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L40" class="LineNr">  40 </span>  load-sectors data-disk, <span class="Constant">0x100</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L41" class="LineNr">  41 </span>  load-sectors data-disk, <span class="Constant">0x200</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L42" class="LineNr">  42 </span>  load-sectors data-disk, <span class="Constant">0x300</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L43" class="LineNr">  43 </span>  load-sectors data-disk, <span class="Constant">0x400</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L44" class="LineNr">  44 </span>  load-sectors data-disk, <span class="Constant">0x500</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L45" class="LineNr">  45 </span>  load-sectors data-disk, <span class="Constant">0x600</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L46" class="LineNr">  46 </span>  load-sectors data-disk, <span class="Constant">0x700</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L47" class="LineNr">  47 </span>  load-sectors data-disk, <span class="Constant">0x800</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L48" class="LineNr">  48 </span>  load-sectors data-disk, <span class="Constant">0x900</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L49" class="LineNr">  49 </span>  load-sectors data-disk, <span class="Constant">0xa00</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L50" class="LineNr">  50 </span>  load-sectors data-disk, <span class="Constant">0xb00</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L51" class="LineNr">  51 </span>  load-sectors data-disk, <span class="Constant">0xc00</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L52" class="LineNr">  52 </span>  load-sectors data-disk, <span class="Constant">0xd00</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L53" class="LineNr">  53 </span>  load-sectors data-disk, <span class="Constant">0xe00</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L54" class="LineNr">  54 </span>  load-sectors data-disk, <span class="Constant">0xf00</span>/lba, <span class="Constant">0x100</span>/sectors, s
+<span id="L55" class="LineNr">  55 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, <span class="Constant">&quot;parsing&quot;</span>, <span class="Constant">3</span>/fg, <span class="Constant">0</span>/bg
+<span id="L56" class="LineNr">  56 </span>  <a href='../501draw-text.mu.html#L65'>move-cursor-to-left-margin-of-next-line</a> <span class="Constant">0</span>/screen
+<span id="L57" class="LineNr">  57 </span>  <a href='img.mu.html#L60'>initialize-image</a> self, s
+<span id="L58" class="LineNr">  58 </span><span class="Delimiter">}</span>
+<span id="L59" class="LineNr">  59 </span>
+<span id="L60" class="LineNr">  60 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L60'>initialize-image</a></span> _self: (addr <a href='img.mu.html#L15'>image</a>), in: (addr stream byte) <span class="Delimiter">{</span>
+<span id="L61" class="LineNr">  61 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L62" class="LineNr">  62 </span>  <span class="PreProc">var</span> mode-storage: slice
+<span id="L63" class="LineNr">  63 </span>  <span class="PreProc">var</span> mode/<span class="muRegEcx">ecx</span>: (addr slice) <span class="Special">&lt;-</span> address mode-storage
+<span id="L64" class="LineNr">  64 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, mode
+<span id="L65" class="LineNr">  65 </span>  <span class="Delimiter">{</span>
+<span id="L66" class="LineNr">  66 </span>    <span class="PreProc">var</span> P1?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L120'>slice-equal?</a> mode, <span class="Constant">&quot;P1&quot;</span>
+<span id="L67" class="LineNr">  67 </span>    compare P1?, <span class="Constant">0</span>/false
+<span id="L68" class="LineNr">  68 </span>    <span class="PreProc">break-if-=</span>
+<span id="L69" class="LineNr">  69 </span>    <span class="PreProc">var</span> type-a/eax: (addr int) <span class="Special">&lt;-</span> get self, <span class="PreProc">type</span>
+<span id="L70" class="LineNr">  70 </span>    copy-to *type-a, <span class="Constant">1</span>/ppm
+<span id="L71" class="LineNr">  71 </span>    <a href='img.mu.html#L129'>initialize-image-from-pbm</a> self, in
+<span id="L72" class="LineNr">  72 </span>    <span class="PreProc">return</span>
+<span id="L73" class="LineNr">  73 </span>  <span class="Delimiter">}</span>
+<span id="L74" class="LineNr">  74 </span>  <span class="Delimiter">{</span>
+<span id="L75" class="LineNr">  75 </span>    <span class="PreProc">var</span> P2?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L120'>slice-equal?</a> mode, <span class="Constant">&quot;P2&quot;</span>
+<span id="L76" class="LineNr">  76 </span>    compare P2?, <span class="Constant">0</span>/false
+<span id="L77" class="LineNr">  77 </span>    <span class="PreProc">break-if-=</span>
+<span id="L78" class="LineNr">  78 </span>    <span class="PreProc">var</span> type-a/eax: (addr int) <span class="Special">&lt;-</span> get self, <span class="PreProc">type</span>
+<span id="L79" class="LineNr">  79 </span>    copy-to *type-a, <span class="Constant">2</span>/pgm
+<span id="L80" class="LineNr">  80 </span>    <a href='img.mu.html#L241'>initialize-image-from-pgm</a> self, in
+<span id="L81" class="LineNr">  81 </span>    <span class="PreProc">return</span>
+<span id="L82" class="LineNr">  82 </span>  <span class="Delimiter">}</span>
+<span id="L83" class="LineNr">  83 </span>  <span class="Delimiter">{</span>
+<span id="L84" class="LineNr">  84 </span>    <span class="PreProc">var</span> P3?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L120'>slice-equal?</a> mode, <span class="Constant">&quot;P3&quot;</span>
+<span id="L85" class="LineNr">  85 </span>    compare P3?, <span class="Constant">0</span>/false
+<span id="L86" class="LineNr">  86 </span>    <span class="PreProc">break-if-=</span>
+<span id="L87" class="LineNr">  87 </span>    <span class="PreProc">var</span> type-a/eax: (addr int) <span class="Special">&lt;-</span> get self, <span class="PreProc">type</span>
+<span id="L88" class="LineNr">  88 </span>    copy-to *type-a, <span class="Constant">3</span>/ppm
+<span id="L89" class="LineNr">  89 </span>    <a href='img.mu.html#L727'>initialize-image-from-ppm</a> self, in
+<span id="L90" class="LineNr">  90 </span>    <span class="PreProc">return</span>
+<span id="L91" class="LineNr">  91 </span>  <span class="Delimiter">}</span>
+<span id="L92" class="LineNr">  92 </span>  <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;initialize-image: unrecognized <a href='img.mu.html#L15'>image</a> type&quot;</span>
+<span id="L93" class="LineNr">  93 </span><span class="Delimiter">}</span>
+<span id="L94" class="LineNr">  94 </span>
+<span id="L95" class="LineNr">  95 </span><span class="muComment"># dispatch to a few variants with mostly identical boilerplate</span>
+<span id="L96" class="LineNr">  96 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L96'>render-image</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _img: (addr <a href='img.mu.html#L15'>image</a>), xmin: int, ymin: int, width: int, height: int <span class="Delimiter">{</span>
+<span id="L97" class="LineNr">  97 </span>  <span class="PreProc">var</span> img/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _img
+<span id="L98" class="LineNr">  98 </span>  <span class="PreProc">var</span> type-a/eax: (addr int) <span class="Special">&lt;-</span> get img, <span class="PreProc">type</span>
+<span id="L99" class="LineNr">  99 </span>  <span class="Delimiter">{</span>
+<span id="L100" class="LineNr"> 100 </span>    compare *type-a, <span class="Constant">1</span>/pbm
+<span id="L101" class="LineNr"> 101 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L102" class="LineNr"> 102 </span>    <a href='img.mu.html#L168'>render-pbm-image</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, img, xmin, ymin, width, height
+<span id="L103" class="LineNr"> 103 </span>    <span class="PreProc">return</span>
+<span id="L104" class="LineNr"> 104 </span>  <span class="Delimiter">}</span>
+<span id="L105" class="LineNr"> 105 </span>  <span class="Delimiter">{</span>
+<span id="L106" class="LineNr"> 106 </span>    compare *type-a, <span class="Constant">2</span>/pgm
+<span id="L107" class="LineNr"> 107 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L108" class="LineNr"> 108 </span>    <span class="PreProc">var</span> img2-storage: <a href='img.mu.html#L15'>image</a>
+<span id="L109" class="LineNr"> 109 </span>    <span class="PreProc">var</span> img2/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> address img2-storage
+<span id="L110" class="LineNr"> 110 </span>    <a href='img.mu.html#L432'>dither-pgm-unordered</a> img, img2
+<span id="L111" class="LineNr"> 111 </span>    <a href='img.mu.html#L1083'>render-raw-image</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, img2, xmin, ymin, width, height
+<span id="L112" class="LineNr"> 112 </span>    <span class="PreProc">return</span>
+<span id="L113" class="LineNr"> 113 </span>  <span class="Delimiter">}</span>
+<span id="L114" class="LineNr"> 114 </span>  <span class="Delimiter">{</span>
+<span id="L115" class="LineNr"> 115 </span>    compare *type-a, <span class="Constant">3</span>/ppm
+<span id="L116" class="LineNr"> 116 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L117" class="LineNr"> 117 </span>    <span class="PreProc">var</span> img2-storage: <a href='img.mu.html#L15'>image</a>
+<span id="L118" class="LineNr"> 118 </span>    <span class="PreProc">var</span> img2/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> address img2-storage
+<span id="L119" class="LineNr"> 119 </span>    <a href='img.mu.html#L877'>dither-ppm-unordered</a> img, img2
+<span id="L120" class="LineNr"> 120 </span>    <a href='img.mu.html#L1083'>render-raw-image</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, img2, xmin, ymin, width, height
+<span id="L121" class="LineNr"> 121 </span>    <span class="PreProc">return</span>
+<span id="L122" class="LineNr"> 122 </span>  <span class="Delimiter">}</span>
+<span id="L123" class="LineNr"> 123 </span>  <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;render-image: unrecognized <a href='img.mu.html#L15'>image</a> type&quot;</span>
+<span id="L124" class="LineNr"> 124 </span><span class="Delimiter">}</span>
+<span id="L125" class="LineNr"> 125 </span>
+<span id="L126" class="LineNr"> 126 </span><span class="muComment">## helpers</span>
+<span id="L127" class="LineNr"> 127 </span>
+<span id="L128" class="LineNr"> 128 </span><span class="muComment"># import a black-and-white ascii bitmap (each pixel is 0 or 1)</span>
+<span id="L129" class="LineNr"> 129 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L129'>initialize-image-from-pbm</a></span> _self: (addr <a href='img.mu.html#L15'>image</a>), in: (addr stream byte) <span class="Delimiter">{</span>
+<span id="L130" class="LineNr"> 130 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L131" class="LineNr"> 131 </span>  <span class="PreProc">var</span> curr-word-storage: slice
+<span id="L132" class="LineNr"> 132 </span>  <span class="PreProc">var</span> curr-word/<span class="muRegEcx">ecx</span>: (addr slice) <span class="Special">&lt;-</span> address curr-word-storage
+<span id="L133" class="LineNr"> 133 </span>  <span class="muComment"># load width, height</span>
+<span id="L134" class="LineNr"> 134 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L135" class="LineNr"> 135 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L136" class="LineNr"> 136 </span>  <span class="PreProc">var</span> width/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L137" class="LineNr"> 137 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L138" class="LineNr"> 138 </span>  tmp <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L139" class="LineNr"> 139 </span>  <span class="PreProc">var</span> height/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L140" class="LineNr"> 140 </span>  <span class="muComment"># save width, height</span>
+<span id="L141" class="LineNr"> 141 </span>  <span class="PreProc">var</span> dest/eax: (addr int) <span class="Special">&lt;-</span> get self, width
+<span id="L142" class="LineNr"> 142 </span>  copy-to *dest, width
+<span id="L143" class="LineNr"> 143 </span>  dest <span class="Special">&lt;-</span> get self, height
+<span id="L144" class="LineNr"> 144 </span>  copy-to *dest, height
+<span id="L145" class="LineNr"> 145 </span>  <span class="muComment"># initialize data</span>
+<span id="L146" class="LineNr"> 146 </span>  <span class="PreProc">var</span> capacity/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy width
+<span id="L147" class="LineNr"> 147 </span>  capacity <span class="Special">&lt;-</span> multiply height
+<span id="L148" class="LineNr"> 148 </span>  <span class="PreProc">var</span> data-ah/<span class="muRegEdi">edi</span>: (addr handle array byte) <span class="Special">&lt;-</span> get self, data
+<span id="L149" class="LineNr"> 149 </span>  populate data-ah, capacity
+<span id="L150" class="LineNr"> 150 </span>  <span class="PreProc">var</span> _data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L151" class="LineNr"> 151 </span>  <span class="PreProc">var</span> data/<span class="muRegEdi">edi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _data
+<span id="L152" class="LineNr"> 152 </span>  <span class="PreProc">var</span> i/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L153" class="LineNr"> 153 </span>  <span class="Delimiter">{</span>
+<span id="L154" class="LineNr"> 154 </span>    compare i, capacity
+<span id="L155" class="LineNr"> 155 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L156" class="LineNr"> 156 </span>    <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L157" class="LineNr"> 157 </span>    <span class="PreProc">var</span> src/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L158" class="LineNr"> 158 </span>    <span class="Delimiter">{</span>
+<span id="L159" class="LineNr"> 159 </span>      <span class="PreProc">var</span> dest/<span class="muRegEcx">ecx</span>: (addr byte) <span class="Special">&lt;-</span> index data, i
+<span id="L160" class="LineNr"> 160 </span>      copy-byte-to *dest, src
+<span id="L161" class="LineNr"> 161 </span>    <span class="Delimiter">}</span>
+<span id="L162" class="LineNr"> 162 </span>    i <span class="Special">&lt;-</span> increment
+<span id="L163" class="LineNr"> 163 </span>    <span class="PreProc">loop</span>
+<span id="L164" class="LineNr"> 164 </span>  <span class="Delimiter">}</span>
+<span id="L165" class="LineNr"> 165 </span><span class="Delimiter">}</span>
+<span id="L166" class="LineNr"> 166 </span>
+<span id="L167" class="LineNr"> 167 </span><span class="muComment"># render a black-and-white ascii bitmap (each pixel is 0 or 1)</span>
+<span id="L168" class="LineNr"> 168 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L168'>render-pbm-image</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _img: (addr <a href='img.mu.html#L15'>image</a>), xmin: int, ymin: int, width: int, height: int <span class="Delimiter">{</span>
+<span id="L169" class="LineNr"> 169 </span>  <span class="PreProc">var</span> img/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _img
+<span id="L170" class="LineNr"> 170 </span>  <span class="muComment"># yratio = height/img-&gt;height</span>
+<span id="L171" class="LineNr"> 171 </span>  <span class="PreProc">var</span> img-height-a/eax: (addr int) <span class="Special">&lt;-</span> get img, height
+<span id="L172" class="LineNr"> 172 </span>  <span class="PreProc">var</span> img-height/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert *img-height-a
+<span id="L173" class="LineNr"> 173 </span>  <span class="PreProc">var</span> yratio/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L174" class="LineNr"> 174 </span>  yratio <span class="Special">&lt;-</span> divide img-height
+<span id="L175" class="LineNr"> 175 </span>  <span class="muComment"># xratio = width/img-&gt;width</span>
+<span id="L176" class="LineNr"> 176 </span>  <span class="PreProc">var</span> img-width-a/eax: (addr int) <span class="Special">&lt;-</span> get img, width
+<span id="L177" class="LineNr"> 177 </span>  <span class="PreProc">var</span> img-width/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy *img-width-a
+<span id="L178" class="LineNr"> 178 </span>  <span class="PreProc">var</span> img-width-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert img-width
+<span id="L179" class="LineNr"> 179 </span>  <span class="PreProc">var</span> xratio/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L180" class="LineNr"> 180 </span>  xratio <span class="Special">&lt;-</span> divide img-width-f
+<span id="L181" class="LineNr"> 181 </span>  <span class="muComment"># esi = img-&gt;data</span>
+<span id="L182" class="LineNr"> 182 </span>  <span class="PreProc">var</span> img-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get img, data
+<span id="L183" class="LineNr"> 183 </span>  <span class="PreProc">var</span> _img-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *img-data-ah
+<span id="L184" class="LineNr"> 184 </span>  <span class="PreProc">var</span> img-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _img-data
+<span id="L185" class="LineNr"> 185 </span>  <span class="PreProc">var</span> len/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> length img-data
+<span id="L186" class="LineNr"> 186 </span>  <span class="muComment">#</span>
+<span id="L187" class="LineNr"> 187 </span>  <span class="PreProc">var</span> one/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">1</span>
+<span id="L188" class="LineNr"> 188 </span>  <span class="PreProc">var</span> one-f/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> convert one
+<span id="L189" class="LineNr"> 189 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm4</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L190" class="LineNr"> 190 </span>  <span class="PreProc">var</span> height-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L191" class="LineNr"> 191 </span>  <span class="PreProc">var</span> zero/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L192" class="LineNr"> 192 </span>  <span class="PreProc">var</span> zero-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert zero
+<span id="L193" class="LineNr"> 193 </span>  <span class="PreProc">var</span> y/<span class="Constant">xmm6</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L194" class="LineNr"> 194 </span>  <span class="Delimiter">{</span>
+<span id="L195" class="LineNr"> 195 </span>    compare y, height-f
+<span id="L196" class="LineNr"> 196 </span>    <span class="PreProc">break-if-float&gt;=</span>
+<span id="L197" class="LineNr"> 197 </span>    <span class="PreProc">var</span> imgy-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L198" class="LineNr"> 198 </span>    imgy-f <span class="Special">&lt;-</span> divide yratio
+<span id="L199" class="LineNr"> 199 </span>    <span class="PreProc">var</span> imgy/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> truncate imgy-f
+<span id="L200" class="LineNr"> 200 </span>    <span class="PreProc">var</span> x/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L201" class="LineNr"> 201 </span>    <span class="Delimiter">{</span>
+<span id="L202" class="LineNr"> 202 </span>      compare x, width-f
+<span id="L203" class="LineNr"> 203 </span>      <span class="PreProc">break-if-float&gt;=</span>
+<span id="L204" class="LineNr"> 204 </span>      <span class="PreProc">var</span> imgx-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L205" class="LineNr"> 205 </span>      imgx-f <span class="Special">&lt;-</span> divide xratio
+<span id="L206" class="LineNr"> 206 </span>      <span class="PreProc">var</span> imgx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> truncate imgx-f
+<span id="L207" class="LineNr"> 207 </span>      <span class="PreProc">var</span> idx/eax: int <span class="Special">&lt;-</span> copy imgy
+<span id="L208" class="LineNr"> 208 </span>      idx <span class="Special">&lt;-</span> multiply img-width
+<span id="L209" class="LineNr"> 209 </span>      idx <span class="Special">&lt;-</span> add imgx
+<span id="L210" class="LineNr"> 210 </span>      <span class="muComment"># error info in case we rounded wrong and 'index' will fail bounds-check</span>
+<span id="L211" class="LineNr"> 211 </span>      compare idx, len
+<span id="L212" class="LineNr"> 212 </span>      <span class="Delimiter">{</span>
+<span id="L213" class="LineNr"> 213 </span>        <span class="PreProc">break-if-&lt;</span>
+<span id="L214" class="LineNr"> 214 </span>        <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <span class="Constant">0</span>/screen, <span class="Constant">0x20</span>/x <span class="Constant">0x20</span>/y
+<span id="L215" class="LineNr"> 215 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgx, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L216" class="LineNr"> 216 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgy, <span class="Constant">4</span>/fg <span class="Constant">0</span>/bg
+<span id="L217" class="LineNr"> 217 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, idx, <span class="Constant">5</span>/fg <span class="Constant">0</span>/bg
+<span id="L218" class="LineNr"> 218 </span>      <span class="Delimiter">}</span>
+<span id="L219" class="LineNr"> 219 </span>      <span class="PreProc">var</span> src-a/eax: (addr byte) <span class="Special">&lt;-</span> index img-data, idx
+<span id="L220" class="LineNr"> 220 </span>      <span class="PreProc">var</span> src/eax: byte <span class="Special">&lt;-</span> copy-byte *src-a
+<span id="L221" class="LineNr"> 221 </span>      <span class="PreProc">var</span> color-int/eax: int <span class="Special">&lt;-</span> copy src
+<span id="L222" class="LineNr"> 222 </span>      <span class="Delimiter">{</span>
+<span id="L223" class="LineNr"> 223 </span>        compare color-int, <span class="Constant">0</span>/black
+<span id="L224" class="LineNr"> 224 </span>        <span class="PreProc">break-if-=</span>
+<span id="L225" class="LineNr"> 225 </span>        color-int <span class="Special">&lt;-</span> copy <span class="Constant">0xf</span>/white
+<span id="L226" class="LineNr"> 226 </span>      <span class="Delimiter">}</span>
+<span id="L227" class="LineNr"> 227 </span>      <span class="PreProc">var</span> screenx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> convert x
+<span id="L228" class="LineNr"> 228 </span>      screenx <span class="Special">&lt;-</span> add xmin
+<span id="L229" class="LineNr"> 229 </span>      <span class="PreProc">var</span> screeny/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> convert y
+<span id="L230" class="LineNr"> 230 </span>      screeny <span class="Special">&lt;-</span> add ymin
+<span id="L231" class="LineNr"> 231 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, screenx, screeny, color-int
+<span id="L232" class="LineNr"> 232 </span>      x <span class="Special">&lt;-</span> add one-f
+<span id="L233" class="LineNr"> 233 </span>      <span class="PreProc">loop</span>
+<span id="L234" class="LineNr"> 234 </span>    <span class="Delimiter">}</span>
+<span id="L235" class="LineNr"> 235 </span>    y <span class="Special">&lt;-</span> add one-f
+<span id="L236" class="LineNr"> 236 </span>    <span class="PreProc">loop</span>
+<span id="L237" class="LineNr"> 237 </span>  <span class="Delimiter">}</span>
+<span id="L238" class="LineNr"> 238 </span><span class="Delimiter">}</span>
+<span id="L239" class="LineNr"> 239 </span>
+<span id="L240" class="LineNr"> 240 </span><span class="muComment"># import a greyscale ascii &quot;greymap&quot; (each pixel is a shade of grey from 0 to 255)</span>
+<span id="L241" class="LineNr"> 241 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L241'>initialize-image-from-pgm</a></span> _self: (addr <a href='img.mu.html#L15'>image</a>), in: (addr stream byte) <span class="Delimiter">{</span>
+<span id="L242" class="LineNr"> 242 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L243" class="LineNr"> 243 </span>  <span class="PreProc">var</span> curr-word-storage: slice
+<span id="L244" class="LineNr"> 244 </span>  <span class="PreProc">var</span> curr-word/<span class="muRegEcx">ecx</span>: (addr slice) <span class="Special">&lt;-</span> address curr-word-storage
+<span id="L245" class="LineNr"> 245 </span>  <span class="muComment"># load width, height</span>
+<span id="L246" class="LineNr"> 246 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L247" class="LineNr"> 247 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L248" class="LineNr"> 248 </span>  <span class="PreProc">var</span> width/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L249" class="LineNr"> 249 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L250" class="LineNr"> 250 </span>  tmp <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L251" class="LineNr"> 251 </span>  <span class="PreProc">var</span> height/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L252" class="LineNr"> 252 </span>  <span class="muComment"># check and save color levels</span>
+<span id="L253" class="LineNr"> 253 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L254" class="LineNr"> 254 </span>  <span class="Delimiter">{</span>
+<span id="L255" class="LineNr"> 255 </span>    tmp <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L256" class="LineNr"> 256 </span>    compare tmp, <span class="Constant">0xff</span>
+<span id="L257" class="LineNr"> 257 </span>    <span class="PreProc">break-if-=</span>
+<span id="L258" class="LineNr"> 258 </span>    <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, <span class="Constant">&quot;levels of grey is not 255; continuing and hoping for the best&quot;</span>, <span class="Constant">0x2b</span>/fg <span class="Constant">0</span>/bg
+<span id="L259" class="LineNr"> 259 </span>  <span class="Delimiter">}</span>
+<span id="L260" class="LineNr"> 260 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr int) <span class="Special">&lt;-</span> get self, max
+<span id="L261" class="LineNr"> 261 </span>  copy-to *dest, tmp
+<span id="L262" class="LineNr"> 262 </span>  <span class="muComment"># save width, height</span>
+<span id="L263" class="LineNr"> 263 </span>  dest <span class="Special">&lt;-</span> get self, width
+<span id="L264" class="LineNr"> 264 </span>  copy-to *dest, width
+<span id="L265" class="LineNr"> 265 </span>  dest <span class="Special">&lt;-</span> get self, height
+<span id="L266" class="LineNr"> 266 </span>  copy-to *dest, height
+<span id="L267" class="LineNr"> 267 </span>  <span class="muComment"># initialize data</span>
+<span id="L268" class="LineNr"> 268 </span>  <span class="PreProc">var</span> capacity/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy width
+<span id="L269" class="LineNr"> 269 </span>  capacity <span class="Special">&lt;-</span> multiply height
+<span id="L270" class="LineNr"> 270 </span>  <span class="PreProc">var</span> data-ah/<span class="muRegEdi">edi</span>: (addr handle array byte) <span class="Special">&lt;-</span> get self, data
+<span id="L271" class="LineNr"> 271 </span>  populate data-ah, capacity
+<span id="L272" class="LineNr"> 272 </span>  <span class="PreProc">var</span> _data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L273" class="LineNr"> 273 </span>  <span class="PreProc">var</span> data/<span class="muRegEdi">edi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _data
+<span id="L274" class="LineNr"> 274 </span>  <span class="PreProc">var</span> i/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L275" class="LineNr"> 275 </span>  <span class="Delimiter">{</span>
+<span id="L276" class="LineNr"> 276 </span>    compare i, capacity
+<span id="L277" class="LineNr"> 277 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L278" class="LineNr"> 278 </span>    <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L279" class="LineNr"> 279 </span>    <span class="PreProc">var</span> src/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L280" class="LineNr"> 280 </span>    <span class="Delimiter">{</span>
+<span id="L281" class="LineNr"> 281 </span>      <span class="PreProc">var</span> dest/<span class="muRegEcx">ecx</span>: (addr byte) <span class="Special">&lt;-</span> index data, i
+<span id="L282" class="LineNr"> 282 </span>      copy-byte-to *dest, src
+<span id="L283" class="LineNr"> 283 </span>    <span class="Delimiter">}</span>
+<span id="L284" class="LineNr"> 284 </span>    i <span class="Special">&lt;-</span> increment
+<span id="L285" class="LineNr"> 285 </span>    <span class="PreProc">loop</span>
+<span id="L286" class="LineNr"> 286 </span>  <span class="Delimiter">}</span>
+<span id="L287" class="LineNr"> 287 </span><span class="Delimiter">}</span>
+<span id="L288" class="LineNr"> 288 </span>
+<span id="L289" class="LineNr"> 289 </span><span class="muComment"># render a greyscale ascii &quot;greymap&quot; (each pixel is a shade of grey from 0 to 255) by quantizing the shades</span>
+<span id="L290" class="LineNr"> 290 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L290'>render-pgm-image</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _img: (addr <a href='img.mu.html#L15'>image</a>), xmin: int, ymin: int, width: int, height: int <span class="Delimiter">{</span>
+<span id="L291" class="LineNr"> 291 </span>  <span class="PreProc">var</span> img/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _img
+<span id="L292" class="LineNr"> 292 </span>  <span class="muComment"># yratio = height/img-&gt;height</span>
+<span id="L293" class="LineNr"> 293 </span>  <span class="PreProc">var</span> img-height-a/eax: (addr int) <span class="Special">&lt;-</span> get img, height
+<span id="L294" class="LineNr"> 294 </span>  <span class="PreProc">var</span> img-height/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert *img-height-a
+<span id="L295" class="LineNr"> 295 </span>  <span class="PreProc">var</span> yratio/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L296" class="LineNr"> 296 </span>  yratio <span class="Special">&lt;-</span> divide img-height
+<span id="L297" class="LineNr"> 297 </span>  <span class="muComment"># xratio = width/img-&gt;width</span>
+<span id="L298" class="LineNr"> 298 </span>  <span class="PreProc">var</span> img-width-a/eax: (addr int) <span class="Special">&lt;-</span> get img, width
+<span id="L299" class="LineNr"> 299 </span>  <span class="PreProc">var</span> img-width/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy *img-width-a
+<span id="L300" class="LineNr"> 300 </span>  <span class="PreProc">var</span> img-width-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert img-width
+<span id="L301" class="LineNr"> 301 </span>  <span class="PreProc">var</span> xratio/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L302" class="LineNr"> 302 </span>  xratio <span class="Special">&lt;-</span> divide img-width-f
+<span id="L303" class="LineNr"> 303 </span>  <span class="muComment"># esi = img-&gt;data</span>
+<span id="L304" class="LineNr"> 304 </span>  <span class="PreProc">var</span> img-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get img, data
+<span id="L305" class="LineNr"> 305 </span>  <span class="PreProc">var</span> _img-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *img-data-ah
+<span id="L306" class="LineNr"> 306 </span>  <span class="PreProc">var</span> img-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _img-data
+<span id="L307" class="LineNr"> 307 </span>  <span class="PreProc">var</span> len/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> length img-data
+<span id="L308" class="LineNr"> 308 </span>  <span class="muComment">#</span>
+<span id="L309" class="LineNr"> 309 </span>  <span class="PreProc">var</span> one/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">1</span>
+<span id="L310" class="LineNr"> 310 </span>  <span class="PreProc">var</span> one-f/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> convert one
+<span id="L311" class="LineNr"> 311 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm4</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L312" class="LineNr"> 312 </span>  <span class="PreProc">var</span> height-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L313" class="LineNr"> 313 </span>  <span class="PreProc">var</span> zero/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L314" class="LineNr"> 314 </span>  <span class="PreProc">var</span> zero-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert zero
+<span id="L315" class="LineNr"> 315 </span>  <span class="PreProc">var</span> y/<span class="Constant">xmm6</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L316" class="LineNr"> 316 </span>  <span class="Delimiter">{</span>
+<span id="L317" class="LineNr"> 317 </span>    compare y, height-f
+<span id="L318" class="LineNr"> 318 </span>    <span class="PreProc">break-if-float&gt;=</span>
+<span id="L319" class="LineNr"> 319 </span>    <span class="PreProc">var</span> imgy-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L320" class="LineNr"> 320 </span>    imgy-f <span class="Special">&lt;-</span> divide yratio
+<span id="L321" class="LineNr"> 321 </span>    <span class="PreProc">var</span> imgy/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> truncate imgy-f
+<span id="L322" class="LineNr"> 322 </span>    <span class="PreProc">var</span> x/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L323" class="LineNr"> 323 </span>    <span class="Delimiter">{</span>
+<span id="L324" class="LineNr"> 324 </span>      compare x, width-f
+<span id="L325" class="LineNr"> 325 </span>      <span class="PreProc">break-if-float&gt;=</span>
+<span id="L326" class="LineNr"> 326 </span>      <span class="PreProc">var</span> imgx-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L327" class="LineNr"> 327 </span>      imgx-f <span class="Special">&lt;-</span> divide xratio
+<span id="L328" class="LineNr"> 328 </span>      <span class="PreProc">var</span> imgx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> truncate imgx-f
+<span id="L329" class="LineNr"> 329 </span>      <span class="PreProc">var</span> idx/eax: int <span class="Special">&lt;-</span> copy imgy
+<span id="L330" class="LineNr"> 330 </span>      idx <span class="Special">&lt;-</span> multiply img-width
+<span id="L331" class="LineNr"> 331 </span>      idx <span class="Special">&lt;-</span> add imgx
+<span id="L332" class="LineNr"> 332 </span>      <span class="muComment"># error info in case we rounded wrong and 'index' will fail bounds-check</span>
+<span id="L333" class="LineNr"> 333 </span>      compare idx, len
+<span id="L334" class="LineNr"> 334 </span>      <span class="Delimiter">{</span>
+<span id="L335" class="LineNr"> 335 </span>        <span class="PreProc">break-if-&lt;</span>
+<span id="L336" class="LineNr"> 336 </span>        <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <span class="Constant">0</span>/screen, <span class="Constant">0x20</span>/x <span class="Constant">0x20</span>/y
+<span id="L337" class="LineNr"> 337 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgx, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L338" class="LineNr"> 338 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgy, <span class="Constant">4</span>/fg <span class="Constant">0</span>/bg
+<span id="L339" class="LineNr"> 339 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, idx, <span class="Constant">5</span>/fg <span class="Constant">0</span>/bg
+<span id="L340" class="LineNr"> 340 </span>      <span class="Delimiter">}</span>
+<span id="L341" class="LineNr"> 341 </span>      <span class="PreProc">var</span> src-a/eax: (addr byte) <span class="Special">&lt;-</span> index img-data, idx
+<span id="L342" class="LineNr"> 342 </span>      <span class="PreProc">var</span> src/eax: byte <span class="Special">&lt;-</span> copy-byte *src-a
+<span id="L343" class="LineNr"> 343 </span>      <span class="PreProc">var</span> color-int/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L357'>nearest-grey</a> src
+<span id="L344" class="LineNr"> 344 </span>      <span class="PreProc">var</span> screenx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> convert x
+<span id="L345" class="LineNr"> 345 </span>      screenx <span class="Special">&lt;-</span> add xmin
+<span id="L346" class="LineNr"> 346 </span>      <span class="PreProc">var</span> screeny/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> convert y
+<span id="L347" class="LineNr"> 347 </span>      screeny <span class="Special">&lt;-</span> add ymin
+<span id="L348" class="LineNr"> 348 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, screenx, screeny, color-int
+<span id="L349" class="LineNr"> 349 </span>      x <span class="Special">&lt;-</span> add one-f
+<span id="L350" class="LineNr"> 350 </span>      <span class="PreProc">loop</span>
+<span id="L351" class="LineNr"> 351 </span>    <span class="Delimiter">}</span>
+<span id="L352" class="LineNr"> 352 </span>    y <span class="Special">&lt;-</span> add one-f
+<span id="L353" class="LineNr"> 353 </span>    <span class="PreProc">loop</span>
+<span id="L354" class="LineNr"> 354 </span>  <span class="Delimiter">}</span>
+<span id="L355" class="LineNr"> 355 </span><span class="Delimiter">}</span>
+<span id="L356" class="LineNr"> 356 </span>
+<span id="L357" class="LineNr"> 357 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L357'>nearest-grey</a></span> level-255: byte<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L358" class="LineNr"> 358 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> copy level-255
+<span id="L359" class="LineNr"> 359 </span>  result <span class="Special">&lt;-</span> shift-right <span class="Constant">4</span>
+<span id="L360" class="LineNr"> 360 </span>  result <span class="Special">&lt;-</span> add <span class="Constant">0x10</span>
+<span id="L361" class="LineNr"> 361 </span>  <span class="PreProc">return</span> result
+<span id="L362" class="LineNr"> 362 </span><span class="Delimiter">}</span>
+<span id="L363" class="LineNr"> 363 </span>
+<span id="L364" class="LineNr"> 364 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L364'>dither-pgm-unordered-monochrome</a></span> _src: (addr <a href='img.mu.html#L15'>image</a>), _dest: (addr <a href='img.mu.html#L15'>image</a>) <span class="Delimiter">{</span>
+<span id="L365" class="LineNr"> 365 </span>  <span class="PreProc">var</span> src/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _src
+<span id="L366" class="LineNr"> 366 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _dest
+<span id="L367" class="LineNr"> 367 </span>  <span class="muComment"># copy 'width'</span>
+<span id="L368" class="LineNr"> 368 </span>  <span class="PreProc">var</span> src-width-a/eax: (addr int) <span class="Special">&lt;-</span> get src, width
+<span id="L369" class="LineNr"> 369 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy *src-width-a
+<span id="L370" class="LineNr"> 370 </span>  <span class="PreProc">var</span> src-width: int
+<span id="L371" class="LineNr"> 371 </span>  copy-to src-width, tmp
+<span id="L372" class="LineNr"> 372 </span>  <span class="Delimiter">{</span>
+<span id="L373" class="LineNr"> 373 </span>    <span class="PreProc">var</span> dest-width-a/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get dest, width
+<span id="L374" class="LineNr"> 374 </span>    copy-to *dest-width-a, tmp
+<span id="L375" class="LineNr"> 375 </span>  <span class="Delimiter">}</span>
+<span id="L376" class="LineNr"> 376 </span>  <span class="muComment"># copy 'height'</span>
+<span id="L377" class="LineNr"> 377 </span>  <span class="PreProc">var</span> src-height-a/eax: (addr int) <span class="Special">&lt;-</span> get src, height
+<span id="L378" class="LineNr"> 378 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy *src-height-a
+<span id="L379" class="LineNr"> 379 </span>  <span class="PreProc">var</span> src-height: int
+<span id="L380" class="LineNr"> 380 </span>  copy-to src-height, tmp
+<span id="L381" class="LineNr"> 381 </span>  <span class="Delimiter">{</span>
+<span id="L382" class="LineNr"> 382 </span>    <span class="PreProc">var</span> dest-height-a/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get dest, height
+<span id="L383" class="LineNr"> 383 </span>    copy-to *dest-height-a, tmp
+<span id="L384" class="LineNr"> 384 </span>  <span class="Delimiter">}</span>
+<span id="L385" class="LineNr"> 385 </span>  <span class="muComment"># transform 'data'</span>
+<span id="L386" class="LineNr"> 386 </span>  <span class="PreProc">var</span> capacity/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy src-width
+<span id="L387" class="LineNr"> 387 </span>  capacity <span class="Special">&lt;-</span> multiply src-height
+<span id="L388" class="LineNr"> 388 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _dest
+<span id="L389" class="LineNr"> 389 </span>  <span class="PreProc">var</span> dest-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get dest, data
+<span id="L390" class="LineNr"> 390 </span>  populate dest-data-ah, capacity
+<span id="L391" class="LineNr"> 391 </span>  <span class="PreProc">var</span> _dest-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *dest-data-ah
+<span id="L392" class="LineNr"> 392 </span>  <span class="PreProc">var</span> dest-data/<span class="muRegEdi">edi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _dest-data
+<span id="L393" class="LineNr"> 393 </span>  <span class="muComment"># needs a buffer to temporarily hold more than 256 levels of precision</span>
+<span id="L394" class="LineNr"> 394 </span>  <span class="PreProc">var</span> errors-storage: (array int <span class="Constant">0xc0000</span>)
+<span id="L395" class="LineNr"> 395 </span>  <span class="PreProc">var</span> errors/<span class="muRegEbx">ebx</span>: (addr array int) <span class="Special">&lt;-</span> address errors-storage
+<span id="L396" class="LineNr"> 396 </span>  <span class="PreProc">var</span> src-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get src, data
+<span id="L397" class="LineNr"> 397 </span>  <span class="PreProc">var</span> _src-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *src-data-ah
+<span id="L398" class="LineNr"> 398 </span>  <span class="PreProc">var</span> src-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _src-data
+<span id="L399" class="LineNr"> 399 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L400" class="LineNr"> 400 </span>  <span class="Delimiter">{</span>
+<span id="L401" class="LineNr"> 401 </span>    compare y, src-height
+<span id="L402" class="LineNr"> 402 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L403" class="LineNr"> 403 </span>    <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L404" class="LineNr"> 404 </span>    <span class="Delimiter">{</span>
+<span id="L405" class="LineNr"> 405 </span>      compare x, src-width
+<span id="L406" class="LineNr"> 406 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L407" class="LineNr"> 407 </span>      <span class="PreProc">var</span> curr/eax: byte <span class="Special">&lt;-</span> <a href='img.mu.html#L625'>_read-pgm-buffer</a> src-data, x, y, src-width
+<span id="L408" class="LineNr"> 408 </span>      <span class="PreProc">var</span> curr-int/eax: int <span class="Special">&lt;-</span> copy curr
+<span id="L409" class="LineNr"> 409 </span>      curr-int <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>  <span class="muComment"># we have 32 bits; we'll use 16 bits for the fraction and leave 8 for unanticipated overflow</span>
+<span id="L410" class="LineNr"> 410 </span>      <span class="PreProc">var</span> <span class="Special">error</span>/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> errors, x, y, src-width
+<span id="L411" class="LineNr"> 411 </span>      <span class="Special">error</span> <span class="Special">&lt;-</span> add curr-int
+<span id="L412" class="LineNr"> 412 </span>      $_dither-pgm-unordered-monochrome:update-error: <span class="Delimiter">{</span>
+<span id="L413" class="LineNr"> 413 </span>        compare <span class="Special">error</span>, <span class="Constant">0x800000</span>
+<span id="L414" class="LineNr"> 414 </span>        <span class="Delimiter">{</span>
+<span id="L415" class="LineNr"> 415 </span>          <span class="PreProc">break-if-&gt;=</span>
+<span id="L416" class="LineNr"> 416 </span>          <a href='img.mu.html#L635'>_write-raw-buffer</a> dest-data, x, y, src-width, <span class="Constant">0</span>/black
+<span id="L417" class="LineNr"> 417 </span>          <span class="PreProc">break</span> $_dither-pgm-unordered-monochrome:update-error
+<span id="L418" class="LineNr"> 418 </span>        <span class="Delimiter">}</span>
+<span id="L419" class="LineNr"> 419 </span>        <a href='img.mu.html#L635'>_write-raw-buffer</a> dest-data, x, y, src-width, <span class="Constant">1</span>/white
+<span id="L420" class="LineNr"> 420 </span>        <span class="Special">error</span> <span class="Special">&lt;-</span> subtract <span class="Constant">0xff0000</span>
+<span id="L421" class="LineNr"> 421 </span>      <span class="Delimiter">}</span>
+<span id="L422" class="LineNr"> 422 </span>      <a href='img.mu.html#L537'>_diffuse-dithering-error-floyd-steinberg</a> errors, x, y, src-width, src-height, <span class="Special">error</span>
+<span id="L423" class="LineNr"> 423 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L424" class="LineNr"> 424 </span>      <span class="PreProc">loop</span>
+<span id="L425" class="LineNr"> 425 </span>    <span class="Delimiter">}</span>
+<span id="L426" class="LineNr"> 426 </span>    <a href='../501draw-text.mu.html#L65'>move-cursor-to-left-margin-of-next-line</a> <span class="Constant">0</span>/screen
+<span id="L427" class="LineNr"> 427 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L428" class="LineNr"> 428 </span>    <span class="PreProc">loop</span>
+<span id="L429" class="LineNr"> 429 </span>  <span class="Delimiter">}</span>
+<span id="L430" class="LineNr"> 430 </span><span class="Delimiter">}</span>
+<span id="L431" class="LineNr"> 431 </span>
+<span id="L432" class="LineNr"> 432 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L432'>dither-pgm-unordered</a></span> _src: (addr <a href='img.mu.html#L15'>image</a>), _dest: (addr <a href='img.mu.html#L15'>image</a>) <span class="Delimiter">{</span>
+<span id="L433" class="LineNr"> 433 </span>  <span class="PreProc">var</span> src/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _src
+<span id="L434" class="LineNr"> 434 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _dest
+<span id="L435" class="LineNr"> 435 </span>  <span class="muComment"># copy 'width'</span>
+<span id="L436" class="LineNr"> 436 </span>  <span class="PreProc">var</span> src-width-a/eax: (addr int) <span class="Special">&lt;-</span> get src, width
+<span id="L437" class="LineNr"> 437 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy *src-width-a
+<span id="L438" class="LineNr"> 438 </span>  <span class="PreProc">var</span> src-width: int
+<span id="L439" class="LineNr"> 439 </span>  copy-to src-width, tmp
+<span id="L440" class="LineNr"> 440 </span>  <span class="Delimiter">{</span>
+<span id="L441" class="LineNr"> 441 </span>    <span class="PreProc">var</span> dest-width-a/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get dest, width
+<span id="L442" class="LineNr"> 442 </span>    copy-to *dest-width-a, tmp
+<span id="L443" class="LineNr"> 443 </span>  <span class="Delimiter">}</span>
+<span id="L444" class="LineNr"> 444 </span>  <span class="muComment"># copy 'height'</span>
+<span id="L445" class="LineNr"> 445 </span>  <span class="PreProc">var</span> src-height-a/eax: (addr int) <span class="Special">&lt;-</span> get src, height
+<span id="L446" class="LineNr"> 446 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy *src-height-a
+<span id="L447" class="LineNr"> 447 </span>  <span class="PreProc">var</span> src-height: int
+<span id="L448" class="LineNr"> 448 </span>  copy-to src-height, tmp
+<span id="L449" class="LineNr"> 449 </span>  <span class="Delimiter">{</span>
+<span id="L450" class="LineNr"> 450 </span>    <span class="PreProc">var</span> dest-height-a/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get dest, height
+<span id="L451" class="LineNr"> 451 </span>    copy-to *dest-height-a, tmp
+<span id="L452" class="LineNr"> 452 </span>  <span class="Delimiter">}</span>
+<span id="L453" class="LineNr"> 453 </span>  <span class="muComment"># compute scaling factor 255/max</span>
+<span id="L454" class="LineNr"> 454 </span>  <span class="PreProc">var</span> target-scale/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0xff</span>
+<span id="L455" class="LineNr"> 455 </span>  <span class="PreProc">var</span> scale-f/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert target-scale
+<span id="L456" class="LineNr"> 456 </span>  <span class="PreProc">var</span> src-max-a/eax: (addr int) <span class="Special">&lt;-</span> get src, max
+<span id="L457" class="LineNr"> 457 </span>  <span class="PreProc">var</span> tmp-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert *src-max-a
+<span id="L458" class="LineNr"> 458 </span>  scale-f <span class="Special">&lt;-</span> divide tmp-f
+<span id="L459" class="LineNr"> 459 </span>  <span class="muComment"># transform 'data'</span>
+<span id="L460" class="LineNr"> 460 </span>  <span class="PreProc">var</span> capacity/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy src-width
+<span id="L461" class="LineNr"> 461 </span>  capacity <span class="Special">&lt;-</span> multiply src-height
+<span id="L462" class="LineNr"> 462 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _dest
+<span id="L463" class="LineNr"> 463 </span>  <span class="PreProc">var</span> dest-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get dest, data
+<span id="L464" class="LineNr"> 464 </span>  populate dest-data-ah, capacity
+<span id="L465" class="LineNr"> 465 </span>  <span class="PreProc">var</span> _dest-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *dest-data-ah
+<span id="L466" class="LineNr"> 466 </span>  <span class="PreProc">var</span> dest-data/<span class="muRegEdi">edi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _dest-data
+<span id="L467" class="LineNr"> 467 </span>  <span class="muComment"># needs a buffer to temporarily hold more than 256 levels of precision</span>
+<span id="L468" class="LineNr"> 468 </span>  <span class="PreProc">var</span> errors-storage: (array int <span class="Constant">0xc0000</span>)
+<span id="L469" class="LineNr"> 469 </span>  <span class="PreProc">var</span> errors/<span class="muRegEbx">ebx</span>: (addr array int) <span class="Special">&lt;-</span> address errors-storage
+<span id="L470" class="LineNr"> 470 </span>  <span class="PreProc">var</span> src-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get src, data
+<span id="L471" class="LineNr"> 471 </span>  <span class="PreProc">var</span> _src-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *src-data-ah
+<span id="L472" class="LineNr"> 472 </span>  <span class="PreProc">var</span> src-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _src-data
+<span id="L473" class="LineNr"> 473 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L474" class="LineNr"> 474 </span>  <span class="Delimiter">{</span>
+<span id="L475" class="LineNr"> 475 </span>    compare y, src-height
+<span id="L476" class="LineNr"> 476 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L477" class="LineNr"> 477 </span>    <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L478" class="LineNr"> 478 </span>    <span class="Delimiter">{</span>
+<span id="L479" class="LineNr"> 479 </span>      compare x, src-width
+<span id="L480" class="LineNr"> 480 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L481" class="LineNr"> 481 </span>      <span class="PreProc">var</span> initial-color/eax: byte <span class="Special">&lt;-</span> <a href='img.mu.html#L625'>_read-pgm-buffer</a> src-data, x, y, src-width
+<span id="L482" class="LineNr"> 482 </span>      <span class="muS1Comment"># . scale to 255 levels</span>
+<span id="L483" class="LineNr"> 483 </span>      <span class="PreProc">var</span> initial-color-int/eax: int <span class="Special">&lt;-</span> copy initial-color
+<span id="L484" class="LineNr"> 484 </span>      <span class="PreProc">var</span> initial-color-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert initial-color-int
+<span id="L485" class="LineNr"> 485 </span>      initial-color-f <span class="Special">&lt;-</span> multiply scale-f
+<span id="L486" class="LineNr"> 486 </span>      initial-color-int <span class="Special">&lt;-</span> convert initial-color-f
+<span id="L487" class="LineNr"> 487 </span>      <span class="PreProc">var</span> <span class="Special">error</span>/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> errors, x, y, src-width
+<span id="L488" class="LineNr"> 488 </span>      <span class="muComment"># error += (initial-color &lt;&lt; 16)</span>
+<span id="L489" class="LineNr"> 489 </span>      <span class="Delimiter">{</span>
+<span id="L490" class="LineNr"> 490 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy initial-color-int
+<span id="L491" class="LineNr"> 491 </span>        tmp <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>  <span class="muComment"># we have 32 bits; we'll use 16 bits for the fraction and leave 8 for unanticipated overflow</span>
+<span id="L492" class="LineNr"> 492 </span>        <span class="Special">error</span> <span class="Special">&lt;-</span> add tmp
+<span id="L493" class="LineNr"> 493 </span>      <span class="Delimiter">}</span>
+<span id="L494" class="LineNr"> 494 </span>      <span class="muComment"># nearest-color = nearest(error &gt;&gt; 16)</span>
+<span id="L495" class="LineNr"> 495 </span>      <span class="PreProc">var</span> nearest-color/eax: int <span class="Special">&lt;-</span> copy <span class="Special">error</span>
+<span id="L496" class="LineNr"> 496 </span>      nearest-color <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">0x10</span>
+<span id="L497" class="LineNr"> 497 </span>      <span class="Delimiter">{</span>
+<span id="L498" class="LineNr"> 498 </span>        compare nearest-color, <span class="Constant">0</span>
+<span id="L499" class="LineNr"> 499 </span>        <span class="PreProc">break-if-&gt;=</span>
+<span id="L500" class="LineNr"> 500 </span>        nearest-color <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L501" class="LineNr"> 501 </span>      <span class="Delimiter">}</span>
+<span id="L502" class="LineNr"> 502 </span>      <span class="Delimiter">{</span>
+<span id="L503" class="LineNr"> 503 </span>        compare nearest-color, <span class="Constant">0xf0</span>
+<span id="L504" class="LineNr"> 504 </span>        <span class="PreProc">break-if-&lt;=</span>
+<span id="L505" class="LineNr"> 505 </span>        nearest-color <span class="Special">&lt;-</span> copy <span class="Constant">0xf0</span>
+<span id="L506" class="LineNr"> 506 </span>      <span class="Delimiter">}</span>
+<span id="L507" class="LineNr"> 507 </span>      <span class="muS1Comment"># . truncate last 4 bits</span>
+<span id="L508" class="LineNr"> 508 </span>      nearest-color <span class="Special">&lt;-</span> and <span class="Constant">0xf0</span>
+<span id="L509" class="LineNr"> 509 </span>      <span class="muComment"># error -= (nearest-color &lt;&lt; 16)</span>
+<span id="L510" class="LineNr"> 510 </span>      <span class="Delimiter">{</span>
+<span id="L511" class="LineNr"> 511 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy nearest-color
+<span id="L512" class="LineNr"> 512 </span>        tmp <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>
+<span id="L513" class="LineNr"> 513 </span>        <span class="Special">error</span> <span class="Special">&lt;-</span> subtract tmp
+<span id="L514" class="LineNr"> 514 </span>      <span class="Delimiter">}</span>
+<span id="L515" class="LineNr"> 515 </span>      <span class="muComment"># color-index = (nearest-color &gt;&gt; 4 + 16)</span>
+<span id="L516" class="LineNr"> 516 </span>      <span class="PreProc">var</span> color-index/eax: int <span class="Special">&lt;-</span> copy nearest-color
+<span id="L517" class="LineNr"> 517 </span>      color-index <span class="Special">&lt;-</span> shift-right <span class="Constant">4</span>
+<span id="L518" class="LineNr"> 518 </span>      color-index <span class="Special">&lt;-</span> add <span class="Constant">0x10</span>
+<span id="L519" class="LineNr"> 519 </span>      <span class="PreProc">var</span> color-index-byte/eax: byte <span class="Special">&lt;-</span> copy-byte color-index
+<span id="L520" class="LineNr"> 520 </span>      <a href='img.mu.html#L635'>_write-raw-buffer</a> dest-data, x, y, src-width, color-index-byte
+<span id="L521" class="LineNr"> 521 </span>      <a href='img.mu.html#L537'>_diffuse-dithering-error-floyd-steinberg</a> errors, x, y, src-width, src-height, <span class="Special">error</span>
+<span id="L522" class="LineNr"> 522 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L523" class="LineNr"> 523 </span>      <span class="PreProc">loop</span>
+<span id="L524" class="LineNr"> 524 </span>    <span class="Delimiter">}</span>
+<span id="L525" class="LineNr"> 525 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L526" class="LineNr"> 526 </span>    <span class="PreProc">loop</span>
+<span id="L527" class="LineNr"> 527 </span>  <span class="Delimiter">}</span>
+<span id="L528" class="LineNr"> 528 </span><span class="Delimiter">}</span>
+<span id="L529" class="LineNr"> 529 </span>
+<span id="L530" class="LineNr"> 530 </span><span class="muComment"># Use Floyd-Steinberg algorithm for diffusing error at x, y in a 2D grid of</span>
+<span id="L531" class="LineNr"> 531 </span><span class="muComment"># dimensions (width, height)</span>
+<span id="L532" class="LineNr"> 532 </span><span class="muComment">#</span>
+<span id="L533" class="LineNr"> 533 </span><span class="muComment"># <a href="https://tannerhelland.com/2012/12/28/dithering-eleven-algorithms-source-code.html">https://tannerhelland.com/2012/12/28/dithering-eleven-algorithms-source-code.html</a></span>
+<span id="L534" class="LineNr"> 534 </span><span class="muComment">#</span>
+<span id="L535" class="LineNr"> 535 </span><span class="muComment"># Error is currently a fixed-point number with 16-bit fraction. But</span>
+<span id="L536" class="LineNr"> 536 </span><span class="muComment"># interestingly this function doesn't care about that.</span>
+<span id="L537" class="LineNr"> 537 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L537'>_diffuse-dithering-error-floyd-steinberg</a></span> errors: (addr array int), x: int, y: int, width: int, height: int, <span class="Special">error</span>: int <span class="Delimiter">{</span>
+<span id="L538" class="LineNr"> 538 </span>  <span class="Delimiter">{</span>
+<span id="L539" class="LineNr"> 539 </span>    compare <span class="Special">error</span>, <span class="Constant">0</span>
+<span id="L540" class="LineNr"> 540 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L541" class="LineNr"> 541 </span>    <span class="PreProc">return</span>
+<span id="L542" class="LineNr"> 542 </span>  <span class="Delimiter">}</span>
+<span id="L543" class="LineNr"> 543 </span>  <span class="PreProc">var</span> width-1/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy width
+<span id="L544" class="LineNr"> 544 </span>  width-1 <span class="Special">&lt;-</span> decrement
+<span id="L545" class="LineNr"> 545 </span>  <span class="PreProc">var</span> height-1/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy height
+<span id="L546" class="LineNr"> 546 </span>  height-1 <span class="Special">&lt;-</span> decrement
+<span id="L547" class="LineNr"> 547 </span>  <span class="muComment"># delta = error/16</span>
+<span id="L548" class="LineNr"> 548 </span><span class="CommentedCode">#?   show-errors errors, width, height, x, y</span>
+<span id="L549" class="LineNr"> 549 </span>  <span class="PreProc">var</span> delta/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Special">error</span>
+<span id="L550" class="LineNr"> 550 </span>  delta <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">4</span>
+<span id="L551" class="LineNr"> 551 </span>  <span class="muComment"># In Floyd-Steinberg, each pixel X transmits its errors to surrounding</span>
+<span id="L552" class="LineNr"> 552 </span>  <span class="muComment"># pixels in the following proportion:</span>
+<span id="L553" class="LineNr"> 553 </span>  <span class="muComment">#           X     7/16</span>
+<span id="L554" class="LineNr"> 554 </span>  <span class="muComment">#     3/16  5/16  1/16</span>
+<span id="L555" class="LineNr"> 555 </span>  <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L556" class="LineNr"> 556 </span>  <span class="Delimiter">{</span>
+<span id="L557" class="LineNr"> 557 </span>    compare x, width-1
+<span id="L558" class="LineNr"> 558 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L559" class="LineNr"> 559 </span>    <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">7</span>
+<span id="L560" class="LineNr"> 560 </span>    tmp <span class="Special">&lt;-</span> multiply delta
+<span id="L561" class="LineNr"> 561 </span>    <span class="PreProc">var</span> xright/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L562" class="LineNr"> 562 </span>    xright <span class="Special">&lt;-</span> increment
+<span id="L563" class="LineNr"> 563 </span>    <a href='img.mu.html#L598'>_accumulate-dithering-error</a> errors, xright, y, width, tmp
+<span id="L564" class="LineNr"> 564 </span>  <span class="Delimiter">}</span>
+<span id="L565" class="LineNr"> 565 </span>  <span class="PreProc">var</span> y/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L566" class="LineNr"> 566 </span>  <span class="Delimiter">{</span>
+<span id="L567" class="LineNr"> 567 </span>    compare y, height-1
+<span id="L568" class="LineNr"> 568 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L569" class="LineNr"> 569 </span>    <span class="PreProc">return</span>
+<span id="L570" class="LineNr"> 570 </span>  <span class="Delimiter">}</span>
+<span id="L571" class="LineNr"> 571 </span>  <span class="PreProc">var</span> ybelow: int
+<span id="L572" class="LineNr"> 572 </span>  copy-to ybelow, y
+<span id="L573" class="LineNr"> 573 </span>  increment ybelow
+<span id="L574" class="LineNr"> 574 </span>  <span class="Delimiter">{</span>
+<span id="L575" class="LineNr"> 575 </span>    compare x, <span class="Constant">0</span>
+<span id="L576" class="LineNr"> 576 </span>    <span class="PreProc">break-if-&lt;=</span>
+<span id="L577" class="LineNr"> 577 </span>    <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">3</span>
+<span id="L578" class="LineNr"> 578 </span>    tmp <span class="Special">&lt;-</span> multiply delta
+<span id="L579" class="LineNr"> 579 </span>    <span class="PreProc">var</span> xleft/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L580" class="LineNr"> 580 </span>    xleft <span class="Special">&lt;-</span> decrement
+<span id="L581" class="LineNr"> 581 </span>    <a href='img.mu.html#L598'>_accumulate-dithering-error</a> errors, xleft, ybelow, width, tmp
+<span id="L582" class="LineNr"> 582 </span>  <span class="Delimiter">}</span>
+<span id="L583" class="LineNr"> 583 </span>  <span class="Delimiter">{</span>
+<span id="L584" class="LineNr"> 584 </span>    <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">5</span>
+<span id="L585" class="LineNr"> 585 </span>    tmp <span class="Special">&lt;-</span> multiply delta
+<span id="L586" class="LineNr"> 586 </span>    <a href='img.mu.html#L598'>_accumulate-dithering-error</a> errors, x, ybelow, width, tmp
+<span id="L587" class="LineNr"> 587 </span>  <span class="Delimiter">}</span>
+<span id="L588" class="LineNr"> 588 </span>  <span class="Delimiter">{</span>
+<span id="L589" class="LineNr"> 589 </span>    compare x, width-1
+<span id="L590" class="LineNr"> 590 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L591" class="LineNr"> 591 </span>    <span class="PreProc">var</span> xright/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L592" class="LineNr"> 592 </span>    xright <span class="Special">&lt;-</span> increment
+<span id="L593" class="LineNr"> 593 </span>    <a href='img.mu.html#L598'>_accumulate-dithering-error</a> errors, xright, ybelow, width, delta
+<span id="L594" class="LineNr"> 594 </span>  <span class="Delimiter">}</span>
+<span id="L595" class="LineNr"> 595 </span><span class="CommentedCode">#?   show-errors errors, width, height, x, y</span>
+<span id="L596" class="LineNr"> 596 </span><span class="Delimiter">}</span>
+<span id="L597" class="LineNr"> 597 </span>
+<span id="L598" class="LineNr"> 598 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L598'>_accumulate-dithering-error</a></span> errors: (addr array int), x: int, y: int, width: int, <span class="Special">error</span>: int <span class="Delimiter">{</span>
+<span id="L599" class="LineNr"> 599 </span>  <span class="PreProc">var</span> curr/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> errors, x, y, width
+<span id="L600" class="LineNr"> 600 </span>  curr <span class="Special">&lt;-</span> add <span class="Special">error</span>
+<span id="L601" class="LineNr"> 601 </span>  <a href='img.mu.html#L613'>_write-dithering-error</a> errors, x, y, width, curr
+<span id="L602" class="LineNr"> 602 </span><span class="Delimiter">}</span>
+<span id="L603" class="LineNr"> 603 </span>
+<span id="L604" class="LineNr"> 604 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L604'>_read-dithering-error</a></span> _errors: (addr array int), x: int, y: int, width: int<span class="PreProc"> -&gt; </span>_/<span class="muRegEsi">esi</span>: int <span class="Delimiter">{</span>
+<span id="L605" class="LineNr"> 605 </span>  <span class="PreProc">var</span> errors/<span class="muRegEsi">esi</span>: (addr array int) <span class="Special">&lt;-</span> copy _errors
+<span id="L606" class="LineNr"> 606 </span>  <span class="PreProc">var</span> idx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L607" class="LineNr"> 607 </span>  idx <span class="Special">&lt;-</span> multiply width
+<span id="L608" class="LineNr"> 608 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L609" class="LineNr"> 609 </span>  <span class="PreProc">var</span> result-a/eax: (addr int) <span class="Special">&lt;-</span> index errors, idx
+<span id="L610" class="LineNr"> 610 </span>  <span class="PreProc">return</span> *result-a
+<span id="L611" class="LineNr"> 611 </span><span class="Delimiter">}</span>
+<span id="L612" class="LineNr"> 612 </span>
+<span id="L613" class="LineNr"> 613 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L613'>_write-dithering-error</a></span> _errors: (addr array int), x: int, y: int, width: int, val: int <span class="Delimiter">{</span>
+<span id="L614" class="LineNr"> 614 </span>  <span class="PreProc">var</span> errors/<span class="muRegEsi">esi</span>: (addr array int) <span class="Special">&lt;-</span> copy _errors
+<span id="L615" class="LineNr"> 615 </span>  <span class="PreProc">var</span> idx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L616" class="LineNr"> 616 </span>  idx <span class="Special">&lt;-</span> multiply width
+<span id="L617" class="LineNr"> 617 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L618" class="LineNr"> 618 </span><span class="CommentedCode">#?   draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, idx, 7/fg 0/bg</span>
+<span id="L619" class="LineNr"> 619 </span><span class="CommentedCode">#?   move-cursor-to-left-margin-of-next-line 0/screen</span>
+<span id="L620" class="LineNr"> 620 </span>  <span class="PreProc">var</span> src/eax: int <span class="Special">&lt;-</span> copy val
+<span id="L621" class="LineNr"> 621 </span>  <span class="PreProc">var</span> dest-a/<span class="muRegEdi">edi</span>: (addr int) <span class="Special">&lt;-</span> index errors, idx
+<span id="L622" class="LineNr"> 622 </span>  copy-to *dest-a, src
+<span id="L623" class="LineNr"> 623 </span><span class="Delimiter">}</span>
+<span id="L624" class="LineNr"> 624 </span>
+<span id="L625" class="LineNr"> 625 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L625'>_read-pgm-buffer</a></span> _buf: (addr array byte), x: int, y: int, width: int<span class="PreProc"> -&gt; </span>_/eax: byte <span class="Delimiter">{</span>
+<span id="L626" class="LineNr"> 626 </span>  <span class="PreProc">var</span> buf/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _buf
+<span id="L627" class="LineNr"> 627 </span>  <span class="PreProc">var</span> idx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L628" class="LineNr"> 628 </span>  idx <span class="Special">&lt;-</span> multiply width
+<span id="L629" class="LineNr"> 629 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L630" class="LineNr"> 630 </span>  <span class="PreProc">var</span> result-a/eax: (addr byte) <span class="Special">&lt;-</span> index buf, idx
+<span id="L631" class="LineNr"> 631 </span>  <span class="PreProc">var</span> result/eax: byte <span class="Special">&lt;-</span> copy-byte *result-a
+<span id="L632" class="LineNr"> 632 </span>  <span class="PreProc">return</span> result
+<span id="L633" class="LineNr"> 633 </span><span class="Delimiter">}</span>
+<span id="L634" class="LineNr"> 634 </span>
+<span id="L635" class="LineNr"> 635 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L635'>_write-raw-buffer</a></span> _buf: (addr array byte), x: int, y: int, width: int, val: byte <span class="Delimiter">{</span>
+<span id="L636" class="LineNr"> 636 </span>  <span class="PreProc">var</span> buf/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _buf
+<span id="L637" class="LineNr"> 637 </span>  <span class="PreProc">var</span> idx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L638" class="LineNr"> 638 </span>  idx <span class="Special">&lt;-</span> multiply width
+<span id="L639" class="LineNr"> 639 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L640" class="LineNr"> 640 </span>  <span class="PreProc">var</span> src/eax: byte <span class="Special">&lt;-</span> copy val
+<span id="L641" class="LineNr"> 641 </span>  <span class="PreProc">var</span> dest-a/<span class="muRegEdi">edi</span>: (addr byte) <span class="Special">&lt;-</span> index buf, idx
+<span id="L642" class="LineNr"> 642 </span>  copy-byte-to *dest-a, src
+<span id="L643" class="LineNr"> 643 </span><span class="Delimiter">}</span>
+<span id="L644" class="LineNr"> 644 </span>
+<span id="L645" class="LineNr"> 645 </span><span class="muComment"># some debugging helpers</span>
+<span id="L646" class="LineNr"> 646 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L646'>show-errors</a></span> errors: (addr array int), width: int, height: int, x: int, y: int <span class="Delimiter">{</span>
+<span id="L647" class="LineNr"> 647 </span>  compare y, <span class="Constant">1</span>
+<span id="L648" class="LineNr"> 648 </span>  <span class="Delimiter">{</span>
+<span id="L649" class="LineNr"> 649 </span>    <span class="PreProc">break-if-=</span>
+<span id="L650" class="LineNr"> 650 </span>    <span class="PreProc">return</span>
+<span id="L651" class="LineNr"> 651 </span>  <span class="Delimiter">}</span>
+<span id="L652" class="LineNr"> 652 </span>  compare x, <span class="Constant">0</span>
+<span id="L653" class="LineNr"> 653 </span>  <span class="Delimiter">{</span>
+<span id="L654" class="LineNr"> 654 </span>    <span class="PreProc">break-if-=</span>
+<span id="L655" class="LineNr"> 655 </span>    <span class="PreProc">return</span>
+<span id="L656" class="LineNr"> 656 </span>  <span class="Delimiter">}</span>
+<span id="L657" class="LineNr"> 657 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L658" class="LineNr"> 658 </span>  <span class="Delimiter">{</span>
+<span id="L659" class="LineNr"> 659 </span>    compare y, height
+<span id="L660" class="LineNr"> 660 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L661" class="LineNr"> 661 </span>    <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L662" class="LineNr"> 662 </span>    <span class="Delimiter">{</span>
+<span id="L663" class="LineNr"> 663 </span>      compare x, width
+<span id="L664" class="LineNr"> 664 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L665" class="LineNr"> 665 </span>      <span class="PreProc">var</span> <span class="Special">error</span>/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> errors, x, y, width
+<span id="L666" class="LineNr"> 666 </span>      <a href='img.mu.html#L676'>psd</a> <span class="Constant">&quot;e&quot;</span>, <span class="Special">error</span>, <span class="Constant">5</span>/fg, x, y
+<span id="L667" class="LineNr"> 667 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L668" class="LineNr"> 668 </span>      <span class="PreProc">loop</span>
+<span id="L669" class="LineNr"> 669 </span>    <span class="Delimiter">}</span>
+<span id="L670" class="LineNr"> 670 </span>    <a href='../501draw-text.mu.html#L65'>move-cursor-to-left-margin-of-next-line</a> <span class="Constant">0</span>/screen
+<span id="L671" class="LineNr"> 671 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L672" class="LineNr"> 672 </span>    <span class="PreProc">loop</span>
+<span id="L673" class="LineNr"> 673 </span>  <span class="Delimiter">}</span>
+<span id="L674" class="LineNr"> 674 </span><span class="Delimiter">}</span>
+<span id="L675" class="LineNr"> 675 </span>
+<span id="L676" class="LineNr"> 676 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L676'>psd</a></span> s: (addr array byte), d: int, fg: int, x: int, y: int <span class="Delimiter">{</span>
+<span id="L677" class="LineNr"> 677 </span>  <span class="Delimiter">{</span>
+<span id="L678" class="LineNr"> 678 </span>    compare y, <span class="Constant">0x18</span>
+<span id="L679" class="LineNr"> 679 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L680" class="LineNr"> 680 </span>    <span class="PreProc">return</span>
+<span id="L681" class="LineNr"> 681 </span>  <span class="Delimiter">}</span>
+<span id="L682" class="LineNr"> 682 </span>  <span class="Delimiter">{</span>
+<span id="L683" class="LineNr"> 683 </span>    compare y, <span class="Constant">0x1c</span>
+<span id="L684" class="LineNr"> 684 </span>    <span class="PreProc">break-if-&lt;=</span>
+<span id="L685" class="LineNr"> 685 </span>    <span class="PreProc">return</span>
+<span id="L686" class="LineNr"> 686 </span>  <span class="Delimiter">}</span>
+<span id="L687" class="LineNr"> 687 </span>  <span class="Delimiter">{</span>
+<span id="L688" class="LineNr"> 688 </span>    compare x, <span class="Constant">0x40</span>
+<span id="L689" class="LineNr"> 689 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L690" class="LineNr"> 690 </span>    <span class="PreProc">return</span>
+<span id="L691" class="LineNr"> 691 </span>  <span class="Delimiter">}</span>
+<span id="L692" class="LineNr"> 692 </span><span class="CommentedCode">#?   {</span>
+<span id="L693" class="LineNr"> 693 </span><span class="CommentedCode">#?     compare x, 0x48</span>
+<span id="L694" class="LineNr"> 694 </span><span class="CommentedCode">#?     break-if-&lt;=</span>
+<span id="L695" class="LineNr"> 695 </span><span class="CommentedCode">#?     return</span>
+<span id="L696" class="LineNr"> 696 </span><span class="CommentedCode">#?   }</span>
+<span id="L697" class="LineNr"> 697 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, s, <span class="Constant">7</span>/fg <span class="Constant">0</span>/bg
+<span id="L698" class="LineNr"> 698 </span>  <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, d, fg <span class="Constant">0</span>/bg
+<span id="L699" class="LineNr"> 699 </span><span class="Delimiter">}</span>
+<span id="L700" class="LineNr"> 700 </span>
+<span id="L701" class="LineNr"> 701 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L701'>psx</a></span> s: (addr array byte), d: int, fg: int, x: int, y: int <span class="Delimiter">{</span>
+<span id="L702" class="LineNr"> 702 </span><span class="CommentedCode">#?   {</span>
+<span id="L703" class="LineNr"> 703 </span><span class="CommentedCode">#?     compare y, 0x60</span>
+<span id="L704" class="LineNr"> 704 </span><span class="CommentedCode">#?     break-if-&gt;=</span>
+<span id="L705" class="LineNr"> 705 </span><span class="CommentedCode">#?     return</span>
+<span id="L706" class="LineNr"> 706 </span><span class="CommentedCode">#?   }</span>
+<span id="L707" class="LineNr"> 707 </span><span class="CommentedCode">#?   {</span>
+<span id="L708" class="LineNr"> 708 </span><span class="CommentedCode">#?     compare y, 0x6c</span>
+<span id="L709" class="LineNr"> 709 </span><span class="CommentedCode">#?     break-if-&lt;=</span>
+<span id="L710" class="LineNr"> 710 </span><span class="CommentedCode">#?     return</span>
+<span id="L711" class="LineNr"> 711 </span><span class="CommentedCode">#?   }</span>
+<span id="L712" class="LineNr"> 712 </span>  <span class="Delimiter">{</span>
+<span id="L713" class="LineNr"> 713 </span>    compare x, <span class="Constant">0x20</span>
+<span id="L714" class="LineNr"> 714 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L715" class="LineNr"> 715 </span>    <span class="PreProc">return</span>
+<span id="L716" class="LineNr"> 716 </span>  <span class="Delimiter">}</span>
+<span id="L717" class="LineNr"> 717 </span><span class="CommentedCode">#?   {</span>
+<span id="L718" class="LineNr"> 718 </span><span class="CommentedCode">#?     compare x, 0x6c</span>
+<span id="L719" class="LineNr"> 719 </span><span class="CommentedCode">#?     break-if-&lt;=</span>
+<span id="L720" class="LineNr"> 720 </span><span class="CommentedCode">#?     return</span>
+<span id="L721" class="LineNr"> 721 </span><span class="CommentedCode">#?   }</span>
+<span id="L722" class="LineNr"> 722 </span>  <a href='../501draw-text.mu.html#L279'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, s, <span class="Constant">7</span>/fg <span class="Constant">0</span>/bg
+<span id="L723" class="LineNr"> 723 </span>  <a href='../501draw-text.mu.html#L333'>draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, d, fg <span class="Constant">0</span>/bg
+<span id="L724" class="LineNr"> 724 </span><span class="Delimiter">}</span>
+<span id="L725" class="LineNr"> 725 </span>
+<span id="L726" class="LineNr"> 726 </span><span class="muComment"># import a color ascii &quot;pixmap&quot; (each pixel consists of 3 shades of r/g/b from 0 to 255)</span>
+<span id="L727" class="LineNr"> 727 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L727'>initialize-image-from-ppm</a></span> _self: (addr <a href='img.mu.html#L15'>image</a>), in: (addr stream byte) <span class="Delimiter">{</span>
+<span id="L728" class="LineNr"> 728 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L729" class="LineNr"> 729 </span>  <span class="PreProc">var</span> curr-word-storage: slice
+<span id="L730" class="LineNr"> 730 </span>  <span class="PreProc">var</span> curr-word/<span class="muRegEcx">ecx</span>: (addr slice) <span class="Special">&lt;-</span> address curr-word-storage
+<span id="L731" class="LineNr"> 731 </span>  <span class="muComment"># load width, height</span>
+<span id="L732" class="LineNr"> 732 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L733" class="LineNr"> 733 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L734" class="LineNr"> 734 </span>  <span class="PreProc">var</span> width/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L735" class="LineNr"> 735 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L736" class="LineNr"> 736 </span>  tmp <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L737" class="LineNr"> 737 </span>  <span class="PreProc">var</span> height/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy tmp
+<span id="L738" class="LineNr"> 738 </span>  <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L739" class="LineNr"> 739 </span>  <span class="muComment"># check color levels</span>
+<span id="L740" class="LineNr"> 740 </span>  <span class="Delimiter">{</span>
+<span id="L741" class="LineNr"> 741 </span>    tmp <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L742" class="LineNr"> 742 </span>    compare tmp, <span class="Constant">0xff</span>
+<span id="L743" class="LineNr"> 743 </span>    <span class="PreProc">break-if-=</span>
+<span id="L744" class="LineNr"> 744 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;initialize-image-from-ppm: supports exactly 255 levels per rgb channel&quot;</span>
+<span id="L745" class="LineNr"> 745 </span>  <span class="Delimiter">}</span>
+<span id="L746" class="LineNr"> 746 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr int) <span class="Special">&lt;-</span> get self, max
+<span id="L747" class="LineNr"> 747 </span>  copy-to *dest, tmp
+<span id="L748" class="LineNr"> 748 </span>  <span class="muComment"># save width, height</span>
+<span id="L749" class="LineNr"> 749 </span>  dest <span class="Special">&lt;-</span> get self, width
+<span id="L750" class="LineNr"> 750 </span>  copy-to *dest, width
+<span id="L751" class="LineNr"> 751 </span>  dest <span class="Special">&lt;-</span> get self, height
+<span id="L752" class="LineNr"> 752 </span>  copy-to *dest, height
+<span id="L753" class="LineNr"> 753 </span>  <span class="muComment"># initialize data</span>
+<span id="L754" class="LineNr"> 754 </span>  <span class="PreProc">var</span> capacity/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy width
+<span id="L755" class="LineNr"> 755 </span>  capacity <span class="Special">&lt;-</span> multiply height
+<span id="L756" class="LineNr"> 756 </span>  <span class="muS1Comment"># . multiply by 3 for the r/g/b channels</span>
+<span id="L757" class="LineNr"> 757 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy capacity
+<span id="L758" class="LineNr"> 758 </span>  tmp <span class="Special">&lt;-</span> shift-left <span class="Constant">1</span>
+<span id="L759" class="LineNr"> 759 </span>  capacity <span class="Special">&lt;-</span> add tmp
+<span id="L760" class="LineNr"> 760 </span>  <span class="muComment">#</span>
+<span id="L761" class="LineNr"> 761 </span>  <span class="PreProc">var</span> data-ah/<span class="muRegEdi">edi</span>: (addr handle array byte) <span class="Special">&lt;-</span> get self, data
+<span id="L762" class="LineNr"> 762 </span>  populate data-ah, capacity
+<span id="L763" class="LineNr"> 763 </span>  <span class="PreProc">var</span> _data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L764" class="LineNr"> 764 </span>  <span class="PreProc">var</span> data/<span class="muRegEdi">edi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _data
+<span id="L765" class="LineNr"> 765 </span>  <span class="PreProc">var</span> i/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L766" class="LineNr"> 766 </span>  <span class="Delimiter">{</span>
+<span id="L767" class="LineNr"> 767 </span>    compare i, capacity
+<span id="L768" class="LineNr"> 768 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L769" class="LineNr"> 769 </span>    <a href='../127next-word.subx.html#L11'>next-word</a> in, curr-word
+<span id="L770" class="LineNr"> 770 </span>    <span class="PreProc">var</span> src/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> curr-word
+<span id="L771" class="LineNr"> 771 </span>    <span class="Delimiter">{</span>
+<span id="L772" class="LineNr"> 772 </span>      <span class="PreProc">var</span> dest/<span class="muRegEcx">ecx</span>: (addr byte) <span class="Special">&lt;-</span> index data, i
+<span id="L773" class="LineNr"> 773 </span>      copy-byte-to *dest, src
+<span id="L774" class="LineNr"> 774 </span>    <span class="Delimiter">}</span>
+<span id="L775" class="LineNr"> 775 </span>    i <span class="Special">&lt;-</span> increment
+<span id="L776" class="LineNr"> 776 </span>    <span class="PreProc">loop</span>
+<span id="L777" class="LineNr"> 777 </span>  <span class="Delimiter">}</span>
+<span id="L778" class="LineNr"> 778 </span><span class="Delimiter">}</span>
+<span id="L779" class="LineNr"> 779 </span>
+<span id="L780" class="LineNr"> 780 </span><span class="muComment"># import a color ascii &quot;pixmap&quot; (each pixel consists of 3 shades of r/g/b from 0 to 255)</span>
+<span id="L781" class="LineNr"> 781 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L781'>render-ppm-image</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _img: (addr <a href='img.mu.html#L15'>image</a>), xmin: int, ymin: int, width: int, height: int <span class="Delimiter">{</span>
+<span id="L782" class="LineNr"> 782 </span>  <span class="PreProc">var</span> img/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _img
+<span id="L783" class="LineNr"> 783 </span>  <span class="muComment"># yratio = height/img-&gt;height</span>
+<span id="L784" class="LineNr"> 784 </span>  <span class="PreProc">var</span> img-height-a/eax: (addr int) <span class="Special">&lt;-</span> get img, height
+<span id="L785" class="LineNr"> 785 </span>  <span class="PreProc">var</span> img-height/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert *img-height-a
+<span id="L786" class="LineNr"> 786 </span>  <span class="PreProc">var</span> yratio/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L787" class="LineNr"> 787 </span>  yratio <span class="Special">&lt;-</span> divide img-height
+<span id="L788" class="LineNr"> 788 </span>  <span class="muComment"># xratio = width/img-&gt;width</span>
+<span id="L789" class="LineNr"> 789 </span>  <span class="PreProc">var</span> img-width-a/eax: (addr int) <span class="Special">&lt;-</span> get img, width
+<span id="L790" class="LineNr"> 790 </span>  <span class="PreProc">var</span> img-width/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy *img-width-a
+<span id="L791" class="LineNr"> 791 </span>  <span class="PreProc">var</span> img-width-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert img-width
+<span id="L792" class="LineNr"> 792 </span>  <span class="PreProc">var</span> xratio/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L793" class="LineNr"> 793 </span>  xratio <span class="Special">&lt;-</span> divide img-width-f
+<span id="L794" class="LineNr"> 794 </span>  <span class="muComment"># esi = img-&gt;data</span>
+<span id="L795" class="LineNr"> 795 </span>  <span class="PreProc">var</span> img-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get img, data
+<span id="L796" class="LineNr"> 796 </span>  <span class="PreProc">var</span> _img-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *img-data-ah
+<span id="L797" class="LineNr"> 797 </span>  <span class="PreProc">var</span> img-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _img-data
+<span id="L798" class="LineNr"> 798 </span>  <span class="PreProc">var</span> len/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> length img-data
+<span id="L799" class="LineNr"> 799 </span>  <span class="muComment">#</span>
+<span id="L800" class="LineNr"> 800 </span>  <span class="PreProc">var</span> one/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">1</span>
+<span id="L801" class="LineNr"> 801 </span>  <span class="PreProc">var</span> one-f/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> convert one
+<span id="L802" class="LineNr"> 802 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm4</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L803" class="LineNr"> 803 </span>  <span class="PreProc">var</span> height-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L804" class="LineNr"> 804 </span>  <span class="PreProc">var</span> zero/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L805" class="LineNr"> 805 </span>  <span class="PreProc">var</span> zero-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert zero
+<span id="L806" class="LineNr"> 806 </span>  <span class="PreProc">var</span> y/<span class="Constant">xmm6</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L807" class="LineNr"> 807 </span>  <span class="Delimiter">{</span>
+<span id="L808" class="LineNr"> 808 </span>    compare y, height-f
+<span id="L809" class="LineNr"> 809 </span>    <span class="PreProc">break-if-float&gt;=</span>
+<span id="L810" class="LineNr"> 810 </span>    <span class="PreProc">var</span> imgy-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L811" class="LineNr"> 811 </span>    imgy-f <span class="Special">&lt;-</span> divide yratio
+<span id="L812" class="LineNr"> 812 </span>    <span class="PreProc">var</span> imgy/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> truncate imgy-f
+<span id="L813" class="LineNr"> 813 </span>    <span class="PreProc">var</span> x/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L814" class="LineNr"> 814 </span>    <span class="Delimiter">{</span>
+<span id="L815" class="LineNr"> 815 </span>      compare x, width-f
+<span id="L816" class="LineNr"> 816 </span>      <span class="PreProc">break-if-float&gt;=</span>
+<span id="L817" class="LineNr"> 817 </span>      <span class="PreProc">var</span> imgx-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L818" class="LineNr"> 818 </span>      imgx-f <span class="Special">&lt;-</span> divide xratio
+<span id="L819" class="LineNr"> 819 </span>      <span class="PreProc">var</span> imgx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> truncate imgx-f
+<span id="L820" class="LineNr"> 820 </span>      <span class="PreProc">var</span> idx/eax: int <span class="Special">&lt;-</span> copy imgy
+<span id="L821" class="LineNr"> 821 </span>      idx <span class="Special">&lt;-</span> multiply img-width
+<span id="L822" class="LineNr"> 822 </span>      idx <span class="Special">&lt;-</span> add imgx
+<span id="L823" class="LineNr"> 823 </span>      <span class="muS1Comment"># . multiply by 3 for the r/g/b channels</span>
+<span id="L824" class="LineNr"> 824 </span>      <span class="Delimiter">{</span>
+<span id="L825" class="LineNr"> 825 </span>        <span class="PreProc">var</span> tmp/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy idx
+<span id="L826" class="LineNr"> 826 </span>        tmp <span class="Special">&lt;-</span> shift-left <span class="Constant">1</span>
+<span id="L827" class="LineNr"> 827 </span>        idx <span class="Special">&lt;-</span> add tmp
+<span id="L828" class="LineNr"> 828 </span>      <span class="Delimiter">}</span>
+<span id="L829" class="LineNr"> 829 </span>      <span class="muComment"># error info in case we rounded wrong and 'index' will fail bounds-check</span>
+<span id="L830" class="LineNr"> 830 </span>      compare idx, len
+<span id="L831" class="LineNr"> 831 </span>      <span class="Delimiter">{</span>
+<span id="L832" class="LineNr"> 832 </span>        <span class="PreProc">break-if-&lt;</span>
+<span id="L833" class="LineNr"> 833 </span>        <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <span class="Constant">0</span>/screen, <span class="Constant">0x20</span>/x <span class="Constant">0x20</span>/y
+<span id="L834" class="LineNr"> 834 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgx, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L835" class="LineNr"> 835 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgy, <span class="Constant">4</span>/fg <span class="Constant">0</span>/bg
+<span id="L836" class="LineNr"> 836 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, idx, <span class="Constant">5</span>/fg <span class="Constant">0</span>/bg
+<span id="L837" class="LineNr"> 837 </span>      <span class="Delimiter">}</span>
+<span id="L838" class="LineNr"> 838 </span>      <span class="muComment"># r channel</span>
+<span id="L839" class="LineNr"> 839 </span>      <span class="PreProc">var</span> r: int
+<span id="L840" class="LineNr"> 840 </span>      <span class="Delimiter">{</span>
+<span id="L841" class="LineNr"> 841 </span>        <span class="PreProc">var</span> src-a/eax: (addr byte) <span class="Special">&lt;-</span> index img-data, idx
+<span id="L842" class="LineNr"> 842 </span>        <span class="PreProc">var</span> src/eax: byte <span class="Special">&lt;-</span> copy-byte *src-a
+<span id="L843" class="LineNr"> 843 </span>        copy-to r, src
+<span id="L844" class="LineNr"> 844 </span>      <span class="Delimiter">}</span>
+<span id="L845" class="LineNr"> 845 </span>      idx <span class="Special">&lt;-</span> increment
+<span id="L846" class="LineNr"> 846 </span>      <span class="muComment"># g channel</span>
+<span id="L847" class="LineNr"> 847 </span>      <span class="PreProc">var</span> g: int
+<span id="L848" class="LineNr"> 848 </span>      <span class="Delimiter">{</span>
+<span id="L849" class="LineNr"> 849 </span>        <span class="PreProc">var</span> src-a/eax: (addr byte) <span class="Special">&lt;-</span> index img-data, idx
+<span id="L850" class="LineNr"> 850 </span>        <span class="PreProc">var</span> src/eax: byte <span class="Special">&lt;-</span> copy-byte *src-a
+<span id="L851" class="LineNr"> 851 </span>        copy-to g, src
+<span id="L852" class="LineNr"> 852 </span>      <span class="Delimiter">}</span>
+<span id="L853" class="LineNr"> 853 </span>      idx <span class="Special">&lt;-</span> increment
+<span id="L854" class="LineNr"> 854 </span>      <span class="muComment"># b channel</span>
+<span id="L855" class="LineNr"> 855 </span>      <span class="PreProc">var</span> b: int
+<span id="L856" class="LineNr"> 856 </span>      <span class="Delimiter">{</span>
+<span id="L857" class="LineNr"> 857 </span>        <span class="PreProc">var</span> src-a/eax: (addr byte) <span class="Special">&lt;-</span> index img-data, idx
+<span id="L858" class="LineNr"> 858 </span>        <span class="PreProc">var</span> src/eax: byte <span class="Special">&lt;-</span> copy-byte *src-a
+<span id="L859" class="LineNr"> 859 </span>        copy-to b, src
+<span id="L860" class="LineNr"> 860 </span>      <span class="Delimiter">}</span>
+<span id="L861" class="LineNr"> 861 </span>      idx <span class="Special">&lt;-</span> increment
+<span id="L862" class="LineNr"> 862 </span>      <span class="muComment"># plot nearest color</span>
+<span id="L863" class="LineNr"> 863 </span>      <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='../505colors.mu.html#L1'>nearest-color-euclidean</a> r, g, b
+<span id="L864" class="LineNr"> 864 </span>      <span class="PreProc">var</span> screenx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> convert x
+<span id="L865" class="LineNr"> 865 </span>      screenx <span class="Special">&lt;-</span> add xmin
+<span id="L866" class="LineNr"> 866 </span>      <span class="PreProc">var</span> screeny/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> convert y
+<span id="L867" class="LineNr"> 867 </span>      screeny <span class="Special">&lt;-</span> add ymin
+<span id="L868" class="LineNr"> 868 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, screenx, screeny, color
+<span id="L869" class="LineNr"> 869 </span>      x <span class="Special">&lt;-</span> add one-f
+<span id="L870" class="LineNr"> 870 </span>      <span class="PreProc">loop</span>
+<span id="L871" class="LineNr"> 871 </span>    <span class="Delimiter">}</span>
+<span id="L872" class="LineNr"> 872 </span>    y <span class="Special">&lt;-</span> add one-f
+<span id="L873" class="LineNr"> 873 </span>    <span class="PreProc">loop</span>
+<span id="L874" class="LineNr"> 874 </span>  <span class="Delimiter">}</span>
+<span id="L875" class="LineNr"> 875 </span><span class="Delimiter">}</span>
+<span id="L876" class="LineNr"> 876 </span>
+<span id="L877" class="LineNr"> 877 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L877'>dither-ppm-unordered</a></span> _src: (addr <a href='img.mu.html#L15'>image</a>), _dest: (addr <a href='img.mu.html#L15'>image</a>) <span class="Delimiter">{</span>
+<span id="L878" class="LineNr"> 878 </span>  <span class="PreProc">var</span> src/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _src
+<span id="L879" class="LineNr"> 879 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _dest
+<span id="L880" class="LineNr"> 880 </span>  <span class="muComment"># copy 'width'</span>
+<span id="L881" class="LineNr"> 881 </span>  <span class="PreProc">var</span> src-width-a/eax: (addr int) <span class="Special">&lt;-</span> get src, width
+<span id="L882" class="LineNr"> 882 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy *src-width-a
+<span id="L883" class="LineNr"> 883 </span>  <span class="PreProc">var</span> src-width: int
+<span id="L884" class="LineNr"> 884 </span>  copy-to src-width, tmp
+<span id="L885" class="LineNr"> 885 </span>  <span class="Delimiter">{</span>
+<span id="L886" class="LineNr"> 886 </span>    <span class="PreProc">var</span> dest-width-a/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> get dest, width
+<span id="L887" class="LineNr"> 887 </span>    copy-to *dest-width-a, tmp
+<span id="L888" class="LineNr"> 888 </span>  <span class="Delimiter">}</span>
+<span id="L889" class="LineNr"> 889 </span>  <span class="muComment"># copy 'height'</span>
+<span id="L890" class="LineNr"> 890 </span>  <span class="PreProc">var</span> src-height-a/eax: (addr int) <span class="Special">&lt;-</span> get src, height
+<span id="L891" class="LineNr"> 891 </span>  <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> copy *src-height-a
+<span id="L892" class="LineNr"> 892 </span>  <span class="PreProc">var</span> src-height: int
+<span id="L893" class="LineNr"> 893 </span>  copy-to src-height, tmp
+<span id="L894" class="LineNr"> 894 </span>  <span class="Delimiter">{</span>
+<span id="L895" class="LineNr"> 895 </span>    <span class="PreProc">var</span> dest-height-a/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get dest, height
+<span id="L896" class="LineNr"> 896 </span>    copy-to *dest-height-a, tmp
+<span id="L897" class="LineNr"> 897 </span>  <span class="Delimiter">}</span>
+<span id="L898" class="LineNr"> 898 </span>  <span class="muComment"># compute scaling factor 255/max</span>
+<span id="L899" class="LineNr"> 899 </span>  <span class="PreProc">var</span> target-scale/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0xff</span>
+<span id="L900" class="LineNr"> 900 </span>  <span class="PreProc">var</span> scale-f/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> convert target-scale
+<span id="L901" class="LineNr"> 901 </span>  <span class="PreProc">var</span> src-max-a/eax: (addr int) <span class="Special">&lt;-</span> get src, max
+<span id="L902" class="LineNr"> 902 </span>  <span class="PreProc">var</span> tmp-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert *src-max-a
+<span id="L903" class="LineNr"> 903 </span>  scale-f <span class="Special">&lt;-</span> divide tmp-f
+<span id="L904" class="LineNr"> 904 </span>  <span class="muComment"># allocate 'data'</span>
+<span id="L905" class="LineNr"> 905 </span>  <span class="PreProc">var</span> capacity/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy src-width
+<span id="L906" class="LineNr"> 906 </span>  capacity <span class="Special">&lt;-</span> multiply src-height
+<span id="L907" class="LineNr"> 907 </span>  <span class="PreProc">var</span> dest/<span class="muRegEdi">edi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _dest
+<span id="L908" class="LineNr"> 908 </span>  <span class="PreProc">var</span> dest-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get dest, data
+<span id="L909" class="LineNr"> 909 </span>  populate dest-data-ah, capacity
+<span id="L910" class="LineNr"> 910 </span>  <span class="PreProc">var</span> _dest-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *dest-data-ah
+<span id="L911" class="LineNr"> 911 </span>  <span class="PreProc">var</span> dest-data/<span class="muRegEdi">edi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _dest-data
+<span id="L912" class="LineNr"> 912 </span>  <span class="muComment"># error buffers per r/g/b channel</span>
+<span id="L913" class="LineNr"> 913 </span>  <span class="PreProc">var</span> red-errors-storage: (array int <span class="Constant">0xc0000</span>)
+<span id="L914" class="LineNr"> 914 </span>  <span class="PreProc">var</span> tmp/eax: (addr array int) <span class="Special">&lt;-</span> address red-errors-storage
+<span id="L915" class="LineNr"> 915 </span>  <span class="PreProc">var</span> red-errors: (addr array int)
+<span id="L916" class="LineNr"> 916 </span>  copy-to red-errors, tmp
+<span id="L917" class="LineNr"> 917 </span>  <span class="PreProc">var</span> green-errors-storage: (array int <span class="Constant">0xc0000</span>)
+<span id="L918" class="LineNr"> 918 </span>  <span class="PreProc">var</span> tmp/eax: (addr array int) <span class="Special">&lt;-</span> address green-errors-storage
+<span id="L919" class="LineNr"> 919 </span>  <span class="PreProc">var</span> green-errors: (addr array int)
+<span id="L920" class="LineNr"> 920 </span>  copy-to green-errors, tmp
+<span id="L921" class="LineNr"> 921 </span>  <span class="PreProc">var</span> blue-errors-storage: (array int <span class="Constant">0xc0000</span>)
+<span id="L922" class="LineNr"> 922 </span>  <span class="PreProc">var</span> tmp/eax: (addr array int) <span class="Special">&lt;-</span> address blue-errors-storage
+<span id="L923" class="LineNr"> 923 </span>  <span class="PreProc">var</span> blue-errors: (addr array int)
+<span id="L924" class="LineNr"> 924 </span>  copy-to blue-errors, tmp
+<span id="L925" class="LineNr"> 925 </span>  <span class="muComment"># transform 'data'</span>
+<span id="L926" class="LineNr"> 926 </span>  <span class="PreProc">var</span> src-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get src, data
+<span id="L927" class="LineNr"> 927 </span>  <span class="PreProc">var</span> _src-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *src-data-ah
+<span id="L928" class="LineNr"> 928 </span>  <span class="PreProc">var</span> src-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _src-data
+<span id="L929" class="LineNr"> 929 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L930" class="LineNr"> 930 </span>  <span class="Delimiter">{</span>
+<span id="L931" class="LineNr"> 931 </span>    compare y, src-height
+<span id="L932" class="LineNr"> 932 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L933" class="LineNr"> 933 </span>    <span class="PreProc">var</span> x/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L934" class="LineNr"> 934 </span>    <span class="Delimiter">{</span>
+<span id="L935" class="LineNr"> 935 </span>      compare x, src-width
+<span id="L936" class="LineNr"> 936 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L937" class="LineNr"> 937 </span>      <span class="muComment"># - update errors and compute color levels for current pixel in each channel</span>
+<span id="L938" class="LineNr"> 938 </span>      <span class="muComment"># update red-error with current image pixel</span>
+<span id="L939" class="LineNr"> 939 </span>      <span class="PreProc">var</span> red-error: int
+<span id="L940" class="LineNr"> 940 </span>      <span class="Delimiter">{</span>
+<span id="L941" class="LineNr"> 941 </span>        <span class="PreProc">var</span> tmp/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> red-errors, x, y, src-width
+<span id="L942" class="LineNr"> 942 </span>        copy-to red-error, tmp
+<span id="L943" class="LineNr"> 943 </span>      <span class="Delimiter">}</span>
+<span id="L944" class="LineNr"> 944 </span>      <span class="Delimiter">{</span>
+<span id="L945" class="LineNr"> 945 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L1037'>_ppm-error</a> src-data, x, y, src-width, <span class="Constant">0</span>/red, scale-f
+<span id="L946" class="LineNr"> 946 </span>        add-to red-error, tmp
+<span id="L947" class="LineNr"> 947 </span>      <span class="Delimiter">}</span>
+<span id="L948" class="LineNr"> 948 </span>      <span class="muComment"># recompute red channel for current pixel</span>
+<span id="L949" class="LineNr"> 949 </span>      <span class="PreProc">var</span> red-level: int
+<span id="L950" class="LineNr"> 950 </span>      <span class="Delimiter">{</span>
+<span id="L951" class="LineNr"> 951 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L1051'>_error-to-ppm-channel</a> red-error
+<span id="L952" class="LineNr"> 952 </span>        copy-to red-level, tmp
+<span id="L953" class="LineNr"> 953 </span>      <span class="Delimiter">}</span>
+<span id="L954" class="LineNr"> 954 </span>      <span class="muComment"># update green-error with current image pixel</span>
+<span id="L955" class="LineNr"> 955 </span>      <span class="PreProc">var</span> green-error: int
+<span id="L956" class="LineNr"> 956 </span>      <span class="Delimiter">{</span>
+<span id="L957" class="LineNr"> 957 </span>        <span class="PreProc">var</span> tmp/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> green-errors, x, y, src-width
+<span id="L958" class="LineNr"> 958 </span>        copy-to green-error, tmp
+<span id="L959" class="LineNr"> 959 </span>      <span class="Delimiter">}</span>
+<span id="L960" class="LineNr"> 960 </span>      <span class="Delimiter">{</span>
+<span id="L961" class="LineNr"> 961 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L1037'>_ppm-error</a> src-data, x, y, src-width, <span class="Constant">1</span>/green, scale-f
+<span id="L962" class="LineNr"> 962 </span>        add-to green-error, tmp
+<span id="L963" class="LineNr"> 963 </span>      <span class="Delimiter">}</span>
+<span id="L964" class="LineNr"> 964 </span>      <span class="muComment"># recompute green channel for current pixel</span>
+<span id="L965" class="LineNr"> 965 </span>      <span class="PreProc">var</span> green-level: int
+<span id="L966" class="LineNr"> 966 </span>      <span class="Delimiter">{</span>
+<span id="L967" class="LineNr"> 967 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L1051'>_error-to-ppm-channel</a> green-error
+<span id="L968" class="LineNr"> 968 </span>        copy-to green-level, tmp
+<span id="L969" class="LineNr"> 969 </span>      <span class="Delimiter">}</span>
+<span id="L970" class="LineNr"> 970 </span>      <span class="muComment"># update blue-error with current image pixel</span>
+<span id="L971" class="LineNr"> 971 </span>      <span class="PreProc">var</span> blue-error: int
+<span id="L972" class="LineNr"> 972 </span>      <span class="Delimiter">{</span>
+<span id="L973" class="LineNr"> 973 </span>        <span class="PreProc">var</span> tmp/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='img.mu.html#L604'>_read-dithering-error</a> blue-errors, x, y, src-width
+<span id="L974" class="LineNr"> 974 </span>        copy-to blue-error, tmp
+<span id="L975" class="LineNr"> 975 </span>      <span class="Delimiter">}</span>
+<span id="L976" class="LineNr"> 976 </span>      <span class="Delimiter">{</span>
+<span id="L977" class="LineNr"> 977 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L1037'>_ppm-error</a> src-data, x, y, src-width, <span class="Constant">2</span>/blue, scale-f
+<span id="L978" class="LineNr"> 978 </span>        add-to blue-error, tmp
+<span id="L979" class="LineNr"> 979 </span>      <span class="Delimiter">}</span>
+<span id="L980" class="LineNr"> 980 </span>      <span class="muComment"># recompute blue channel for current pixel</span>
+<span id="L981" class="LineNr"> 981 </span>      <span class="PreProc">var</span> blue-level: int
+<span id="L982" class="LineNr"> 982 </span>      <span class="Delimiter">{</span>
+<span id="L983" class="LineNr"> 983 </span>        <span class="PreProc">var</span> tmp/eax: int <span class="Special">&lt;-</span> <a href='img.mu.html#L1051'>_error-to-ppm-channel</a> blue-error
+<span id="L984" class="LineNr"> 984 </span>        copy-to blue-level, tmp
+<span id="L985" class="LineNr"> 985 </span>      <span class="Delimiter">}</span>
+<span id="L986" class="LineNr"> 986 </span>      <span class="muComment"># - figure out the nearest color</span>
+<span id="L987" class="LineNr"> 987 </span><span class="CommentedCode">#?       {</span>
+<span id="L988" class="LineNr"> 988 </span><span class="CommentedCode">#?         compare red-level, 0x80</span>
+<span id="L989" class="LineNr"> 989 </span><span class="CommentedCode">#?         break-if-&gt;</span>
+<span id="L990" class="LineNr"> 990 </span><span class="CommentedCode">#?         draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, red-level, 4/fg 0/bg</span>
+<span id="L991" class="LineNr"> 991 </span><span class="CommentedCode">#?         draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, green-level, 2/fg 0/bg</span>
+<span id="L992" class="LineNr"> 992 </span><span class="CommentedCode">#?         draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen 0/screen, blue-level, 9/fg 0/bg</span>
+<span id="L993" class="LineNr"> 993 </span><span class="CommentedCode">#?       }</span>
+<span id="L994" class="LineNr"> 994 </span>      <span class="PreProc">var</span> nearest-color-index/eax: int <span class="Special">&lt;-</span> <a href='../505colors.mu.html#L1'>nearest-color-euclidean</a> red-level, green-level, blue-level
+<span id="L995" class="LineNr"> 995 </span>      <span class="Delimiter">{</span>
+<span id="L996" class="LineNr"> 996 </span>        <span class="PreProc">var</span> nearest-color-index-byte/eax: byte <span class="Special">&lt;-</span> copy-byte nearest-color-index
+<span id="L997" class="LineNr"> 997 </span>        <a href='img.mu.html#L635'>_write-raw-buffer</a> dest-data, x, y, src-width, nearest-color-index-byte
+<span id="L998" class="LineNr"> 998 </span>      <span class="Delimiter">}</span>
+<span id="L999" class="LineNr"> 999 </span>      <span class="muComment"># - diffuse errors</span>
+<span id="L1000" class="LineNr">1000 </span>      <span class="PreProc">var</span> red-level: int
+<span id="L1001" class="LineNr">1001 </span>      <span class="PreProc">var</span> green-level: int
+<span id="L1002" class="LineNr">1002 </span>      <span class="PreProc">var</span> blue-level: int
+<span id="L1003" class="LineNr">1003 </span>      <span class="Delimiter">{</span>
+<span id="L1004" class="LineNr">1004 </span>        <span class="PreProc">var</span> tmp-red-level/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L1005" class="LineNr">1005 </span>        <span class="PreProc">var</span> tmp-green-level/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L1006" class="LineNr">1006 </span>        <span class="PreProc">var</span> tmp-blue-level/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L1007" class="LineNr">1007 </span>        tmp-red-level, tmp-green-level, tmp-blue-level <span class="Special">&lt;-</span> <a href='../316colors.subx.html#L7'>color-rgb</a> nearest-color-index
+<span id="L1008" class="LineNr">1008 </span>        copy-to red-level, tmp-red-level
+<span id="L1009" class="LineNr">1009 </span>        copy-to green-level, tmp-green-level
+<span id="L1010" class="LineNr">1010 </span>        copy-to blue-level, tmp-blue-level
+<span id="L1011" class="LineNr">1011 </span>      <span class="Delimiter">}</span>
+<span id="L1012" class="LineNr">1012 </span>      <span class="muComment"># update red-error</span>
+<span id="L1013" class="LineNr">1013 </span>      <span class="PreProc">var</span> red-level-error/eax: int <span class="Special">&lt;-</span> copy red-level
+<span id="L1014" class="LineNr">1014 </span>      red-level-error <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>
+<span id="L1015" class="LineNr">1015 </span>      subtract-from red-error, red-level-error
+<span id="L1016" class="LineNr">1016 </span>      <a href='img.mu.html#L537'>_diffuse-dithering-error-floyd-steinberg</a> red-errors, x, y, src-width, src-height, red-error
+<span id="L1017" class="LineNr">1017 </span>      <span class="muComment"># update green-error</span>
+<span id="L1018" class="LineNr">1018 </span>      <span class="PreProc">var</span> green-level-error/eax: int <span class="Special">&lt;-</span> copy green-level
+<span id="L1019" class="LineNr">1019 </span>      green-level-error <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>
+<span id="L1020" class="LineNr">1020 </span>      subtract-from green-error, green-level-error
+<span id="L1021" class="LineNr">1021 </span>      <a href='img.mu.html#L537'>_diffuse-dithering-error-floyd-steinberg</a> green-errors, x, y, src-width, src-height, green-error
+<span id="L1022" class="LineNr">1022 </span>      <span class="muComment"># update blue-error</span>
+<span id="L1023" class="LineNr">1023 </span>      <span class="PreProc">var</span> blue-level-error/eax: int <span class="Special">&lt;-</span> copy blue-level
+<span id="L1024" class="LineNr">1024 </span>      blue-level-error <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>
+<span id="L1025" class="LineNr">1025 </span>      subtract-from blue-error, blue-level-error
+<span id="L1026" class="LineNr">1026 </span>      <a href='img.mu.html#L537'>_diffuse-dithering-error-floyd-steinberg</a> blue-errors, x, y, src-width, src-height, blue-error
+<span id="L1027" class="LineNr">1027 </span>      <span class="muComment">#</span>
+<span id="L1028" class="LineNr">1028 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L1029" class="LineNr">1029 </span>      <span class="PreProc">loop</span>
+<span id="L1030" class="LineNr">1030 </span>    <span class="Delimiter">}</span>
+<span id="L1031" class="LineNr">1031 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L1032" class="LineNr">1032 </span>    <span class="PreProc">loop</span>
+<span id="L1033" class="LineNr">1033 </span>  <span class="Delimiter">}</span>
+<span id="L1034" class="LineNr">1034 </span><span class="Delimiter">}</span>
+<span id="L1035" class="LineNr">1035 </span>
+<span id="L1036" class="LineNr">1036 </span><span class="muComment"># convert a single channel for a single image pixel to error space</span>
+<span id="L1037" class="LineNr">1037 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L1037'>_ppm-error</a></span> buf: (addr array byte), x: int, y: int, width: int, channel: int, _scale-f: float<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L1038" class="LineNr">1038 </span>  <span class="muComment"># current image pixel</span>
+<span id="L1039" class="LineNr">1039 </span>  <span class="PreProc">var</span> initial-level/eax: byte <span class="Special">&lt;-</span> <a href='img.mu.html#L1069'>_read-ppm-buffer</a> buf, x, y, width, channel
+<span id="L1040" class="LineNr">1040 </span>  <span class="muComment"># scale to 255 levels</span>
+<span id="L1041" class="LineNr">1041 </span>  <span class="PreProc">var</span> initial-level-int/eax: int <span class="Special">&lt;-</span> copy initial-level
+<span id="L1042" class="LineNr">1042 </span>  <span class="PreProc">var</span> initial-level-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert initial-level-int
+<span id="L1043" class="LineNr">1043 </span>  <span class="PreProc">var</span> scale-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy _scale-f
+<span id="L1044" class="LineNr">1044 </span>  initial-level-f <span class="Special">&lt;-</span> multiply scale-f
+<span id="L1045" class="LineNr">1045 </span>  initial-level-int <span class="Special">&lt;-</span> convert initial-level-f
+<span id="L1046" class="LineNr">1046 </span>  <span class="muComment"># switch to fixed-point with 16 bits of precision</span>
+<span id="L1047" class="LineNr">1047 </span>  initial-level-int <span class="Special">&lt;-</span> shift-left <span class="Constant">0x10</span>
+<span id="L1048" class="LineNr">1048 </span>  <span class="PreProc">return</span> initial-level-int
+<span id="L1049" class="LineNr">1049 </span><span class="Delimiter">}</span>
+<span id="L1050" class="LineNr">1050 </span>
+<span id="L1051" class="LineNr">1051 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L1051'>_error-to-ppm-channel</a></span> <span class="Special">error</span>: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L1052" class="LineNr">1052 </span>  <span class="muComment"># clamp(error &gt;&gt; 16)</span>
+<span id="L1053" class="LineNr">1053 </span>  <span class="PreProc">var</span> result/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy <span class="Special">error</span>
+<span id="L1054" class="LineNr">1054 </span>  result <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">0x10</span>
+<span id="L1055" class="LineNr">1055 </span>  <span class="Delimiter">{</span>
+<span id="L1056" class="LineNr">1056 </span>    compare result, <span class="Constant">0</span>
+<span id="L1057" class="LineNr">1057 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L1058" class="LineNr">1058 </span>    result <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L1059" class="LineNr">1059 </span>  <span class="Delimiter">}</span>
+<span id="L1060" class="LineNr">1060 </span>  <span class="Delimiter">{</span>
+<span id="L1061" class="LineNr">1061 </span>    compare result, <span class="Constant">0xff</span>
+<span id="L1062" class="LineNr">1062 </span>    <span class="PreProc">break-if-&lt;=</span>
+<span id="L1063" class="LineNr">1063 </span>    result <span class="Special">&lt;-</span> copy <span class="Constant">0xff</span>
+<span id="L1064" class="LineNr">1064 </span>  <span class="Delimiter">}</span>
+<span id="L1065" class="LineNr">1065 </span>  <span class="PreProc">return</span> result
+<span id="L1066" class="LineNr">1066 </span><span class="Delimiter">}</span>
+<span id="L1067" class="LineNr">1067 </span>
+<span id="L1068" class="LineNr">1068 </span><span class="muComment"># read from a buffer containing alternating bytes from r/g/b channels</span>
+<span id="L1069" class="LineNr">1069 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L1069'>_read-ppm-buffer</a></span> _buf: (addr array byte), x: int, y: int, width: int, channel: int<span class="PreProc"> -&gt; </span>_/eax: byte <span class="Delimiter">{</span>
+<span id="L1070" class="LineNr">1070 </span>  <span class="PreProc">var</span> buf/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _buf
+<span id="L1071" class="LineNr">1071 </span>  <span class="PreProc">var</span> idx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L1072" class="LineNr">1072 </span>  idx <span class="Special">&lt;-</span> multiply width
+<span id="L1073" class="LineNr">1073 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L1074" class="LineNr">1074 </span>  <span class="PreProc">var</span> byte-idx/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">3</span>
+<span id="L1075" class="LineNr">1075 </span>  byte-idx <span class="Special">&lt;-</span> multiply idx
+<span id="L1076" class="LineNr">1076 </span>  byte-idx <span class="Special">&lt;-</span> add channel
+<span id="L1077" class="LineNr">1077 </span>  <span class="PreProc">var</span> result-a/eax: (addr byte) <span class="Special">&lt;-</span> index buf, byte-idx
+<span id="L1078" class="LineNr">1078 </span>  <span class="PreProc">var</span> result/eax: byte <span class="Special">&lt;-</span> copy-byte *result-a
+<span id="L1079" class="LineNr">1079 </span>  <span class="PreProc">return</span> result
+<span id="L1080" class="LineNr">1080 </span><span class="Delimiter">}</span>
+<span id="L1081" class="LineNr">1081 </span>
+<span id="L1082" class="LineNr">1082 </span><span class="muComment"># each byte in the image data is a color of the current palette</span>
+<span id="L1083" class="LineNr">1083 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='img.mu.html#L1083'>render-raw-image</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _img: (addr <a href='img.mu.html#L15'>image</a>), xmin: int, ymin: int, width: int, height: int <span class="Delimiter">{</span>
+<span id="L1084" class="LineNr">1084 </span>  <span class="PreProc">var</span> img/<span class="muRegEsi">esi</span>: (addr <a href='img.mu.html#L15'>image</a>) <span class="Special">&lt;-</span> copy _img
+<span id="L1085" class="LineNr">1085 </span>  <span class="muComment"># yratio = height/img-&gt;height</span>
+<span id="L1086" class="LineNr">1086 </span>  <span class="PreProc">var</span> img-height-a/eax: (addr int) <span class="Special">&lt;-</span> get img, height
+<span id="L1087" class="LineNr">1087 </span>  <span class="PreProc">var</span> img-height/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert *img-height-a
+<span id="L1088" class="LineNr">1088 </span>  <span class="PreProc">var</span> yratio/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L1089" class="LineNr">1089 </span>  yratio <span class="Special">&lt;-</span> divide img-height
+<span id="L1090" class="LineNr">1090 </span>  <span class="muComment"># xratio = width/img-&gt;width</span>
+<span id="L1091" class="LineNr">1091 </span>  <span class="PreProc">var</span> img-width-a/eax: (addr int) <span class="Special">&lt;-</span> get img, width
+<span id="L1092" class="LineNr">1092 </span>  <span class="PreProc">var</span> img-width/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy *img-width-a
+<span id="L1093" class="LineNr">1093 </span>  <span class="PreProc">var</span> img-width-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert img-width
+<span id="L1094" class="LineNr">1094 </span>  <span class="PreProc">var</span> xratio/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L1095" class="LineNr">1095 </span>  xratio <span class="Special">&lt;-</span> divide img-width-f
+<span id="L1096" class="LineNr">1096 </span>  <span class="muComment"># esi = img-&gt;data</span>
+<span id="L1097" class="LineNr">1097 </span>  <span class="PreProc">var</span> img-data-ah/eax: (addr handle array byte) <span class="Special">&lt;-</span> get img, data
+<span id="L1098" class="LineNr">1098 </span>  <span class="PreProc">var</span> _img-data/eax: (addr array byte) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *img-data-ah
+<span id="L1099" class="LineNr">1099 </span>  <span class="PreProc">var</span> img-data/<span class="muRegEsi">esi</span>: (addr array byte) <span class="Special">&lt;-</span> copy _img-data
+<span id="L1100" class="LineNr">1100 </span>  <span class="PreProc">var</span> len/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> length img-data
+<span id="L1101" class="LineNr">1101 </span>  <span class="muComment">#</span>
+<span id="L1102" class="LineNr">1102 </span>  <span class="PreProc">var</span> one/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">1</span>
+<span id="L1103" class="LineNr">1103 </span>  <span class="PreProc">var</span> one-f/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> convert one
+<span id="L1104" class="LineNr">1104 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm4</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L1105" class="LineNr">1105 </span>  <span class="PreProc">var</span> height-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L1106" class="LineNr">1106 </span>  <span class="PreProc">var</span> zero/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L1107" class="LineNr">1107 </span>  <span class="PreProc">var</span> zero-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert zero
+<span id="L1108" class="LineNr">1108 </span>  <span class="PreProc">var</span> y/<span class="Constant">xmm6</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L1109" class="LineNr">1109 </span>  <span class="Delimiter">{</span>
+<span id="L1110" class="LineNr">1110 </span>    compare y, height-f
+<span id="L1111" class="LineNr">1111 </span>    <span class="PreProc">break-if-float&gt;=</span>
+<span id="L1112" class="LineNr">1112 </span>    <span class="PreProc">var</span> imgy-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L1113" class="LineNr">1113 </span>    imgy-f <span class="Special">&lt;-</span> divide yratio
+<span id="L1114" class="LineNr">1114 </span>    <span class="PreProc">var</span> imgy/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> truncate imgy-f
+<span id="L1115" class="LineNr">1115 </span>    <span class="PreProc">var</span> x/<span class="Constant">xmm7</span>: float <span class="Special">&lt;-</span> copy zero-f
+<span id="L1116" class="LineNr">1116 </span>    <span class="Delimiter">{</span>
+<span id="L1117" class="LineNr">1117 </span>      compare x, width-f
+<span id="L1118" class="LineNr">1118 </span>      <span class="PreProc">break-if-float&gt;=</span>
+<span id="L1119" class="LineNr">1119 </span>      <span class="PreProc">var</span> imgx-f/<span class="Constant">xmm5</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L1120" class="LineNr">1120 </span>      imgx-f <span class="Special">&lt;-</span> divide xratio
+<span id="L1121" class="LineNr">1121 </span>      <span class="PreProc">var</span> imgx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> truncate imgx-f
+<span id="L1122" class="LineNr">1122 </span>      <span class="PreProc">var</span> idx/eax: int <span class="Special">&lt;-</span> copy imgy
+<span id="L1123" class="LineNr">1123 </span>      idx <span class="Special">&lt;-</span> multiply img-width
+<span id="L1124" class="LineNr">1124 </span>      idx <span class="Special">&lt;-</span> add imgx
+<span id="L1125" class="LineNr">1125 </span>      <span class="muComment"># error info in case we rounded wrong and 'index' will fail bounds-check</span>
+<span id="L1126" class="LineNr">1126 </span>      compare idx, len
+<span id="L1127" class="LineNr">1127 </span>      <span class="Delimiter">{</span>
+<span id="L1128" class="LineNr">1128 </span>        <span class="PreProc">break-if-&lt;</span>
+<span id="L1129" class="LineNr">1129 </span>        <a href='../500fake-screen.mu.html#L190'>set-cursor-position</a> <span class="Constant">0</span>/screen, <span class="Constant">0x20</span>/x <span class="Constant">0x20</span>/y
+<span id="L1130" class="LineNr">1130 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgx, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L1131" class="LineNr">1131 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, imgy, <span class="Constant">4</span>/fg <span class="Constant">0</span>/bg
+<span id="L1132" class="LineNr">1132 </span>        <a href='../501draw-text.mu.html#L387'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>/screen, idx, <span class="Constant">5</span>/fg <span class="Constant">0</span>/bg
+<span id="L1133" class="LineNr">1133 </span>      <span class="Delimiter">}</span>
+<span id="L1134" class="LineNr">1134 </span>      <span class="PreProc">var</span> color-a/eax: (addr byte) <span class="Special">&lt;-</span> index img-data, idx
+<span id="L1135" class="LineNr">1135 </span>      <span class="PreProc">var</span> color/eax: byte <span class="Special">&lt;-</span> copy-byte *color-a
+<span id="L1136" class="LineNr">1136 </span>      <span class="PreProc">var</span> color-int/eax: int <span class="Special">&lt;-</span> copy color
+<span id="L1137" class="LineNr">1137 </span>      <span class="PreProc">var</span> screenx/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> convert x
+<span id="L1138" class="LineNr">1138 </span>      screenx <span class="Special">&lt;-</span> add xmin
+<span id="L1139" class="LineNr">1139 </span>      <span class="PreProc">var</span> screeny/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> convert y
+<span id="L1140" class="LineNr">1140 </span>      screeny <span class="Special">&lt;-</span> add ymin
+<span id="L1141" class="LineNr">1141 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, screenx, screeny, color-int
+<span id="L1142" class="LineNr">1142 </span>      x <span class="Special">&lt;-</span> add one-f
+<span id="L1143" class="LineNr">1143 </span>      <span class="PreProc">loop</span>
+<span id="L1144" class="LineNr">1144 </span>    <span class="Delimiter">}</span>
+<span id="L1145" class="LineNr">1145 </span>    y <span class="Special">&lt;-</span> add one-f
+<span id="L1146" class="LineNr">1146 </span>    <span class="PreProc">loop</span>
+<span id="L1147" class="LineNr">1147 </span>  <span class="Delimiter">}</span>
+<span id="L1148" class="LineNr">1148 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/life.mu.html b/html/apps/life.mu.html
new file mode 100644
index 00000000..cc262c2d
--- /dev/null
+++ b/html/apps/life.mu.html
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/life.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEbx { color: #5f00ff; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.CommentedCode { color: #8a8a8a; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/life.mu'>https://github.com/akkartik/mu/blob/main/apps/life.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Conway's Game of Life</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># To build:</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   $ ./translate apps/life.mu</span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L7" class="LineNr">  7 </span>
+<span id="L8" class="LineNr">  8 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L8'>state</a></span> _grid: (addr array boolean), x: int, y: int<span class="PreProc"> -&gt; </span>_/eax: boolean <span class="Delimiter">{</span>
+<span id="L9" class="LineNr">  9 </span>  <span class="muComment"># clip at the edge</span>
+<span id="L10" class="LineNr"> 10 </span>  compare x, <span class="Constant">0</span>
+<span id="L11" class="LineNr"> 11 </span>  <span class="Delimiter">{</span>
+<span id="L12" class="LineNr"> 12 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L13" class="LineNr"> 13 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L14" class="LineNr"> 14 </span>  <span class="Delimiter">}</span>
+<span id="L15" class="LineNr"> 15 </span>  compare y, <span class="Constant">0</span>
+<span id="L16" class="LineNr"> 16 </span>  <span class="Delimiter">{</span>
+<span id="L17" class="LineNr"> 17 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L18" class="LineNr"> 18 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L19" class="LineNr"> 19 </span>  <span class="Delimiter">}</span>
+<span id="L20" class="LineNr"> 20 </span>  compare x, <span class="Constant">0x100</span>/width
+<span id="L21" class="LineNr"> 21 </span>  <span class="Delimiter">{</span>
+<span id="L22" class="LineNr"> 22 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L23" class="LineNr"> 23 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L24" class="LineNr"> 24 </span>  <span class="Delimiter">}</span>
+<span id="L25" class="LineNr"> 25 </span>  compare y, <span class="Constant">0xc0</span>/height
+<span id="L26" class="LineNr"> 26 </span>  <span class="Delimiter">{</span>
+<span id="L27" class="LineNr"> 27 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L28" class="LineNr"> 28 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L29" class="LineNr"> 29 </span>  <span class="Delimiter">}</span>
+<span id="L30" class="LineNr"> 30 </span>  <span class="PreProc">var</span> idx/eax: int <span class="Special">&lt;-</span> copy y
+<span id="L31" class="LineNr"> 31 </span>  idx <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/log2width
+<span id="L32" class="LineNr"> 32 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L33" class="LineNr"> 33 </span>  <span class="PreProc">var</span> grid/<span class="muRegEsi">esi</span>: (addr array boolean) <span class="Special">&lt;-</span> copy _grid
+<span id="L34" class="LineNr"> 34 </span>  <span class="PreProc">var</span> result/eax: (addr boolean) <span class="Special">&lt;-</span> index grid, idx
+<span id="L35" class="LineNr"> 35 </span>  <span class="PreProc">return</span> *result
+<span id="L36" class="LineNr"> 36 </span><span class="Delimiter">}</span>
+<span id="L37" class="LineNr"> 37 </span>
+<span id="L38" class="LineNr"> 38 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L38'>set-state</a></span> _grid: (addr array boolean), x: int, y: int, val: boolean <span class="Delimiter">{</span>
+<span id="L39" class="LineNr"> 39 </span>  <span class="muComment"># don't bother checking bounds</span>
+<span id="L40" class="LineNr"> 40 </span>  <span class="PreProc">var</span> idx/eax: int <span class="Special">&lt;-</span> copy y
+<span id="L41" class="LineNr"> 41 </span>  idx <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/log2width
+<span id="L42" class="LineNr"> 42 </span>  idx <span class="Special">&lt;-</span> add x
+<span id="L43" class="LineNr"> 43 </span>  <span class="PreProc">var</span> grid/<span class="muRegEsi">esi</span>: (addr array boolean) <span class="Special">&lt;-</span> copy _grid
+<span id="L44" class="LineNr"> 44 </span>  <span class="PreProc">var</span> result/eax: (addr boolean) <span class="Special">&lt;-</span> index grid, idx
+<span id="L45" class="LineNr"> 45 </span>  <span class="PreProc">var</span> src/<span class="muRegEcx">ecx</span>: boolean <span class="Special">&lt;-</span> copy val
+<span id="L46" class="LineNr"> 46 </span>  copy-to *result, src
+<span id="L47" class="LineNr"> 47 </span><span class="Delimiter">}</span>
+<span id="L48" class="LineNr"> 48 </span>
+<span id="L49" class="LineNr"> 49 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L49'>num-live-neighbors</a></span> grid: (addr array boolean), x: int, y: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L50" class="LineNr"> 50 </span>  <span class="PreProc">var</span> result/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L51" class="LineNr"> 51 </span>  <span class="muComment"># row above: zig</span>
+<span id="L52" class="LineNr"> 52 </span>  decrement y
+<span id="L53" class="LineNr"> 53 </span>  decrement x
+<span id="L54" class="LineNr"> 54 </span>  <span class="PreProc">var</span> s/eax: boolean <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L55" class="LineNr"> 55 </span>  <span class="Delimiter">{</span>
+<span id="L56" class="LineNr"> 56 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L57" class="LineNr"> 57 </span>    <span class="PreProc">break-if-=</span>
+<span id="L58" class="LineNr"> 58 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L59" class="LineNr"> 59 </span>  <span class="Delimiter">}</span>
+<span id="L60" class="LineNr"> 60 </span>  increment x
+<span id="L61" class="LineNr"> 61 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L62" class="LineNr"> 62 </span>  <span class="Delimiter">{</span>
+<span id="L63" class="LineNr"> 63 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L64" class="LineNr"> 64 </span>    <span class="PreProc">break-if-=</span>
+<span id="L65" class="LineNr"> 65 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L66" class="LineNr"> 66 </span>  <span class="Delimiter">}</span>
+<span id="L67" class="LineNr"> 67 </span>  increment x
+<span id="L68" class="LineNr"> 68 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L69" class="LineNr"> 69 </span>  <span class="Delimiter">{</span>
+<span id="L70" class="LineNr"> 70 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L71" class="LineNr"> 71 </span>    <span class="PreProc">break-if-=</span>
+<span id="L72" class="LineNr"> 72 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L73" class="LineNr"> 73 </span>  <span class="Delimiter">}</span>
+<span id="L74" class="LineNr"> 74 </span>  <span class="muComment"># curr row: zag</span>
+<span id="L75" class="LineNr"> 75 </span>  increment y
+<span id="L76" class="LineNr"> 76 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L77" class="LineNr"> 77 </span>  <span class="Delimiter">{</span>
+<span id="L78" class="LineNr"> 78 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L79" class="LineNr"> 79 </span>    <span class="PreProc">break-if-=</span>
+<span id="L80" class="LineNr"> 80 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L81" class="LineNr"> 81 </span>  <span class="Delimiter">}</span>
+<span id="L82" class="LineNr"> 82 </span>  subtract-from x, <span class="Constant">2</span>
+<span id="L83" class="LineNr"> 83 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L84" class="LineNr"> 84 </span>  <span class="Delimiter">{</span>
+<span id="L85" class="LineNr"> 85 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L86" class="LineNr"> 86 </span>    <span class="PreProc">break-if-=</span>
+<span id="L87" class="LineNr"> 87 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L88" class="LineNr"> 88 </span>  <span class="Delimiter">}</span>
+<span id="L89" class="LineNr"> 89 </span>  <span class="muComment"># row below: zig</span>
+<span id="L90" class="LineNr"> 90 </span>  increment y
+<span id="L91" class="LineNr"> 91 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L92" class="LineNr"> 92 </span>  <span class="Delimiter">{</span>
+<span id="L93" class="LineNr"> 93 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L94" class="LineNr"> 94 </span>    <span class="PreProc">break-if-=</span>
+<span id="L95" class="LineNr"> 95 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L96" class="LineNr"> 96 </span>  <span class="Delimiter">}</span>
+<span id="L97" class="LineNr"> 97 </span>  increment x
+<span id="L98" class="LineNr"> 98 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L99" class="LineNr"> 99 </span>  <span class="Delimiter">{</span>
+<span id="L100" class="LineNr">100 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L101" class="LineNr">101 </span>    <span class="PreProc">break-if-=</span>
+<span id="L102" class="LineNr">102 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L103" class="LineNr">103 </span>  <span class="Delimiter">}</span>
+<span id="L104" class="LineNr">104 </span>  increment x
+<span id="L105" class="LineNr">105 </span>  s <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L106" class="LineNr">106 </span>  <span class="Delimiter">{</span>
+<span id="L107" class="LineNr">107 </span>    compare s, <span class="Constant">0</span>/false
+<span id="L108" class="LineNr">108 </span>    <span class="PreProc">break-if-=</span>
+<span id="L109" class="LineNr">109 </span>    result <span class="Special">&lt;-</span> increment
+<span id="L110" class="LineNr">110 </span>  <span class="Delimiter">}</span>
+<span id="L111" class="LineNr">111 </span>  <span class="PreProc">return</span> result
+<span id="L112" class="LineNr">112 </span><span class="Delimiter">}</span>
+<span id="L113" class="LineNr">113 </span>
+<span id="L114" class="LineNr">114 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L114'>step</a></span> old-grid: (addr array boolean), new-grid: (addr array boolean) <span class="Delimiter">{</span>
+<span id="L115" class="LineNr">115 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L116" class="LineNr">116 </span>  <span class="Delimiter">{</span>
+<span id="L117" class="LineNr">117 </span>    compare y, <span class="Constant">0xc0</span>/height
+<span id="L118" class="LineNr">118 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L119" class="LineNr">119 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L120" class="LineNr">120 </span>    <span class="Delimiter">{</span>
+<span id="L121" class="LineNr">121 </span>      compare x, <span class="Constant">0x100</span>/width
+<span id="L122" class="LineNr">122 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L123" class="LineNr">123 </span>      <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='life.mu.html#L49'>num-live-neighbors</a> old-grid, x, y
+<span id="L124" class="LineNr">124 </span>      <span class="muComment"># if neighbors &lt; 2, die of loneliness</span>
+<span id="L125" class="LineNr">125 </span>      <span class="Delimiter">{</span>
+<span id="L126" class="LineNr">126 </span>        compare n, <span class="Constant">2</span>
+<span id="L127" class="LineNr">127 </span>        <span class="PreProc">break-if-&gt;=</span>
+<span id="L128" class="LineNr">128 </span>        <a href='life.mu.html#L38'>set-state</a> new-grid, x, y, <span class="Constant">0</span>/dead
+<span id="L129" class="LineNr">129 </span>      <span class="Delimiter">}</span>
+<span id="L130" class="LineNr">130 </span>      <span class="muComment"># if neighbors &gt; 3, die of overcrowding</span>
+<span id="L131" class="LineNr">131 </span>      <span class="Delimiter">{</span>
+<span id="L132" class="LineNr">132 </span>        compare n, <span class="Constant">3</span>
+<span id="L133" class="LineNr">133 </span>        <span class="PreProc">break-if-&lt;=</span>
+<span id="L134" class="LineNr">134 </span>        <a href='life.mu.html#L38'>set-state</a> new-grid, x, y, <span class="Constant">0</span>/dead
+<span id="L135" class="LineNr">135 </span>      <span class="Delimiter">}</span>
+<span id="L136" class="LineNr">136 </span>      <span class="muComment"># if neighbors = 2, preserve state</span>
+<span id="L137" class="LineNr">137 </span>      <span class="Delimiter">{</span>
+<span id="L138" class="LineNr">138 </span>        compare n, <span class="Constant">2</span>
+<span id="L139" class="LineNr">139 </span>        <span class="PreProc">break-if-!=</span>
+<span id="L140" class="LineNr">140 </span>        <span class="PreProc">var</span> old-state/eax: boolean <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> old-grid, x, y
+<span id="L141" class="LineNr">141 </span>        <a href='life.mu.html#L38'>set-state</a> new-grid, x, y, old-state
+<span id="L142" class="LineNr">142 </span>      <span class="Delimiter">}</span>
+<span id="L143" class="LineNr">143 </span>      <span class="muComment"># if neighbors = 3, cell quickens to life</span>
+<span id="L144" class="LineNr">144 </span>      <span class="Delimiter">{</span>
+<span id="L145" class="LineNr">145 </span>        compare n, <span class="Constant">3</span>
+<span id="L146" class="LineNr">146 </span>        <span class="PreProc">break-if-!=</span>
+<span id="L147" class="LineNr">147 </span>        <a href='life.mu.html#L38'>set-state</a> new-grid, x, y, <span class="Constant">1</span>/live
+<span id="L148" class="LineNr">148 </span>      <span class="Delimiter">}</span>
+<span id="L149" class="LineNr">149 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L150" class="LineNr">150 </span>      <span class="PreProc">loop</span>
+<span id="L151" class="LineNr">151 </span>    <span class="Delimiter">}</span>
+<span id="L152" class="LineNr">152 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L153" class="LineNr">153 </span>    <span class="PreProc">loop</span>
+<span id="L154" class="LineNr">154 </span>  <span class="Delimiter">}</span>
+<span id="L155" class="LineNr">155 </span><span class="Delimiter">}</span>
+<span id="L156" class="LineNr">156 </span>
+<span id="L157" class="LineNr">157 </span><span class="muComment"># color a square of size 'side' starting at x*side, y*side</span>
+<span id="L158" class="LineNr">158 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L158'>render-square</a></span> _x: int, _y: int, color: int <span class="Delimiter">{</span>
+<span id="L159" class="LineNr">159 </span>  <span class="PreProc">var</span> y/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy _y
+<span id="L160" class="LineNr">160 </span>  y <span class="Special">&lt;-</span> shift-left <span class="Constant">2</span>/log2side
+<span id="L161" class="LineNr">161 </span>  <span class="PreProc">var</span> side/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">1</span>
+<span id="L162" class="LineNr">162 </span>  side <span class="Special">&lt;-</span> shift-left <span class="Constant">2</span>/log2side
+<span id="L163" class="LineNr">163 </span>  <span class="PreProc">var</span> ymax/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy y
+<span id="L164" class="LineNr">164 </span>  ymax <span class="Special">&lt;-</span> add side
+<span id="L165" class="LineNr">165 </span>  <span class="Delimiter">{</span>
+<span id="L166" class="LineNr">166 </span>    compare y, ymax
+<span id="L167" class="LineNr">167 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L168" class="LineNr">168 </span>    <span class="Delimiter">{</span>
+<span id="L169" class="LineNr">169 </span>      <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> copy _x
+<span id="L170" class="LineNr">170 </span>      x <span class="Special">&lt;-</span> shift-left <span class="Constant">2</span>/log2side
+<span id="L171" class="LineNr">171 </span>      <span class="PreProc">var</span> xmax/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy x
+<span id="L172" class="LineNr">172 </span>      xmax <span class="Special">&lt;-</span> add side
+<span id="L173" class="LineNr">173 </span>      <span class="Delimiter">{</span>
+<span id="L174" class="LineNr">174 </span>        compare x, xmax
+<span id="L175" class="LineNr">175 </span>        <span class="PreProc">break-if-&gt;=</span>
+<span id="L176" class="LineNr">176 </span>        <a href='../101screen.subx.html#L8'>pixel-on-real-screen</a> x, y, color
+<span id="L177" class="LineNr">177 </span>        x <span class="Special">&lt;-</span> increment
+<span id="L178" class="LineNr">178 </span>        <span class="PreProc">loop</span>
+<span id="L179" class="LineNr">179 </span>      <span class="Delimiter">}</span>
+<span id="L180" class="LineNr">180 </span>    <span class="Delimiter">}</span>
+<span id="L181" class="LineNr">181 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L182" class="LineNr">182 </span>    <span class="PreProc">loop</span>
+<span id="L183" class="LineNr">183 </span>  <span class="Delimiter">}</span>
+<span id="L184" class="LineNr">184 </span><span class="Delimiter">}</span>
+<span id="L185" class="LineNr">185 </span>
+<span id="L186" class="LineNr">186 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L186'>render</a></span> grid: (addr array boolean) <span class="Delimiter">{</span>
+<span id="L187" class="LineNr">187 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L188" class="LineNr">188 </span>  <span class="Delimiter">{</span>
+<span id="L189" class="LineNr">189 </span>    compare y, <span class="Constant">0xc0</span>/height
+<span id="L190" class="LineNr">190 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L191" class="LineNr">191 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L192" class="LineNr">192 </span>    <span class="Delimiter">{</span>
+<span id="L193" class="LineNr">193 </span>      compare x, <span class="Constant">0x100</span>/width
+<span id="L194" class="LineNr">194 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L195" class="LineNr">195 </span>      <span class="PreProc">var</span> <a href='life.mu.html#L8'>state</a>/eax: boolean <span class="Special">&lt;-</span> <a href='life.mu.html#L8'>state</a> grid, x, y
+<span id="L196" class="LineNr">196 </span>      compare <a href='life.mu.html#L8'>state</a>, <span class="Constant">0</span>/false
+<span id="L197" class="LineNr">197 </span>      <span class="Delimiter">{</span>
+<span id="L198" class="LineNr">198 </span>        <span class="PreProc">break-if-=</span>
+<span id="L199" class="LineNr">199 </span>        <a href='life.mu.html#L158'>render-square</a> x, y, <span class="Constant">3</span>/cyan
+<span id="L200" class="LineNr">200 </span>      <span class="Delimiter">}</span>
+<span id="L201" class="LineNr">201 </span>      compare <a href='life.mu.html#L8'>state</a>, <span class="Constant">0</span>/false
+<span id="L202" class="LineNr">202 </span>      <span class="Delimiter">{</span>
+<span id="L203" class="LineNr">203 </span>        <span class="PreProc">break-if-!=</span>
+<span id="L204" class="LineNr">204 </span>        <a href='life.mu.html#L158'>render-square</a> x, y, <span class="Constant">0</span>/black
+<span id="L205" class="LineNr">205 </span>      <span class="Delimiter">}</span>
+<span id="L206" class="LineNr">206 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L207" class="LineNr">207 </span>      <span class="PreProc">loop</span>
+<span id="L208" class="LineNr">208 </span>    <span class="Delimiter">}</span>
+<span id="L209" class="LineNr">209 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L210" class="LineNr">210 </span>    <span class="PreProc">loop</span>
+<span id="L211" class="LineNr">211 </span>  <span class="Delimiter">}</span>
+<span id="L212" class="LineNr">212 </span><span class="Delimiter">}</span>
+<span id="L213" class="LineNr">213 </span>
+<span id="L214" class="LineNr">214 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='life.mu.html#L214'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L215" class="LineNr">215 </span><span class="CommentedCode">#?   # allocate on the stack</span>
+<span id="L216" class="LineNr">216 </span><span class="CommentedCode">#?   var grid1-storage: (array boolean 0xc000)  # width * height</span>
+<span id="L217" class="LineNr">217 </span><span class="CommentedCode">#?   var grid1/esi: (addr array boolean) &lt;- address grid1-storage</span>
+<span id="L218" class="LineNr">218 </span><span class="CommentedCode">#?   var grid2-storage: (array boolean 0xc000)  # width * height</span>
+<span id="L219" class="LineNr">219 </span><span class="CommentedCode">#?   var grid2/edi: (addr array boolean) &lt;- address grid2-storage</span>
+<span id="L220" class="LineNr">220 </span>  <span class="muComment"># allocate on the heap</span>
+<span id="L221" class="LineNr">221 </span>  <span class="PreProc">var</span> grid1-storage: (handle array boolean)
+<span id="L222" class="LineNr">222 </span>  <span class="PreProc">var</span> grid1-ah/eax: (addr handle array boolean) <span class="Special">&lt;-</span> address grid1-storage
+<span id="L223" class="LineNr">223 </span>  populate grid1-ah, <span class="Constant">0xc000</span>  <span class="muComment"># width * height</span>
+<span id="L224" class="LineNr">224 </span>  <span class="PreProc">var</span> _grid1/eax: (addr array boolean) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *grid1-ah
+<span id="L225" class="LineNr">225 </span>  <span class="PreProc">var</span> grid1/<span class="muRegEsi">esi</span>: (addr array boolean) <span class="Special">&lt;-</span> copy _grid1
+<span id="L226" class="LineNr">226 </span>  <span class="PreProc">var</span> grid2-storage: (handle array boolean)
+<span id="L227" class="LineNr">227 </span>  <span class="PreProc">var</span> grid2-ah/eax: (addr handle array boolean) <span class="Special">&lt;-</span> address grid2-storage
+<span id="L228" class="LineNr">228 </span>  populate grid2-ah, <span class="Constant">0xc000</span>  <span class="muComment"># width * height</span>
+<span id="L229" class="LineNr">229 </span>  <span class="PreProc">var</span> _grid2/eax: (addr array boolean) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *grid2-ah
+<span id="L230" class="LineNr">230 </span>  <span class="PreProc">var</span> grid2/<span class="muRegEdi">edi</span>: (addr array boolean) <span class="Special">&lt;-</span> copy _grid2
+<span id="L231" class="LineNr">231 </span>  <span class="muComment"># initialize grid1</span>
+<span id="L232" class="LineNr">232 </span>  <a href='life.mu.html#L38'>set-state</a> grid1, <span class="Constant">0x80</span>, <span class="Constant">0x5f</span>, <span class="Constant">1</span>/live
+<span id="L233" class="LineNr">233 </span>  <a href='life.mu.html#L38'>set-state</a> grid1, <span class="Constant">0x81</span>, <span class="Constant">0x5f</span>, <span class="Constant">1</span>/live
+<span id="L234" class="LineNr">234 </span>  <a href='life.mu.html#L38'>set-state</a> grid1, <span class="Constant">0x7f</span>, <span class="Constant">0x60</span>, <span class="Constant">1</span>/live
+<span id="L235" class="LineNr">235 </span>  <a href='life.mu.html#L38'>set-state</a> grid1, <span class="Constant">0x80</span>, <span class="Constant">0x60</span>, <span class="Constant">1</span>/live
+<span id="L236" class="LineNr">236 </span>  <a href='life.mu.html#L38'>set-state</a> grid1, <span class="Constant">0x80</span>, <span class="Constant">0x61</span>, <span class="Constant">1</span>/live
+<span id="L237" class="LineNr">237 </span>  <span class="muComment"># render grid1</span>
+<span id="L238" class="LineNr">238 </span>  <a href='life.mu.html#L186'>render</a> grid1
+<span id="L239" class="LineNr">239 </span>  <span class="Delimiter">{</span>
+<span id="L240" class="LineNr">240 </span>    <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L241" class="LineNr">241 </span>    compare key, <span class="Constant">0</span>
+<span id="L242" class="LineNr">242 </span><span class="CommentedCode">#?     loop-if-=  # press key to step</span>
+<span id="L243" class="LineNr">243 </span>    <span class="PreProc">break-if-!=</span>  <span class="muComment"># press key to quit  # comment this out to run under bochs; I'm not sure why there's a newline in the keyboard buffer</span>
+<span id="L244" class="LineNr">244 </span>    <span class="muComment"># iter: grid1 -&gt; grid2</span>
+<span id="L245" class="LineNr">245 </span>    <a href='life.mu.html#L114'>step</a> grid1, grid2
+<span id="L246" class="LineNr">246 </span>    <a href='life.mu.html#L186'>render</a> grid2
+<span id="L247" class="LineNr">247 </span>    <span class="muComment"># iter: grid2 -&gt; grid1</span>
+<span id="L248" class="LineNr">248 </span>    <a href='life.mu.html#L114'>step</a> grid2, grid1
+<span id="L249" class="LineNr">249 </span>    <a href='life.mu.html#L186'>render</a> grid1
+<span id="L250" class="LineNr">250 </span>    <span class="PreProc">loop</span>
+<span id="L251" class="LineNr">251 </span>  <span class="Delimiter">}</span>
+<span id="L252" class="LineNr">252 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/mandelbrot-fixed.mu.html b/html/apps/mandelbrot-fixed.mu.html
new file mode 100644
index 00000000..24f7ddc7
--- /dev/null
+++ b/html/apps/mandelbrot-fixed.mu.html
@@ -0,0 +1,330 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/mandelbrot-fixed.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEbx { color: #5f00ff; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.muTest { color: #5f8700; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/mandelbrot-fixed.mu'>https://github.com/akkartik/mu/blob/main/apps/mandelbrot-fixed.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Mandelbrot set using fixed-point numbers.</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># Install:</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   $ git clone <a href="https://github.com/akkartik/mu">https://github.com/akkartik/mu</a></span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment">#   $ cd mu</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment"># Build on Linux:</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment">#   $ ./translate apps/mandelbrot-fixed.mu</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment"># Build on other platforms (slow):</span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment">#   $ ./translate_emulated apps/mandelbrot-fixed.mu</span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment"># Run:</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L12" class="LineNr"> 12 </span>
+<span id="L13" class="LineNr"> 13 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L13'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L14" class="LineNr"> 14 </span>  <span class="muComment"># Initially the viewport is centered at 0, 0 in the scene.</span>
+<span id="L15" class="LineNr"> 15 </span>  <span class="PreProc">var</span> scene-cx-f: int
+<span id="L16" class="LineNr"> 16 </span>  <span class="PreProc">var</span> scene-cy-f: int
+<span id="L17" class="LineNr"> 17 </span>  <span class="muComment"># Initially the viewport shows a section of the scene 4 units wide.</span>
+<span id="L18" class="LineNr"> 18 </span>  <span class="PreProc">var</span> scene-width-f: int
+<span id="L19" class="LineNr"> 19 </span>  copy-to scene-width-f, <span class="Constant">0x400</span>/<span class="Constant">4</span>
+<span id="L20" class="LineNr"> 20 </span>  <span class="Delimiter">{</span>
+<span id="L21" class="LineNr"> 21 </span>    <a href='mandelbrot-fixed.mu.html#L127'>mandelbrot</a> <a href='../500fake-screen.mu.html#L14'>screen</a> scene-cx-f, scene-cy-f, scene-width-f
+<span id="L22" class="LineNr"> 22 </span>    <span class="muComment"># move at an angle slowly towards the edge</span>
+<span id="L23" class="LineNr"> 23 </span>    <span class="PreProc">var</span> adj-f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> scene-width-f, <span class="Constant">0x12</span>/<span class="Constant">0</span>.<span class="Constant">07</span>
+<span id="L24" class="LineNr"> 24 </span>    subtract-from scene-cx-f, adj-f
+<span id="L25" class="LineNr"> 25 </span>    add-to scene-cy-f, adj-f
+<span id="L26" class="LineNr"> 26 </span>    <span class="muComment"># slowly shrink the scene width to zoom in</span>
+<span id="L27" class="LineNr"> 27 </span>    <span class="PreProc">var</span> tmp-f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> scene-width-f, <span class="Constant">0x80</span>/<span class="Constant">0</span>.<span class="Constant">5</span>
+<span id="L28" class="LineNr"> 28 </span>    copy-to scene-width-f, tmp-f
+<span id="L29" class="LineNr"> 29 </span>    <span class="PreProc">loop</span>
+<span id="L30" class="LineNr"> 30 </span>  <span class="Delimiter">}</span>
+<span id="L31" class="LineNr"> 31 </span><span class="Delimiter">}</span>
+<span id="L32" class="LineNr"> 32 </span>
+<span id="L33" class="LineNr"> 33 </span><span class="muComment"># Since they still look like int types, we'll append a '-f' suffix to variable</span>
+<span id="L34" class="LineNr"> 34 </span><span class="muComment"># names to designate fixed-point numbers.</span>
+<span id="L35" class="LineNr"> 35 </span>
+<span id="L36" class="LineNr"> 36 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a></span> in: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L37" class="LineNr"> 37 </span>  <span class="PreProc">var</span> result-f/eax: int <span class="Special">&lt;-</span> copy in
+<span id="L38" class="LineNr"> 38 </span>  result-f <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/fixed-precision
+<span id="L39" class="LineNr"> 39 </span>  <span class="Delimiter">{</span>
+<span id="L40" class="LineNr"> 40 </span>    <span class="PreProc">break-if-not-overflow</span>
+<span id="L41" class="LineNr"> 41 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;int-to-fixed: overflow&quot;</span>
+<span id="L42" class="LineNr"> 42 </span>  <span class="Delimiter">}</span>
+<span id="L43" class="LineNr"> 43 </span>  <span class="PreProc">return</span> result-f
+<span id="L44" class="LineNr"> 44 </span><span class="Delimiter">}</span>
+<span id="L45" class="LineNr"> 45 </span>
+<span id="L46" class="LineNr"> 46 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a></span> in-f: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L47" class="LineNr"> 47 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> copy in-f
+<span id="L48" class="LineNr"> 48 </span>  result <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">8</span>/fixed-precision
+<span id="L49" class="LineNr"> 49 </span>  <span class="PreProc">return</span> result
+<span id="L50" class="LineNr"> 50 </span><span class="Delimiter">}</span>
+<span id="L51" class="LineNr"> 51 </span>
+<span id="L52" class="LineNr"> 52 </span><span class="muComment"># The process of throwing bits away always adjusts a number towards -infinity.</span>
+<span id="L53" class="LineNr"> 53 </span><span class="PreProc">fn</span> <span class="muTest"><a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a></span> <span class="Delimiter">{</span>
+<span id="L54" class="LineNr"> 54 </span>  <span class="muComment"># 0</span>
+<span id="L55" class="LineNr"> 55 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">0</span>
+<span id="L56" class="LineNr"> 56 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L57" class="LineNr"> 57 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">0</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - 0&quot;</span>
+<span id="L58" class="LineNr"> 58 </span>  <span class="muComment"># 1</span>
+<span id="L59" class="LineNr"> 59 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">1</span>
+<span id="L60" class="LineNr"> 60 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L61" class="LineNr"> 61 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">1</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - 1&quot;</span>
+<span id="L62" class="LineNr"> 62 </span>  <span class="muComment"># -1</span>
+<span id="L63" class="LineNr"> 63 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">-1</span>
+<span id="L64" class="LineNr"> 64 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L65" class="LineNr"> 65 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">-1</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - -1&quot;</span>
+<span id="L66" class="LineNr"> 66 </span>  <span class="muComment"># 0.5 = 1/2</span>
+<span id="L67" class="LineNr"> 67 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">1</span>
+<span id="L68" class="LineNr"> 68 </span>  f <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">1</span>
+<span id="L69" class="LineNr"> 69 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L70" class="LineNr"> 70 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">0</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - 0.5&quot;</span>
+<span id="L71" class="LineNr"> 71 </span>  <span class="muComment"># -0.5 = -1/2</span>
+<span id="L72" class="LineNr"> 72 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">-1</span>
+<span id="L73" class="LineNr"> 73 </span>  f <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">1</span>
+<span id="L74" class="LineNr"> 74 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L75" class="LineNr"> 75 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">-1</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - -0.5&quot;</span>
+<span id="L76" class="LineNr"> 76 </span>  <span class="muComment"># 1.5 = 3/2</span>
+<span id="L77" class="LineNr"> 77 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">3</span>
+<span id="L78" class="LineNr"> 78 </span>  f <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">1</span>
+<span id="L79" class="LineNr"> 79 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L80" class="LineNr"> 80 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">1</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - 1.5&quot;</span>
+<span id="L81" class="LineNr"> 81 </span>  <span class="muComment"># -1.5 = -3/2</span>
+<span id="L82" class="LineNr"> 82 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">-3</span>
+<span id="L83" class="LineNr"> 83 </span>  f <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">1</span>
+<span id="L84" class="LineNr"> 84 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L85" class="LineNr"> 85 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">-2</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - -1.5&quot;</span>
+<span id="L86" class="LineNr"> 86 </span>  <span class="muComment"># 1.25 = 5/4</span>
+<span id="L87" class="LineNr"> 87 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">5</span>
+<span id="L88" class="LineNr"> 88 </span>  f <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">2</span>
+<span id="L89" class="LineNr"> 89 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L90" class="LineNr"> 90 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">1</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - 1.25&quot;</span>
+<span id="L91" class="LineNr"> 91 </span>  <span class="muComment"># -1.25 = -5/4</span>
+<span id="L92" class="LineNr"> 92 </span>  <span class="PreProc">var</span> f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> <span class="Constant">-5</span>
+<span id="L93" class="LineNr"> 93 </span>  f <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">2</span>
+<span id="L94" class="LineNr"> 94 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L46'>fixed-to-int</a> f
+<span id="L95" class="LineNr"> 95 </span>  <a href='../502test.mu.html#L2'>check-ints-equal</a> result, <span class="Constant">-2</span>, <span class="Constant">&quot;F - <a href='mandelbrot-fixed.mu.html#L53'>test-fixed-conversion</a> - -1.25&quot;</span>
+<span id="L96" class="LineNr"> 96 </span><span class="Delimiter">}</span>
+<span id="L97" class="LineNr"> 97 </span>
+<span id="L98" class="LineNr"> 98 </span><span class="muComment"># special routines for multiplying and dividing fixed-point numbers</span>
+<span id="L99" class="LineNr"> 99 </span>
+<span id="L100" class="LineNr">100 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a></span> a-f: int, b-f: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L101" class="LineNr">101 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> copy a-f
+<span id="L102" class="LineNr">102 </span>  result <span class="Special">&lt;-</span> multiply b-f
+<span id="L103" class="LineNr">103 </span>  <span class="Delimiter">{</span>
+<span id="L104" class="LineNr">104 </span>    <span class="PreProc">break-if-not-overflow</span>
+<span id="L105" class="LineNr">105 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;multiply-fixed: overflow&quot;</span>
+<span id="L106" class="LineNr">106 </span>  <span class="Delimiter">}</span>
+<span id="L107" class="LineNr">107 </span>  result <span class="Special">&lt;-</span> shift-right-signed <span class="Constant">8</span>/fixed-precision
+<span id="L108" class="LineNr">108 </span>  <span class="PreProc">return</span> result
+<span id="L109" class="LineNr">109 </span><span class="Delimiter">}</span>
+<span id="L110" class="LineNr">110 </span>
+<span id="L111" class="LineNr">111 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L111'>divide-fixed</a></span> a-f: int, b-f: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L112" class="LineNr">112 </span>  <span class="PreProc">var</span> result-f/eax: int <span class="Special">&lt;-</span> copy a-f
+<span id="L113" class="LineNr">113 </span>  result-f <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/fixed-precision
+<span id="L114" class="LineNr">114 </span>  <span class="Delimiter">{</span>
+<span id="L115" class="LineNr">115 </span>    <span class="PreProc">break-if-not-overflow</span>
+<span id="L116" class="LineNr">116 </span>    <a href='../317abort.subx.html#L5'>abort</a> <span class="Constant">&quot;divide-fixed: overflow&quot;</span>
+<span id="L117" class="LineNr">117 </span>  <span class="Delimiter">}</span>
+<span id="L118" class="LineNr">118 </span>  <span class="PreProc">var</span> dummy-remainder/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L119" class="LineNr">119 </span>  result-f, dummy-remainder <span class="Special">&lt;-</span> <a href='../314divide.subx.html#L3'>integer-divide</a> result-f, b-f
+<span id="L120" class="LineNr">120 </span>  <span class="PreProc">return</span> result-f
+<span id="L121" class="LineNr">121 </span><span class="Delimiter">}</span>
+<span id="L122" class="LineNr">122 </span>
+<span id="L123" class="LineNr">123 </span><span class="muComment"># multiplying or dividing by an integer can use existing instructions.</span>
+<span id="L124" class="LineNr">124 </span>
+<span id="L125" class="LineNr">125 </span><span class="muComment"># adding and subtracting two fixed-point numbers can use existing instructions.</span>
+<span id="L126" class="LineNr">126 </span>
+<span id="L127" class="LineNr">127 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L127'>mandelbrot</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), scene-cx-f: int, scene-cy-f: int, scene-width-f: int <span class="Delimiter">{</span>
+<span id="L128" class="LineNr">128 </span>  <span class="PreProc">var</span> a/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L129" class="LineNr">129 </span>  <span class="PreProc">var</span> b/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L130" class="LineNr">130 </span>  a, b <span class="Special">&lt;-</span> <a href='../500fake-screen.mu.html#L86'>screen-size</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L131" class="LineNr">131 </span>  <span class="PreProc">var</span> width/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy a
+<span id="L132" class="LineNr">132 </span>  width <span class="Special">&lt;-</span> shift-left <span class="Constant">3</span>/log2-font-width
+<span id="L133" class="LineNr">133 </span>  <span class="PreProc">var</span> height/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy b
+<span id="L134" class="LineNr">134 </span>  height <span class="Special">&lt;-</span> shift-left <span class="Constant">4</span>/log2-font-height
+<span id="L135" class="LineNr">135 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L136" class="LineNr">136 </span>  <span class="Delimiter">{</span>
+<span id="L137" class="LineNr">137 </span>    compare y, height
+<span id="L138" class="LineNr">138 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L139" class="LineNr">139 </span>    <span class="PreProc">var</span> imaginary-f/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L237'>viewport-to-imaginary-f</a> y, width, height, scene-cy-f, scene-width-f
+<span id="L140" class="LineNr">140 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L141" class="LineNr">141 </span>    <span class="Delimiter">{</span>
+<span id="L142" class="LineNr">142 </span>      compare x, width
+<span id="L143" class="LineNr">143 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L144" class="LineNr">144 </span>      <span class="PreProc">var</span> real-f/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L219'>viewport-to-real-f</a> x, width, scene-cx-f, scene-width-f
+<span id="L145" class="LineNr">145 </span>      <span class="PreProc">var</span> iterations/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L162'>mandelbrot-iterations-for-point</a> real-f, imaginary-f, <span class="Constant">0x400</span>/max
+<span id="L146" class="LineNr">146 </span>      iterations <span class="Special">&lt;-</span> shift-right <span class="Constant">3</span>
+<span id="L147" class="LineNr">147 </span>      <span class="PreProc">var</span> color/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L148" class="LineNr">148 </span>      <span class="Delimiter">{</span>
+<span id="L149" class="LineNr">149 </span>        <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L150" class="LineNr">150 </span>        dummy, color <span class="Special">&lt;-</span> <a href='../314divide.subx.html#L3'>integer-divide</a> iterations, <span class="Constant">0x18</span>/<span class="Constant">24</span>/size-of-cycle-0
+<span id="L151" class="LineNr">151 </span>        color <span class="Special">&lt;-</span> add <span class="Constant">0x20</span>/cycle-0
+<span id="L152" class="LineNr">152 </span>      <span class="Delimiter">}</span>
+<span id="L153" class="LineNr">153 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
+<span id="L154" class="LineNr">154 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L155" class="LineNr">155 </span>      <span class="PreProc">loop</span>
+<span id="L156" class="LineNr">156 </span>    <span class="Delimiter">}</span>
+<span id="L157" class="LineNr">157 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L158" class="LineNr">158 </span>    <span class="PreProc">loop</span>
+<span id="L159" class="LineNr">159 </span>  <span class="Delimiter">}</span>
+<span id="L160" class="LineNr">160 </span><span class="Delimiter">}</span>
+<span id="L161" class="LineNr">161 </span>
+<span id="L162" class="LineNr">162 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L162'>mandelbrot-iterations-for-point</a></span> real-f: int, imaginary-f: int, max: int<span class="PreProc"> -&gt; </span>_/<span class="muRegEsi">esi</span>: int <span class="Delimiter">{</span>
+<span id="L163" class="LineNr">163 </span>  <span class="PreProc">var</span> x-f/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L164" class="LineNr">164 </span>  <span class="PreProc">var</span> y-f/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L165" class="LineNr">165 </span>  <span class="PreProc">var</span> iterations/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L166" class="LineNr">166 </span>  <span class="Delimiter">{</span>
+<span id="L167" class="LineNr">167 </span>    <span class="PreProc">var</span> done?/eax: boolean <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L182'>mandelbrot-done?</a> x-f, y-f
+<span id="L168" class="LineNr">168 </span>    compare done?, <span class="Constant">0</span>/false
+<span id="L169" class="LineNr">169 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L170" class="LineNr">170 </span>    compare iterations, max
+<span id="L171" class="LineNr">171 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L172" class="LineNr">172 </span>    <span class="PreProc">var</span> x2-f/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L196'>mandelbrot-x</a> x-f, y-f, real-f
+<span id="L173" class="LineNr">173 </span>    <span class="PreProc">var</span> y2-f/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L206'>mandelbrot-y</a> x-f, y-f, imaginary-f
+<span id="L174" class="LineNr">174 </span>    x-f <span class="Special">&lt;-</span> copy x2-f
+<span id="L175" class="LineNr">175 </span>    y-f <span class="Special">&lt;-</span> copy y2-f
+<span id="L176" class="LineNr">176 </span>    iterations <span class="Special">&lt;-</span> increment
+<span id="L177" class="LineNr">177 </span>    <span class="PreProc">loop</span>
+<span id="L178" class="LineNr">178 </span>  <span class="Delimiter">}</span>
+<span id="L179" class="LineNr">179 </span>  <span class="PreProc">return</span> iterations
+<span id="L180" class="LineNr">180 </span><span class="Delimiter">}</span>
+<span id="L181" class="LineNr">181 </span>
+<span id="L182" class="LineNr">182 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L182'>mandelbrot-done?</a></span> x-f: int, y-f: int<span class="PreProc"> -&gt; </span>_/eax: boolean <span class="Delimiter">{</span>
+<span id="L183" class="LineNr">183 </span>  <span class="muComment"># x*x + y*y &gt; 4</span>
+<span id="L184" class="LineNr">184 </span>  <span class="PreProc">var</span> tmp-f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> x-f, x-f
+<span id="L185" class="LineNr">185 </span>  <span class="PreProc">var</span> result-f/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy tmp-f
+<span id="L186" class="LineNr">186 </span>  tmp-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> y-f, y-f
+<span id="L187" class="LineNr">187 </span>  result-f <span class="Special">&lt;-</span> add tmp-f
+<span id="L188" class="LineNr">188 </span>  compare result-f, <span class="Constant">0x400</span>/<span class="Constant">4</span>
+<span id="L189" class="LineNr">189 </span>  <span class="Delimiter">{</span>
+<span id="L190" class="LineNr">190 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L191" class="LineNr">191 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L192" class="LineNr">192 </span>  <span class="Delimiter">}</span>
+<span id="L193" class="LineNr">193 </span>  <span class="PreProc">return</span> <span class="Constant">1</span>/true
+<span id="L194" class="LineNr">194 </span><span class="Delimiter">}</span>
+<span id="L195" class="LineNr">195 </span>
+<span id="L196" class="LineNr">196 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L196'>mandelbrot-x</a></span> x-f: int, y-f: int, real-f: int<span class="PreProc"> -&gt; </span>_/<span class="muRegEdx">edx</span>: int <span class="Delimiter">{</span>
+<span id="L197" class="LineNr">197 </span>  <span class="muComment"># x*x - y*y + real</span>
+<span id="L198" class="LineNr">198 </span>  <span class="PreProc">var</span> tmp-f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> x-f, x-f
+<span id="L199" class="LineNr">199 </span>  <span class="PreProc">var</span> result-f/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy tmp-f
+<span id="L200" class="LineNr">200 </span>  tmp-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> y-f, y-f
+<span id="L201" class="LineNr">201 </span>  result-f <span class="Special">&lt;-</span> subtract tmp-f
+<span id="L202" class="LineNr">202 </span>  result-f <span class="Special">&lt;-</span> add real-f
+<span id="L203" class="LineNr">203 </span>  <span class="PreProc">return</span> result-f
+<span id="L204" class="LineNr">204 </span><span class="Delimiter">}</span>
+<span id="L205" class="LineNr">205 </span>
+<span id="L206" class="LineNr">206 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L206'>mandelbrot-y</a></span> x-f: int, y-f: int, imaginary-f: int<span class="PreProc"> -&gt; </span>_/<span class="muRegEbx">ebx</span>: int <span class="Delimiter">{</span>
+<span id="L207" class="LineNr">207 </span>  <span class="muComment"># 2*x*y + imaginary</span>
+<span id="L208" class="LineNr">208 </span>  <span class="PreProc">var</span> result-f/eax: int <span class="Special">&lt;-</span> copy x-f
+<span id="L209" class="LineNr">209 </span>  result-f <span class="Special">&lt;-</span> shift-left <span class="Constant">1</span>/log2
+<span id="L210" class="LineNr">210 </span>  result-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> result-f, y-f
+<span id="L211" class="LineNr">211 </span>  result-f <span class="Special">&lt;-</span> add imaginary-f
+<span id="L212" class="LineNr">212 </span>  <span class="PreProc">return</span> result-f
+<span id="L213" class="LineNr">213 </span><span class="Delimiter">}</span>
+<span id="L214" class="LineNr">214 </span>
+<span id="L215" class="LineNr">215 </span><span class="muComment"># Scale (x, y) pixel coordinates to a complex plane where the viewport width</span>
+<span id="L216" class="LineNr">216 </span><span class="muComment"># ranges from -2 to +2. Viewport height just follows the viewport's aspect</span>
+<span id="L217" class="LineNr">217 </span><span class="muComment"># ratio.</span>
+<span id="L218" class="LineNr">218 </span>
+<span id="L219" class="LineNr">219 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L219'>viewport-to-real-f</a></span> x: int, width: int, scene-cx-f: int, scene-width-f: int<span class="PreProc"> -&gt; </span>_/<span class="muRegEdx">edx</span>: int <span class="Delimiter">{</span>
+<span id="L220" class="LineNr">220 </span>  <span class="muComment"># 0 in the viewport       goes to scene-cx - scene-width/2 </span>
+<span id="L221" class="LineNr">221 </span>  <span class="muComment"># width in the viewport   goes to scene-cx + scene-width/2</span>
+<span id="L222" class="LineNr">222 </span>  <span class="muComment"># Therefore:</span>
+<span id="L223" class="LineNr">223 </span>  <span class="muComment"># x in the viewport       goes to (scene-cx - scene-width/2) + x*scene-width/width</span>
+<span id="L224" class="LineNr">224 </span>  <span class="muComment"># At most two numbers being multiplied before a divide, so no risk of overflow.</span>
+<span id="L225" class="LineNr">225 </span>  <span class="PreProc">var</span> result-f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> x
+<span id="L226" class="LineNr">226 </span>  result-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> result-f, scene-width-f
+<span id="L227" class="LineNr">227 </span>  <span class="PreProc">var</span> width-f/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy width
+<span id="L228" class="LineNr">228 </span>  width-f <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/fixed-precision
+<span id="L229" class="LineNr">229 </span>  result-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L111'>divide-fixed</a> result-f, width-f
+<span id="L230" class="LineNr">230 </span>  result-f <span class="Special">&lt;-</span> add scene-cx-f
+<span id="L231" class="LineNr">231 </span>  <span class="PreProc">var</span> half-scene-width-f/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy scene-width-f
+<span id="L232" class="LineNr">232 </span>  half-scene-width-f <span class="Special">&lt;-</span> shift-right <span class="Constant">1</span>
+<span id="L233" class="LineNr">233 </span>  result-f <span class="Special">&lt;-</span> subtract half-scene-width-f
+<span id="L234" class="LineNr">234 </span>  <span class="PreProc">return</span> result-f
+<span id="L235" class="LineNr">235 </span><span class="Delimiter">}</span>
+<span id="L236" class="LineNr">236 </span>
+<span id="L237" class="LineNr">237 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-fixed.mu.html#L237'>viewport-to-imaginary-f</a></span> y: int, width: int, height: int, scene-cy-f: int, scene-width-f: int<span class="PreProc"> -&gt; </span>_/<span class="muRegEbx">ebx</span>: int <span class="Delimiter">{</span>
+<span id="L238" class="LineNr">238 </span>  <span class="muComment"># 0 in the viewport       goes to scene-cy - scene-width/2*height/width</span>
+<span id="L239" class="LineNr">239 </span>  <span class="muComment"># height in the viewport  goes to scene-cy + scene-width/2*height/width</span>
+<span id="L240" class="LineNr">240 </span>  <span class="muComment"># Therefore:</span>
+<span id="L241" class="LineNr">241 </span>  <span class="muComment"># y in the viewport       goes to (scene-cy - scene-width/2*height/width) + y*scene-width/width</span>
+<span id="L242" class="LineNr">242 </span>  <span class="muComment">#  scene-cy - scene-width/width * (height/2 + y)</span>
+<span id="L243" class="LineNr">243 </span>  <span class="muComment"># At most two numbers being multiplied before a divide, so no risk of overflow.</span>
+<span id="L244" class="LineNr">244 </span>  <span class="PreProc">var</span> result-f/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L36'>int-to-fixed</a> y
+<span id="L245" class="LineNr">245 </span>  result-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> result-f, scene-width-f
+<span id="L246" class="LineNr">246 </span>  <span class="PreProc">var</span> width-f/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy width
+<span id="L247" class="LineNr">247 </span>  width-f <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/fixed-precision
+<span id="L248" class="LineNr">248 </span>  result-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L111'>divide-fixed</a> result-f, width-f
+<span id="L249" class="LineNr">249 </span>  result-f <span class="Special">&lt;-</span> add scene-cy-f
+<span id="L250" class="LineNr">250 </span>  <span class="PreProc">var</span> second-term-f/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L251" class="LineNr">251 </span>  <span class="Delimiter">{</span>
+<span id="L252" class="LineNr">252 </span>    <span class="PreProc">var</span> _second-term-f/eax: int <span class="Special">&lt;-</span> copy scene-width-f
+<span id="L253" class="LineNr">253 </span>    _second-term-f <span class="Special">&lt;-</span> shift-right <span class="Constant">1</span>
+<span id="L254" class="LineNr">254 </span>    <span class="PreProc">var</span> height-f/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy height
+<span id="L255" class="LineNr">255 </span>    height-f <span class="Special">&lt;-</span> shift-left <span class="Constant">8</span>/fixed-precision
+<span id="L256" class="LineNr">256 </span>    _second-term-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L100'>multiply-fixed</a> _second-term-f, height-f
+<span id="L257" class="LineNr">257 </span>    _second-term-f <span class="Special">&lt;-</span> <a href='mandelbrot-fixed.mu.html#L111'>divide-fixed</a> _second-term-f, width-f
+<span id="L258" class="LineNr">258 </span>    second-term-f <span class="Special">&lt;-</span> copy _second-term-f
+<span id="L259" class="LineNr">259 </span>  <span class="Delimiter">}</span>
+<span id="L260" class="LineNr">260 </span>  result-f <span class="Special">&lt;-</span> subtract second-term-f
+<span id="L261" class="LineNr">261 </span>  <span class="PreProc">return</span> result-f
+<span id="L262" class="LineNr">262 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/mandelbrot-silhouette.mu.html b/html/apps/mandelbrot-silhouette.mu.html
new file mode 100644
index 00000000..867d96b7
--- /dev/null
+++ b/html/apps/mandelbrot-silhouette.mu.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/mandelbrot-silhouette.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/mandelbrot-silhouette.mu'>https://github.com/akkartik/mu/blob/main/apps/mandelbrot-silhouette.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Mandelbrot set</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># Install:</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   $ git clone <a href="https://github.com/akkartik/mu">https://github.com/akkartik/mu</a></span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment">#   $ cd mu</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment"># Build on Linux:</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment">#   $ ./translate apps/mandelbrot.mu</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment"># Build on other platforms (slow):</span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment">#   $ ./translate_emulated apps/mandelbrot.mu</span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment"># Run:</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L12" class="LineNr"> 12 </span>
+<span id="L13" class="LineNr"> 13 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L13'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L14" class="LineNr"> 14 </span>  <a href='mandelbrot-silhouette.mu.html#L17'>mandelbrot</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L15" class="LineNr"> 15 </span><span class="Delimiter">}</span>
+<span id="L16" class="LineNr"> 16 </span>
+<span id="L17" class="LineNr"> 17 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L17'>mandelbrot</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>) <span class="Delimiter">{</span>
+<span id="L18" class="LineNr"> 18 </span>  <span class="PreProc">var</span> a/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L19" class="LineNr"> 19 </span>  <span class="PreProc">var</span> b/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L20" class="LineNr"> 20 </span>  a, b <span class="Special">&lt;-</span> <a href='../500fake-screen.mu.html#L86'>screen-size</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L21" class="LineNr"> 21 </span>  <span class="PreProc">var</span> width/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy a
+<span id="L22" class="LineNr"> 22 </span>  width <span class="Special">&lt;-</span> shift-left <span class="Constant">3</span>/log2-font-width
+<span id="L23" class="LineNr"> 23 </span>  <span class="PreProc">var</span> height/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy b
+<span id="L24" class="LineNr"> 24 </span>  height <span class="Special">&lt;-</span> shift-left <span class="Constant">4</span>/log2-font-height
+<span id="L25" class="LineNr"> 25 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L26" class="LineNr"> 26 </span>  <span class="Delimiter">{</span>
+<span id="L27" class="LineNr"> 27 </span>    compare y, height
+<span id="L28" class="LineNr"> 28 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L29" class="LineNr"> 29 </span>    <span class="PreProc">var</span> imaginary/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot-silhouette.mu.html#L135'>viewport-to-imaginary</a> y, width, height
+<span id="L30" class="LineNr"> 30 </span>    <span class="PreProc">var</span> x/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L31" class="LineNr"> 31 </span>    <span class="Delimiter">{</span>
+<span id="L32" class="LineNr"> 32 </span>      compare x, width
+<span id="L33" class="LineNr"> 33 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L34" class="LineNr"> 34 </span>      <span class="PreProc">var</span> real/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot-silhouette.mu.html#L119'>viewport-to-real</a> x, width
+<span id="L35" class="LineNr"> 35 </span>      <span class="PreProc">var</span> iterations/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot-silhouette.mu.html#L54'>mandelbrot-iterations-for-point</a> real, imaginary, <span class="Constant">0x400</span>/max
+<span id="L36" class="LineNr"> 36 </span>      compare iterations, <span class="Constant">0x400</span>/max
+<span id="L37" class="LineNr"> 37 </span>      <span class="Delimiter">{</span>
+<span id="L38" class="LineNr"> 38 </span>        <span class="PreProc">break-if-&gt;=</span>
+<span id="L39" class="LineNr"> 39 </span>        <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0xf</span>/white
+<span id="L40" class="LineNr"> 40 </span>      <span class="Delimiter">}</span>
+<span id="L41" class="LineNr"> 41 </span>      compare iterations, <span class="Constant">0x400</span>/max
+<span id="L42" class="LineNr"> 42 </span>      <span class="Delimiter">{</span>
+<span id="L43" class="LineNr"> 43 </span>        <span class="PreProc">break-if-&lt;</span>
+<span id="L44" class="LineNr"> 44 </span>        <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0</span>/black
+<span id="L45" class="LineNr"> 45 </span>      <span class="Delimiter">}</span>
+<span id="L46" class="LineNr"> 46 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L47" class="LineNr"> 47 </span>      <span class="PreProc">loop</span>
+<span id="L48" class="LineNr"> 48 </span>    <span class="Delimiter">}</span>
+<span id="L49" class="LineNr"> 49 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L50" class="LineNr"> 50 </span>    <span class="PreProc">loop</span>
+<span id="L51" class="LineNr"> 51 </span>  <span class="Delimiter">}</span>
+<span id="L52" class="LineNr"> 52 </span><span class="Delimiter">}</span>
+<span id="L53" class="LineNr"> 53 </span>
+<span id="L54" class="LineNr"> 54 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L54'>mandelbrot-iterations-for-point</a></span> real: float, imaginary: float, max: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L55" class="LineNr"> 55 </span>  <span class="PreProc">var</span> zero: float
+<span id="L56" class="LineNr"> 56 </span>  <span class="PreProc">var</span> x/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy zero
+<span id="L57" class="LineNr"> 57 </span>  <span class="PreProc">var</span> y/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy zero
+<span id="L58" class="LineNr"> 58 </span>  <span class="PreProc">var</span> iterations/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L59" class="LineNr"> 59 </span>  <span class="Delimiter">{</span>
+<span id="L60" class="LineNr"> 60 </span>    <span class="PreProc">var</span> done?/eax: boolean <span class="Special">&lt;-</span> <a href='mandelbrot-silhouette.mu.html#L75'>mandelbrot-done?</a> x, y
+<span id="L61" class="LineNr"> 61 </span>    compare done?, <span class="Constant">0</span>/false
+<span id="L62" class="LineNr"> 62 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L63" class="LineNr"> 63 </span>    compare iterations, max
+<span id="L64" class="LineNr"> 64 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L65" class="LineNr"> 65 </span>    <span class="PreProc">var</span> newx/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot-silhouette.mu.html#L93'>mandelbrot-x</a> x, y, real
+<span id="L66" class="LineNr"> 66 </span>    <span class="PreProc">var</span> newy/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot-silhouette.mu.html#L105'>mandelbrot-y</a> x, y, imaginary
+<span id="L67" class="LineNr"> 67 </span>    x <span class="Special">&lt;-</span> copy newx
+<span id="L68" class="LineNr"> 68 </span>    y <span class="Special">&lt;-</span> copy newy
+<span id="L69" class="LineNr"> 69 </span>    iterations <span class="Special">&lt;-</span> increment
+<span id="L70" class="LineNr"> 70 </span>    <span class="PreProc">loop</span>
+<span id="L71" class="LineNr"> 71 </span>  <span class="Delimiter">}</span>
+<span id="L72" class="LineNr"> 72 </span>  <span class="PreProc">return</span> iterations
+<span id="L73" class="LineNr"> 73 </span><span class="Delimiter">}</span>
+<span id="L74" class="LineNr"> 74 </span>
+<span id="L75" class="LineNr"> 75 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L75'>mandelbrot-done?</a></span> x: float, y: float<span class="PreProc"> -&gt; </span>_/eax: boolean <span class="Delimiter">{</span>
+<span id="L76" class="LineNr"> 76 </span>  <span class="muComment"># x*x + y*y &gt; 4</span>
+<span id="L77" class="LineNr"> 77 </span>  <span class="PreProc">var</span> x2/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L78" class="LineNr"> 78 </span>  x2 <span class="Special">&lt;-</span> multiply x
+<span id="L79" class="LineNr"> 79 </span>  <span class="PreProc">var</span> y2/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L80" class="LineNr"> 80 </span>  y2 <span class="Special">&lt;-</span> multiply y
+<span id="L81" class="LineNr"> 81 </span>  <span class="PreProc">var</span> sum/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x2
+<span id="L82" class="LineNr"> 82 </span>  sum <span class="Special">&lt;-</span> add y2
+<span id="L83" class="LineNr"> 83 </span>  <span class="PreProc">var</span> four/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">4</span>
+<span id="L84" class="LineNr"> 84 </span>  <span class="PreProc">var</span> four-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert four
+<span id="L85" class="LineNr"> 85 </span>  compare sum, four-f
+<span id="L86" class="LineNr"> 86 </span>  <span class="Delimiter">{</span>
+<span id="L87" class="LineNr"> 87 </span>    <span class="PreProc">break-if-float&gt;</span>
+<span id="L88" class="LineNr"> 88 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L89" class="LineNr"> 89 </span>  <span class="Delimiter">}</span>
+<span id="L90" class="LineNr"> 90 </span>  <span class="PreProc">return</span> <span class="Constant">1</span>/true
+<span id="L91" class="LineNr"> 91 </span><span class="Delimiter">}</span>
+<span id="L92" class="LineNr"> 92 </span>
+<span id="L93" class="LineNr"> 93 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L93'>mandelbrot-x</a></span> x: float, y: float, real: float<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm2</span>: float <span class="Delimiter">{</span>
+<span id="L94" class="LineNr"> 94 </span>  <span class="muComment"># x*x - y*y + real</span>
+<span id="L95" class="LineNr"> 95 </span>  <span class="PreProc">var</span> x2/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L96" class="LineNr"> 96 </span>  x2 <span class="Special">&lt;-</span> multiply x
+<span id="L97" class="LineNr"> 97 </span>  <span class="PreProc">var</span> y2/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L98" class="LineNr"> 98 </span>  y2 <span class="Special">&lt;-</span> multiply y
+<span id="L99" class="LineNr"> 99 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x2
+<span id="L100" class="LineNr">100 </span>  result <span class="Special">&lt;-</span> subtract y2
+<span id="L101" class="LineNr">101 </span>  result <span class="Special">&lt;-</span> add real
+<span id="L102" class="LineNr">102 </span>  <span class="PreProc">return</span> result
+<span id="L103" class="LineNr">103 </span><span class="Delimiter">}</span>
+<span id="L104" class="LineNr">104 </span>
+<span id="L105" class="LineNr">105 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L105'>mandelbrot-y</a></span> x: float, y: float, imaginary: float<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm3</span>: float <span class="Delimiter">{</span>
+<span id="L106" class="LineNr">106 </span>  <span class="muComment"># 2*x*y + imaginary</span>
+<span id="L107" class="LineNr">107 </span>  <span class="PreProc">var</span> two/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L108" class="LineNr">108 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert two
+<span id="L109" class="LineNr">109 </span>  result <span class="Special">&lt;-</span> multiply x
+<span id="L110" class="LineNr">110 </span>  result <span class="Special">&lt;-</span> multiply y
+<span id="L111" class="LineNr">111 </span>  result <span class="Special">&lt;-</span> add imaginary
+<span id="L112" class="LineNr">112 </span>  <span class="PreProc">return</span> result
+<span id="L113" class="LineNr">113 </span><span class="Delimiter">}</span>
+<span id="L114" class="LineNr">114 </span>
+<span id="L115" class="LineNr">115 </span><span class="muComment"># Scale (x, y) pixel coordinates to a complex plane where the viewport width</span>
+<span id="L116" class="LineNr">116 </span><span class="muComment"># ranges from -2 to +2. Viewport height just follows the viewport's aspect</span>
+<span id="L117" class="LineNr">117 </span><span class="muComment"># ratio.</span>
+<span id="L118" class="LineNr">118 </span>
+<span id="L119" class="LineNr">119 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L119'>viewport-to-real</a></span> x: int, width: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm0</span>: float <span class="Delimiter">{</span>
+<span id="L120" class="LineNr">120 </span>  <span class="muComment"># (x - width/2)*4/width</span>
+<span id="L121" class="LineNr">121 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert x
+<span id="L122" class="LineNr">122 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L123" class="LineNr">123 </span>  <span class="PreProc">var</span> two/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L124" class="LineNr">124 </span>  <span class="PreProc">var</span> two-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert two
+<span id="L125" class="LineNr">125 </span>  <span class="PreProc">var</span> half-width-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> reciprocal two-f
+<span id="L126" class="LineNr">126 </span>  half-width-f <span class="Special">&lt;-</span> multiply width-f
+<span id="L127" class="LineNr">127 </span>  result <span class="Special">&lt;-</span> subtract half-width-f
+<span id="L128" class="LineNr">128 </span>  <span class="PreProc">var</span> four/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">4</span>
+<span id="L129" class="LineNr">129 </span>  <span class="PreProc">var</span> four-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert four
+<span id="L130" class="LineNr">130 </span>  result <span class="Special">&lt;-</span> multiply four-f
+<span id="L131" class="LineNr">131 </span>  result <span class="Special">&lt;-</span> divide width-f
+<span id="L132" class="LineNr">132 </span>  <span class="PreProc">return</span> result
+<span id="L133" class="LineNr">133 </span><span class="Delimiter">}</span>
+<span id="L134" class="LineNr">134 </span>
+<span id="L135" class="LineNr">135 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot-silhouette.mu.html#L135'>viewport-to-imaginary</a></span> y: int, width: int, height: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm1</span>: float <span class="Delimiter">{</span>
+<span id="L136" class="LineNr">136 </span>  <span class="muComment"># (y - height/2)*4/width</span>
+<span id="L137" class="LineNr">137 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert y
+<span id="L138" class="LineNr">138 </span>  <span class="PreProc">var</span> height-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L139" class="LineNr">139 </span>  <span class="PreProc">var</span> half-height-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy height-f
+<span id="L140" class="LineNr">140 </span>  <span class="PreProc">var</span> two/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L141" class="LineNr">141 </span>  <span class="PreProc">var</span> two-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert two
+<span id="L142" class="LineNr">142 </span>  half-height-f <span class="Special">&lt;-</span> divide two-f
+<span id="L143" class="LineNr">143 </span>  result <span class="Special">&lt;-</span> subtract half-height-f
+<span id="L144" class="LineNr">144 </span>  <span class="PreProc">var</span> four/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">4</span>
+<span id="L145" class="LineNr">145 </span>  <span class="PreProc">var</span> four-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert four
+<span id="L146" class="LineNr">146 </span>  result <span class="Special">&lt;-</span> multiply four-f
+<span id="L147" class="LineNr">147 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L148" class="LineNr">148 </span>  result <span class="Special">&lt;-</span> divide width-f
+<span id="L149" class="LineNr">149 </span>  <span class="PreProc">return</span> result
+<span id="L150" class="LineNr">150 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/mandelbrot.mu.html b/html/apps/mandelbrot.mu.html
new file mode 100644
index 00000000..4f25d91b
--- /dev/null
+++ b/html/apps/mandelbrot.mu.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/mandelbrot.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEbx { color: #5f00ff; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/mandelbrot.mu'>https://github.com/akkartik/mu/blob/main/apps/mandelbrot.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Mandelbrot set</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># Install:</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   $ git clone <a href="https://github.com/akkartik/mu">https://github.com/akkartik/mu</a></span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment">#   $ cd mu</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment"># Build on Linux:</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment">#   $ ./translate apps/mandelbrot.mu</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment"># Build on other platforms (slow):</span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment">#   $ ./translate_emulated apps/mandelbrot.mu</span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment"># Run:</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L12" class="LineNr"> 12 </span>
+<span id="L13" class="LineNr"> 13 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L13'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L14" class="LineNr"> 14 </span>  <span class="muComment"># Initially the viewport is centered at 0, 0 in the scene.</span>
+<span id="L15" class="LineNr"> 15 </span>  <span class="PreProc">var</span> zero: float
+<span id="L16" class="LineNr"> 16 </span>  <span class="PreProc">var</span> scene-cx/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy zero
+<span id="L17" class="LineNr"> 17 </span>  <span class="PreProc">var</span> scene-cy/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> copy zero
+<span id="L18" class="LineNr"> 18 </span>  <span class="muComment"># Initially the viewport shows a section of the scene 4 units wide.</span>
+<span id="L19" class="LineNr"> 19 </span>  <span class="muComment"># scene-width-scale = 0.5</span>
+<span id="L20" class="LineNr"> 20 </span>  <span class="PreProc">var</span> scene-width-scale: float
+<span id="L21" class="LineNr"> 21 </span>  <span class="PreProc">var</span> dest/eax: (addr float) <span class="Special">&lt;-</span> address scene-width-scale
+<span id="L22" class="LineNr"> 22 </span>  <a href='../408float.mu.html#L3'>fill-in-rational</a> dest, <span class="Constant">1</span>, <span class="Constant">2</span>
+<span id="L23" class="LineNr"> 23 </span>  <span class="muComment"># scene-width = 4</span>
+<span id="L24" class="LineNr"> 24 </span>  <span class="PreProc">var</span> four: float
+<span id="L25" class="LineNr"> 25 </span>  <span class="PreProc">var</span> dest/eax: (addr float) <span class="Special">&lt;-</span> address four
+<span id="L26" class="LineNr"> 26 </span>  <a href='../408float.mu.html#L3'>fill-in-rational</a> dest, <span class="Constant">4</span>, <span class="Constant">1</span>
+<span id="L27" class="LineNr"> 27 </span>  <span class="PreProc">var</span> scene-width/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> copy four
+<span id="L28" class="LineNr"> 28 </span>  <span class="Delimiter">{</span>
+<span id="L29" class="LineNr"> 29 </span>    <a href='mandelbrot.mu.html#L41'>mandelbrot</a> <a href='../500fake-screen.mu.html#L14'>screen</a> scene-cx, scene-cy, scene-width
+<span id="L30" class="LineNr"> 30 </span>    <span class="muComment"># move the center some % of the current screen-width</span>
+<span id="L31" class="LineNr"> 31 </span>    <span class="PreProc">var</span> adj/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> <a href='../408float.mu.html#L18'>rational</a> <span class="Constant">2</span>, <span class="Constant">0x1c</span>/<span class="Constant">28</span>
+<span id="L32" class="LineNr"> 32 </span>    adj <span class="Special">&lt;-</span> multiply scene-width
+<span id="L33" class="LineNr"> 33 </span>    scene-cx <span class="Special">&lt;-</span> subtract adj
+<span id="L34" class="LineNr"> 34 </span>    scene-cy <span class="Special">&lt;-</span> add adj
+<span id="L35" class="LineNr"> 35 </span>    <span class="muComment"># slowly shrink the scene width to zoom in</span>
+<span id="L36" class="LineNr"> 36 </span>    scene-width <span class="Special">&lt;-</span> multiply scene-width-scale
+<span id="L37" class="LineNr"> 37 </span>    <span class="PreProc">loop</span>
+<span id="L38" class="LineNr"> 38 </span>  <span class="Delimiter">}</span>
+<span id="L39" class="LineNr"> 39 </span><span class="Delimiter">}</span>
+<span id="L40" class="LineNr"> 40 </span>
+<span id="L41" class="LineNr"> 41 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L41'>mandelbrot</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), scene-cx: float, scene-cy: float, scene-width: float <span class="Delimiter">{</span>
+<span id="L42" class="LineNr"> 42 </span>  <span class="PreProc">var</span> a/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L43" class="LineNr"> 43 </span>  <span class="PreProc">var</span> b/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L44" class="LineNr"> 44 </span>  a, b <span class="Special">&lt;-</span> <a href='../500fake-screen.mu.html#L86'>screen-size</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L45" class="LineNr"> 45 </span>  <span class="PreProc">var</span> width/<span class="muRegEsi">esi</span>: int <span class="Special">&lt;-</span> copy a
+<span id="L46" class="LineNr"> 46 </span>  width <span class="Special">&lt;-</span> shift-left <span class="Constant">3</span>/log2-font-width
+<span id="L47" class="LineNr"> 47 </span>  <span class="PreProc">var</span> height/<span class="muRegEdi">edi</span>: int <span class="Special">&lt;-</span> copy b
+<span id="L48" class="LineNr"> 48 </span>  height <span class="Special">&lt;-</span> shift-left <span class="Constant">4</span>/log2-font-height
+<span id="L49" class="LineNr"> 49 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L50" class="LineNr"> 50 </span>  <span class="Delimiter">{</span>
+<span id="L51" class="LineNr"> 51 </span>    compare y, height
+<span id="L52" class="LineNr"> 52 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L53" class="LineNr"> 53 </span>    <span class="PreProc">var</span> imaginary/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot.mu.html#L157'>viewport-to-imaginary</a> y, width, height, scene-cy, scene-width
+<span id="L54" class="LineNr"> 54 </span>    <span class="PreProc">var</span> x/<span class="muRegEbx">ebx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L55" class="LineNr"> 55 </span>    <span class="Delimiter">{</span>
+<span id="L56" class="LineNr"> 56 </span>      compare x, width
+<span id="L57" class="LineNr"> 57 </span>      <span class="PreProc">break-if-&gt;=</span>
+<span id="L58" class="LineNr"> 58 </span>      <span class="PreProc">var</span> real/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot.mu.html#L138'>viewport-to-real</a> x, width, scene-cx, scene-width
+<span id="L59" class="LineNr"> 59 </span>      <span class="PreProc">var</span> iterations/eax: int <span class="Special">&lt;-</span> <a href='mandelbrot.mu.html#L73'>mandelbrot-iterations-for-point</a> real, imaginary, <span class="Constant">0x400</span>/max
+<span id="L60" class="LineNr"> 60 </span>      iterations <span class="Special">&lt;-</span> shift-right <span class="Constant">3</span>
+<span id="L61" class="LineNr"> 61 </span>      <span class="PreProc">var</span> color/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L62" class="LineNr"> 62 </span>      iterations, color <span class="Special">&lt;-</span> <a href='../314divide.subx.html#L3'>integer-divide</a> iterations, <span class="Constant">0x18</span>/<span class="Constant">24</span>/size-of-cycle-0
+<span id="L63" class="LineNr"> 63 </span>      color <span class="Special">&lt;-</span> add <span class="Constant">0x20</span>/cycle-0
+<span id="L64" class="LineNr"> 64 </span>      <a href='../500fake-screen.mu.html#L483'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
+<span id="L65" class="LineNr"> 65 </span>      x <span class="Special">&lt;-</span> increment
+<span id="L66" class="LineNr"> 66 </span>      <span class="PreProc">loop</span>
+<span id="L67" class="LineNr"> 67 </span>    <span class="Delimiter">}</span>
+<span id="L68" class="LineNr"> 68 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L69" class="LineNr"> 69 </span>    <span class="PreProc">loop</span>
+<span id="L70" class="LineNr"> 70 </span>  <span class="Delimiter">}</span>
+<span id="L71" class="LineNr"> 71 </span><span class="Delimiter">}</span>
+<span id="L72" class="LineNr"> 72 </span>
+<span id="L73" class="LineNr"> 73 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L73'>mandelbrot-iterations-for-point</a></span> real: float, imaginary: float, max: int<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L74" class="LineNr"> 74 </span>  <span class="PreProc">var</span> zero: float
+<span id="L75" class="LineNr"> 75 </span>  <span class="PreProc">var</span> x/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy zero
+<span id="L76" class="LineNr"> 76 </span>  <span class="PreProc">var</span> y/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy zero
+<span id="L77" class="LineNr"> 77 </span>  <span class="PreProc">var</span> iterations/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L78" class="LineNr"> 78 </span>  <span class="Delimiter">{</span>
+<span id="L79" class="LineNr"> 79 </span>    <span class="PreProc">var</span> done?/eax: boolean <span class="Special">&lt;-</span> <a href='mandelbrot.mu.html#L94'>mandelbrot-done?</a> x, y
+<span id="L80" class="LineNr"> 80 </span>    compare done?, <span class="Constant">0</span>/false
+<span id="L81" class="LineNr"> 81 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L82" class="LineNr"> 82 </span>    compare iterations, max
+<span id="L83" class="LineNr"> 83 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L84" class="LineNr"> 84 </span>    <span class="PreProc">var</span> newx/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot.mu.html#L112'>mandelbrot-x</a> x, y, real
+<span id="L85" class="LineNr"> 85 </span>    <span class="PreProc">var</span> newy/<span class="Constant">xmm3</span>: float <span class="Special">&lt;-</span> <a href='mandelbrot.mu.html#L124'>mandelbrot-y</a> x, y, imaginary
+<span id="L86" class="LineNr"> 86 </span>    x <span class="Special">&lt;-</span> copy newx
+<span id="L87" class="LineNr"> 87 </span>    y <span class="Special">&lt;-</span> copy newy
+<span id="L88" class="LineNr"> 88 </span>    iterations <span class="Special">&lt;-</span> increment
+<span id="L89" class="LineNr"> 89 </span>    <span class="PreProc">loop</span>
+<span id="L90" class="LineNr"> 90 </span>  <span class="Delimiter">}</span>
+<span id="L91" class="LineNr"> 91 </span>  <span class="PreProc">return</span> iterations
+<span id="L92" class="LineNr"> 92 </span><span class="Delimiter">}</span>
+<span id="L93" class="LineNr"> 93 </span>
+<span id="L94" class="LineNr"> 94 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L94'>mandelbrot-done?</a></span> x: float, y: float<span class="PreProc"> -&gt; </span>_/eax: boolean <span class="Delimiter">{</span>
+<span id="L95" class="LineNr"> 95 </span>  <span class="muComment"># x*x + y*y &gt; 4</span>
+<span id="L96" class="LineNr"> 96 </span>  <span class="PreProc">var</span> x2/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L97" class="LineNr"> 97 </span>  x2 <span class="Special">&lt;-</span> multiply x
+<span id="L98" class="LineNr"> 98 </span>  <span class="PreProc">var</span> y2/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L99" class="LineNr"> 99 </span>  y2 <span class="Special">&lt;-</span> multiply y
+<span id="L100" class="LineNr">100 </span>  <span class="PreProc">var</span> sum/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x2
+<span id="L101" class="LineNr">101 </span>  sum <span class="Special">&lt;-</span> add y2
+<span id="L102" class="LineNr">102 </span>  <span class="PreProc">var</span> four/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">4</span>
+<span id="L103" class="LineNr">103 </span>  <span class="PreProc">var</span> four-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert four
+<span id="L104" class="LineNr">104 </span>  compare sum, four-f
+<span id="L105" class="LineNr">105 </span>  <span class="Delimiter">{</span>
+<span id="L106" class="LineNr">106 </span>    <span class="PreProc">break-if-float&gt;</span>
+<span id="L107" class="LineNr">107 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>/false
+<span id="L108" class="LineNr">108 </span>  <span class="Delimiter">}</span>
+<span id="L109" class="LineNr">109 </span>  <span class="PreProc">return</span> <span class="Constant">1</span>/true
+<span id="L110" class="LineNr">110 </span><span class="Delimiter">}</span>
+<span id="L111" class="LineNr">111 </span>
+<span id="L112" class="LineNr">112 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L112'>mandelbrot-x</a></span> x: float, y: float, real: float<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm2</span>: float <span class="Delimiter">{</span>
+<span id="L113" class="LineNr">113 </span>  <span class="muComment"># x*x - y*y + real</span>
+<span id="L114" class="LineNr">114 </span>  <span class="PreProc">var</span> x2/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x
+<span id="L115" class="LineNr">115 </span>  x2 <span class="Special">&lt;-</span> multiply x
+<span id="L116" class="LineNr">116 </span>  <span class="PreProc">var</span> y2/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy y
+<span id="L117" class="LineNr">117 </span>  y2 <span class="Special">&lt;-</span> multiply y
+<span id="L118" class="LineNr">118 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> copy x2
+<span id="L119" class="LineNr">119 </span>  result <span class="Special">&lt;-</span> subtract y2
+<span id="L120" class="LineNr">120 </span>  result <span class="Special">&lt;-</span> add real
+<span id="L121" class="LineNr">121 </span>  <span class="PreProc">return</span> result
+<span id="L122" class="LineNr">122 </span><span class="Delimiter">}</span>
+<span id="L123" class="LineNr">123 </span>
+<span id="L124" class="LineNr">124 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L124'>mandelbrot-y</a></span> x: float, y: float, imaginary: float<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm3</span>: float <span class="Delimiter">{</span>
+<span id="L125" class="LineNr">125 </span>  <span class="muComment"># 2*x*y + imaginary</span>
+<span id="L126" class="LineNr">126 </span>  <span class="PreProc">var</span> two/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L127" class="LineNr">127 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert two
+<span id="L128" class="LineNr">128 </span>  result <span class="Special">&lt;-</span> multiply x
+<span id="L129" class="LineNr">129 </span>  result <span class="Special">&lt;-</span> multiply y
+<span id="L130" class="LineNr">130 </span>  result <span class="Special">&lt;-</span> add imaginary
+<span id="L131" class="LineNr">131 </span>  <span class="PreProc">return</span> result
+<span id="L132" class="LineNr">132 </span><span class="Delimiter">}</span>
+<span id="L133" class="LineNr">133 </span>
+<span id="L134" class="LineNr">134 </span><span class="muComment"># Scale (x, y) pixel coordinates to a complex plane where the viewport width</span>
+<span id="L135" class="LineNr">135 </span><span class="muComment"># ranges from -2 to +2. Viewport height just follows the viewport's aspect</span>
+<span id="L136" class="LineNr">136 </span><span class="muComment"># ratio.</span>
+<span id="L137" class="LineNr">137 </span>
+<span id="L138" class="LineNr">138 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L138'>viewport-to-real</a></span> x: int, width: int, scene-cx: float, scene-width: float<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm0</span>: float <span class="Delimiter">{</span>
+<span id="L139" class="LineNr">139 </span>  <span class="muComment"># 0 in the viewport       goes to scene-cx - scene-width/2 </span>
+<span id="L140" class="LineNr">140 </span>  <span class="muComment"># width in the viewport   goes to scene-cx + scene-width/2</span>
+<span id="L141" class="LineNr">141 </span>  <span class="muComment"># Therefore:</span>
+<span id="L142" class="LineNr">142 </span>  <span class="muComment"># x in the viewport       goes to (scene-cx - scene-width/2) + x*scene-width/width</span>
+<span id="L143" class="LineNr">143 </span>  <span class="muComment"># At most two numbers being multiplied before a divide, so no risk of overflow.</span>
+<span id="L144" class="LineNr">144 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert x
+<span id="L145" class="LineNr">145 </span>  result <span class="Special">&lt;-</span> multiply scene-width
+<span id="L146" class="LineNr">146 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L147" class="LineNr">147 </span>  result <span class="Special">&lt;-</span> divide width-f
+<span id="L148" class="LineNr">148 </span>  result <span class="Special">&lt;-</span> add scene-cx
+<span id="L149" class="LineNr">149 </span>  <span class="PreProc">var</span> two/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L150" class="LineNr">150 </span>  <span class="PreProc">var</span> two-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert two
+<span id="L151" class="LineNr">151 </span>  <span class="PreProc">var</span> half-scene-width/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy scene-width
+<span id="L152" class="LineNr">152 </span>  half-scene-width <span class="Special">&lt;-</span> divide two-f
+<span id="L153" class="LineNr">153 </span>  result <span class="Special">&lt;-</span> subtract half-scene-width
+<span id="L154" class="LineNr">154 </span>  <span class="PreProc">return</span> result
+<span id="L155" class="LineNr">155 </span><span class="Delimiter">}</span>
+<span id="L156" class="LineNr">156 </span>
+<span id="L157" class="LineNr">157 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='mandelbrot.mu.html#L157'>viewport-to-imaginary</a></span> y: int, width: int, height: int, scene-cy: float, scene-width: float<span class="PreProc"> -&gt; </span>_/<span class="Constant">xmm1</span>: float <span class="Delimiter">{</span>
+<span id="L158" class="LineNr">158 </span>  <span class="muComment"># 0 in the viewport       goes to scene-cy - scene-width/2*height/width</span>
+<span id="L159" class="LineNr">159 </span>  <span class="muComment"># height in the viewport  goes to scene-cy + scene-width/2*height/width</span>
+<span id="L160" class="LineNr">160 </span>  <span class="muComment"># Therefore:</span>
+<span id="L161" class="LineNr">161 </span>  <span class="muComment"># y in the viewport       goes to (scene-cy - scene-width/2*height/width) + y*scene-width/width</span>
+<span id="L162" class="LineNr">162 </span>  <span class="muComment">#  scene-cy - scene-width/width * (height/2 + y)</span>
+<span id="L163" class="LineNr">163 </span>  <span class="muComment"># At most two numbers being multiplied before a divide, so no risk of overflow.</span>
+<span id="L164" class="LineNr">164 </span>  <span class="PreProc">var</span> result/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert y
+<span id="L165" class="LineNr">165 </span>  result <span class="Special">&lt;-</span> multiply scene-width
+<span id="L166" class="LineNr">166 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L167" class="LineNr">167 </span>  result <span class="Special">&lt;-</span> divide width-f
+<span id="L168" class="LineNr">168 </span>  result <span class="Special">&lt;-</span> add scene-cy
+<span id="L169" class="LineNr">169 </span>  <span class="PreProc">var</span> two/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">2</span>
+<span id="L170" class="LineNr">170 </span>  <span class="PreProc">var</span> two-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert two
+<span id="L171" class="LineNr">171 </span>  <span class="PreProc">var</span> second-term/<span class="Constant">xmm1</span>: float <span class="Special">&lt;-</span> copy scene-width
+<span id="L172" class="LineNr">172 </span>  second-term <span class="Special">&lt;-</span> divide two-f
+<span id="L173" class="LineNr">173 </span>  <span class="PreProc">var</span> height-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert height
+<span id="L174" class="LineNr">174 </span>  second-term <span class="Special">&lt;-</span> multiply height-f
+<span id="L175" class="LineNr">175 </span>  <span class="PreProc">var</span> width-f/<span class="Constant">xmm2</span>: float <span class="Special">&lt;-</span> convert width
+<span id="L176" class="LineNr">176 </span>  second-term <span class="Special">&lt;-</span> divide width-f
+<span id="L177" class="LineNr">177 </span>  result <span class="Special">&lt;-</span> subtract second-term
+<span id="L178" class="LineNr">178 </span>  <span class="PreProc">return</span> result
+<span id="L179" class="LineNr">179 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
diff --git a/html/apps/rpn.mu.html b/html/apps/rpn.mu.html
new file mode 100644
index 00000000..a81eb74e
--- /dev/null
+++ b/html/apps/rpn.mu.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Mu - apps/rpn.mu</title>
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
+<meta name="colorscheme" content="minimal-light">
+<style>
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.muRegEcx { color: #870000; }
+.muRegEdx { color: #af5f00; }
+.LineNr { }
+.muRegEsi { color: #005faf; }
+.muRegEdi { color: #00af00; }
+.Constant { color: #008787; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.Delimiter { color: #c000c0; }
+.muComment { color: #005faf; }
+.Special { color: #ff6060; }
+-->
+</style>
+
+<script>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/apps/rpn.mu'>https://github.com/akkartik/mu/blob/main/apps/rpn.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Integer arithmetic using postfix notation</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># Limitations:</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   Division not implemented yet.</span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment">#</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment"># To build:</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment">#   $ ./translate apps/rpn.mu</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment">#</span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment"># Example session:</span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment">#   $ qemu-system-i386 code.img</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment">#   &gt; 4</span>
+<span id="L12" class="LineNr"> 12 </span><span class="muComment">#   4</span>
+<span id="L13" class="LineNr"> 13 </span><span class="muComment">#   &gt; 5 3 -</span>
+<span id="L14" class="LineNr"> 14 </span><span class="muComment">#   2</span>
+<span id="L15" class="LineNr"> 15 </span><span class="muComment">#</span>
+<span id="L16" class="LineNr"> 16 </span><span class="muComment"># Error handling is non-existent. This is just a prototype.</span>
+<span id="L17" class="LineNr"> 17 </span>
+<span id="L18" class="LineNr"> 18 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='rpn.mu.html#L18'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L19" class="LineNr"> 19 </span>  <span class="PreProc">var</span> in-storage: (stream byte <span class="Constant">0x80</span>)
+<span id="L20" class="LineNr"> 20 </span>  <span class="PreProc">var</span> in/<span class="muRegEsi">esi</span>: (addr stream byte) <span class="Special">&lt;-</span> address in-storage
+<span id="L21" class="LineNr"> 21 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L22" class="LineNr"> 22 </span>  <span class="PreProc">var</span> space/<span class="muRegEdx">edx</span>: grapheme <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
+<span id="L23" class="LineNr"> 23 </span>  <span class="muComment"># read-eval-print loop</span>
+<span id="L24" class="LineNr"> 24 </span>  <span class="Delimiter">{</span>
+<span id="L25" class="LineNr"> 25 </span>    <span class="muComment"># print prompt</span>
+<span id="L26" class="LineNr"> 26 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L100'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;&gt; &quot;</span>, <span class="Constant">0</span>/x, <span class="Constant">0x80</span>/xmax, y, <span class="Constant">3</span>/fg/cyan, <span class="Constant">0</span>/bg
+<span id="L27" class="LineNr"> 27 </span>    <span class="muComment"># read line from keyboard</span>
+<span id="L28" class="LineNr"> 28 </span>    <a href='../106stream.subx.html#L20'>clear-stream</a> in
+<span id="L29" class="LineNr"> 29 </span>    <span class="Delimiter">{</span>
+<span id="L30" class="LineNr"> 30 </span>      <a href='../500fake-screen.mu.html#L237'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space
+<span id="L31" class="LineNr"> 31 </span>      <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L32" class="LineNr"> 32 </span>      compare key, <span class="Constant">0xa</span>/newline
+<span id="L33" class="LineNr"> 33 </span>      <span class="PreProc">break-if-=</span>
+<span id="L34" class="LineNr"> 34 </span>      compare key, <span class="Constant">0</span>
+<span id="L35" class="LineNr"> 35 </span>      <span class="PreProc">loop-if-=</span>
+<span id="L36" class="LineNr"> 36 </span>      <span class="PreProc">var</span> key2/eax: int <span class="Special">&lt;-</span> copy key
+<span id="L37" class="LineNr"> 37 </span>      <a href='../115write-byte.subx.html#L12'>append-byte</a> in, key2
+<span id="L38" class="LineNr"> 38 </span>      <span class="PreProc">var</span> g/eax: grapheme <span class="Special">&lt;-</span> copy key2
+<span id="L39" class="LineNr"> 39 </span>      <a href='../501draw-text.mu.html#L84'>draw-grapheme-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, g, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L40" class="LineNr"> 40 </span>      <a href='../501draw-text.mu.html#L16'>move-cursor-right</a> <span class="Constant">0</span>
+<span id="L41" class="LineNr"> 41 </span>      <span class="PreProc">loop</span>
+<span id="L42" class="LineNr"> 42 </span>    <span class="Delimiter">}</span>
+<span id="L43" class="LineNr"> 43 </span>    <span class="muComment"># clear cursor</span>
+<span id="L44" class="LineNr"> 44 </span>    <a href='../501draw-text.mu.html#L84'>draw-grapheme-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space, <span class="Constant">3</span>/fg/never-used, <span class="Constant">0</span>/bg
+<span id="L45" class="LineNr"> 45 </span>    <span class="muComment"># parse and eval</span>
+<span id="L46" class="LineNr"> 46 </span>    <span class="PreProc">var</span> out/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L62'>simplify</a> in
+<span id="L47" class="LineNr"> 47 </span>    <span class="muComment"># print</span>
+<span id="L48" class="LineNr"> 48 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L49" class="LineNr"> 49 </span>    out, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L340'>draw-int32-decimal-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, out, <span class="Constant">0</span>/xmin, y, <span class="Constant">0x80</span>/xmax, <span class="Constant">0x30</span>/ymax, <span class="Constant">0</span>/x, y, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L50" class="LineNr"> 50 </span>    <span class="muComment"># newline</span>
+<span id="L51" class="LineNr"> 51 </span>    y <span class="Special">&lt;-</span> increment
+<span id="L52" class="LineNr"> 52 </span>    <span class="muComment">#</span>
+<span id="L53" class="LineNr"> 53 </span>    <span class="PreProc">loop</span>
+<span id="L54" class="LineNr"> 54 </span>  <span class="Delimiter">}</span>
+<span id="L55" class="LineNr"> 55 </span><span class="Delimiter">}</span>
+<span id="L56" class="LineNr"> 56 </span>
+<span id="L57" class="LineNr"> 57 </span><span class="PreProc">type</span> <a href='rpn.mu.html#L57'>int-stack</a> <span class="Delimiter">{</span>
+<span id="L58" class="LineNr"> 58 </span>  data: (handle array int)
+<span id="L59" class="LineNr"> 59 </span>  top: int
+<span id="L60" class="LineNr"> 60 </span><span class="Delimiter">}</span>
+<span id="L61" class="LineNr"> 61 </span>
+<span id="L62" class="LineNr"> 62 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='rpn.mu.html#L62'>simplify</a></span> in: (addr stream byte)<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L63" class="LineNr"> 63 </span>  <span class="PreProc">var</span> word-storage: slice
+<span id="L64" class="LineNr"> 64 </span>  <span class="PreProc">var</span> word/<span class="muRegEcx">ecx</span>: (addr slice) <span class="Special">&lt;-</span> address word-storage
+<span id="L65" class="LineNr"> 65 </span>  <span class="PreProc">var</span> stack-storage: <a href='rpn.mu.html#L57'>int-stack</a>
+<span id="L66" class="LineNr"> 66 </span>  <span class="PreProc">var</span> stack/<span class="muRegEsi">esi</span>: (addr <a href='rpn.mu.html#L57'>int-stack</a>) <span class="Special">&lt;-</span> address stack-storage
+<span id="L67" class="LineNr"> 67 </span>  <a href='rpn.mu.html#L116'>initialize-int-stack</a> stack, <span class="Constant">0x10</span>
+<span id="L68" class="LineNr"> 68 </span>  $simplify:word-loop: <span class="Delimiter">{</span>
+<span id="L69" class="LineNr"> 69 </span>    <a href='../127next-word.subx.html#L11'>next-word</a> in, word
+<span id="L70" class="LineNr"> 70 </span>    <span class="PreProc">var</span> done?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L9'>slice-empty?</a> word
+<span id="L71" class="LineNr"> 71 </span>    compare done?, <span class="Constant">0</span>
+<span id="L72" class="LineNr"> 72 </span>    <span class="PreProc">break-if-!=</span>
+<span id="L73" class="LineNr"> 73 </span>    <span class="muComment"># if word is an operator, perform it</span>
+<span id="L74" class="LineNr"> 74 </span>    <span class="Delimiter">{</span>
+<span id="L75" class="LineNr"> 75 </span>      <span class="PreProc">var</span> is-add?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L120'>slice-equal?</a> word, <span class="Constant">&quot;+&quot;</span>
+<span id="L76" class="LineNr"> 76 </span>      compare is-add?, <span class="Constant">0</span>
+<span id="L77" class="LineNr"> 77 </span>      <span class="PreProc">break-if-=</span>
+<span id="L78" class="LineNr"> 78 </span>      <span class="PreProc">var</span> _b/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L79" class="LineNr"> 79 </span>      <span class="PreProc">var</span> b/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy _b
+<span id="L80" class="LineNr"> 80 </span>      <span class="PreProc">var</span> a/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L81" class="LineNr"> 81 </span>      a <span class="Special">&lt;-</span> add b
+<span id="L82" class="LineNr"> 82 </span>      <a href='rpn.mu.html#L124'>push-int-stack</a> stack, a
+<span id="L83" class="LineNr"> 83 </span>      <span class="PreProc">loop</span> $simplify:word-loop
+<span id="L84" class="LineNr"> 84 </span>    <span class="Delimiter">}</span>
+<span id="L85" class="LineNr"> 85 </span>    <span class="Delimiter">{</span>
+<span id="L86" class="LineNr"> 86 </span>      <span class="PreProc">var</span> is-sub?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L120'>slice-equal?</a> word, <span class="Constant">&quot;-&quot;</span>
+<span id="L87" class="LineNr"> 87 </span>      compare is-sub?, <span class="Constant">0</span>
+<span id="L88" class="LineNr"> 88 </span>      <span class="PreProc">break-if-=</span>
+<span id="L89" class="LineNr"> 89 </span>      <span class="PreProc">var</span> _b/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L90" class="LineNr"> 90 </span>      <span class="PreProc">var</span> b/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy _b
+<span id="L91" class="LineNr"> 91 </span>      <span class="PreProc">var</span> a/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L92" class="LineNr"> 92 </span>      a <span class="Special">&lt;-</span> subtract b
+<span id="L93" class="LineNr"> 93 </span>      <a href='rpn.mu.html#L124'>push-int-stack</a> stack, a
+<span id="L94" class="LineNr"> 94 </span>      <span class="PreProc">loop</span> $simplify:word-loop
+<span id="L95" class="LineNr"> 95 </span>    <span class="Delimiter">}</span>
+<span id="L96" class="LineNr"> 96 </span>    <span class="Delimiter">{</span>
+<span id="L97" class="LineNr"> 97 </span>      <span class="PreProc">var</span> is-mul?/eax: boolean <span class="Special">&lt;-</span> <a href='../123slice.subx.html#L120'>slice-equal?</a> word, <span class="Constant">&quot;*&quot;</span>
+<span id="L98" class="LineNr"> 98 </span>      compare is-mul?, <span class="Constant">0</span>
+<span id="L99" class="LineNr"> 99 </span>      <span class="PreProc">break-if-=</span>
+<span id="L100" class="LineNr">100 </span>      <span class="PreProc">var</span> _b/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L101" class="LineNr">101 </span>      <span class="PreProc">var</span> b/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy _b
+<span id="L102" class="LineNr">102 </span>      <span class="PreProc">var</span> a/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L103" class="LineNr">103 </span>      a <span class="Special">&lt;-</span> multiply b
+<span id="L104" class="LineNr">104 </span>      <a href='rpn.mu.html#L124'>push-int-stack</a> stack, a
+<span id="L105" class="LineNr">105 </span>      <span class="PreProc">loop</span> $simplify:word-loop
+<span id="L106" class="LineNr">106 </span>    <span class="Delimiter">}</span>
+<span id="L107" class="LineNr">107 </span>    <span class="muComment"># otherwise it's an int</span>
+<span id="L108" class="LineNr">108 </span>    <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='../311decimal-int.subx.html#L4'>parse-decimal-int-from-slice</a> word
+<span id="L109" class="LineNr">109 </span>    <a href='rpn.mu.html#L124'>push-int-stack</a> stack, n
+<span id="L110" class="LineNr">110 </span>    <span class="PreProc">loop</span>
+<span id="L111" class="LineNr">111 </span>  <span class="Delimiter">}</span>
+<span id="L112" class="LineNr">112 </span>  <span class="PreProc">var</span> result/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L136'>pop-int-stack</a> stack
+<span id="L113" class="LineNr">113 </span>  <span class="PreProc">return</span> result
+<span id="L114" class="LineNr">114 </span><span class="Delimiter">}</span>
+<span id="L115" class="LineNr">115 </span>
+<span id="L116" class="LineNr">116 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='rpn.mu.html#L116'>initialize-int-stack</a></span> _self: (addr <a href='rpn.mu.html#L57'>int-stack</a>), n: int <span class="Delimiter">{</span>
+<span id="L117" class="LineNr">117 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='rpn.mu.html#L57'>int-stack</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L118" class="LineNr">118 </span>  <span class="PreProc">var</span> d/<span class="muRegEdi">edi</span>: (addr handle array int) <span class="Special">&lt;-</span> get self, data
+<span id="L119" class="LineNr">119 </span>  populate d, n
+<span id="L120" class="LineNr">120 </span>  <span class="PreProc">var</span> top/eax: (addr int) <span class="Special">&lt;-</span> get self, top
+<span id="L121" class="LineNr">121 </span>  copy-to *top, <span class="Constant">0</span>
+<span id="L122" class="LineNr">122 </span><span class="Delimiter">}</span>
+<span id="L123" class="LineNr">123 </span>
+<span id="L124" class="LineNr">124 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='rpn.mu.html#L124'>push-int-stack</a></span> _self: (addr <a href='rpn.mu.html#L57'>int-stack</a>), _val: int <span class="Delimiter">{</span>
+<span id="L125" class="LineNr">125 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='rpn.mu.html#L57'>int-stack</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L126" class="LineNr">126 </span>  <span class="PreProc">var</span> top-addr/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get self, top
+<span id="L127" class="LineNr">127 </span>  <span class="PreProc">var</span> data-ah/<span class="muRegEdx">edx</span>: (addr handle array int) <span class="Special">&lt;-</span> get self, data
+<span id="L128" class="LineNr">128 </span>  <span class="PreProc">var</span> data/eax: (addr array int) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L129" class="LineNr">129 </span>  <span class="PreProc">var</span> top/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy *top-addr
+<span id="L130" class="LineNr">130 </span>  <span class="PreProc">var</span> dest-addr/<span class="muRegEdx">edx</span>: (addr int) <span class="Special">&lt;-</span> index data, top
+<span id="L131" class="LineNr">131 </span>  <span class="PreProc">var</span> val/eax: int <span class="Special">&lt;-</span> copy _val
+<span id="L132" class="LineNr">132 </span>  copy-to *dest-addr, val
+<span id="L133" class="LineNr">133 </span>  add-to *top-addr, <span class="Constant">1</span>
+<span id="L134" class="LineNr">134 </span><span class="Delimiter">}</span>
+<span id="L135" class="LineNr">135 </span>
+<span id="L136" class="LineNr">136 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='rpn.mu.html#L136'>pop-int-stack</a></span> _self: (addr <a href='rpn.mu.html#L57'>int-stack</a>)<span class="PreProc"> -&gt; </span>_/eax: int <span class="Delimiter">{</span>
+<span id="L137" class="LineNr">137 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='rpn.mu.html#L57'>int-stack</a>) <span class="Special">&lt;-</span> copy _self
+<span id="L138" class="LineNr">138 </span>  <span class="PreProc">var</span> top-addr/<span class="muRegEcx">ecx</span>: (addr int) <span class="Special">&lt;-</span> get self, top
+<span id="L139" class="LineNr">139 </span>  <span class="Delimiter">{</span>
+<span id="L140" class="LineNr">140 </span>    compare *top-addr, <span class="Constant">0</span>
+<span id="L141" class="LineNr">141 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L142" class="LineNr">142 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>
+<span id="L143" class="LineNr">143 </span>  <span class="Delimiter">}</span>
+<span id="L144" class="LineNr">144 </span>  subtract-from *top-addr, <span class="Constant">1</span>
+<span id="L145" class="LineNr">145 </span>  <span class="PreProc">var</span> data-ah/<span class="muRegEdx">edx</span>: (addr handle array int) <span class="Special">&lt;-</span> get self, data
+<span id="L146" class="LineNr">146 </span>  <span class="PreProc">var</span> data/eax: (addr array int) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L223'>lookup</a> *data-ah
+<span id="L147" class="LineNr">147 </span>  <span class="PreProc">var</span> top/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy *top-addr
+<span id="L148" class="LineNr">148 </span>  <span class="PreProc">var</span> result-addr/eax: (addr int) <span class="Special">&lt;-</span> index data, top
+<span id="L149" class="LineNr">149 </span>  <span class="PreProc">var</span> val/eax: int <span class="Special">&lt;-</span> copy *result-addr
+<span id="L150" class="LineNr">150 </span>  <span class="PreProc">return</span> val
+<span id="L151" class="LineNr">151 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->
author	Kartik K. Agaram <vc@akkartik.com>	2021-07-16 08:38:43 -0700
committer	Kartik K. Agaram <vc@akkartik.com>	2021-07-16 08:38:43 -0700
commit	78357b8852626b510527f3b8d770a7dd8956fcc7 (patch)
tree	5e38d0f616ab151e66618090487b41dd2fc348e0 /html/apps
parent	44d26b77c45668c9b0c99894a4294cec004361fe (diff)
download	mu-78357b8852626b510527f3b8d770a7dd8956fcc7.tar.gz