From 1869b5e5a16ae4b760586e9d2bfcb6771d58a502 Mon Sep 17 00:00:00 2001
From: nycki <nupanick@gmail.com>
Date: Tue, 8 Jul 2025 22:12:26 -0700
Subject: [PATCH] exact tempo

---
 static/qrplay/v2c.html | 142 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 142 insertions(+)
 create mode 100644 static/qrplay/v2c.html
diff --git a/static/qrplay/v2c.html b/static/qrplay/v2c.html
new file mode 100644
index 0000000..a7fefa3
--- /dev/null
+++ b/static/qrplay/v2c.html
@@ -0,0 +1,142 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>qrplay</title>
+	<style>
+		body {
+			font-family: sans-serif;
+			max-width: 40rem;
+			margin: 0 auto;
+			padding: 1rem;
+		}
+	</style>
+</head>
+<body>
+
+<nav><a href="/">home</a></nav>
+
+<h2>qrplay by nycki and SArpnt</h2>
+<p>a QR-code sized implementation of ZZT Play, which you may know from the <a href="https://chriskallen.com/zzt/hallofmusic.html">ZZT Hall of Music</a>.</p> 
+
+<p>I designed this because I wanted a program I could print on a business card, and <a href="https://git.disroot.org/SArpnt">SArpnt</a> found some clever ways to shrink it even further. The version on this page is commented, the version in the QR code is minified.</p>
+
+<p>paste ZZT music code in this box, then click the button to #play!</p>
+
+<!-- snip here -->
+<meta name=viewport content=initial-scale=1>
+<center>
+<p><a href=http://nycki.net/qrplay>qrplay</a></p>
+<textarea id=f></textarea><p>
+<button onclick='
+v=f.value.toLowerCase();
+f.A?.close();
+A=f.A=new AudioContext;
+// time per-channel
+T=[];
+// tempo in beats per minute
+u=137;
+for(
+	c=t=o=k=Z=0,l=3;C=v[c++];
+	// no match
+	z<0?0:
+	// comments
+	z<2?k=z:k?0:
+	// - + octave
+	z<4?o+=12*--d:
+	// triplets and dots
+	z<6?l*=3/d:
+	// note
+	z<13?(
+		O=new OscillatorNode(A,{
+			type:`square`,
+			detune:100*(`0x`+d-(v[c]==`!`)+(v[c]==`#`)+o-9)
+		}),
+		G=new GainNode(A,{gain:.05}),
+		O.connect(G),
+		G.connect(A.destination),
+		O.start(t),
+		O.stop(t+=2.5*l/u)
+	):
+	// rest, also skip percussion
+	z<23?t+=l*u:
+	// reset octave and duration
+	z<24?(o=0,l=3):
+	// set note length
+	z<31?l=3<<(z-25):
+	// change channel
+	(T[Z]=t,Z=+v.slice(c,c+=2),t=T[Z]|0)
+	// d is additional data that varies with the operation.
+)d=`--0229024579b`[z=`\n;-+.3cdefgab012456789x@jtsiqhwz`.indexOf(C)]
+'>#play</button> <button onclick=f.A.close()>#stop</button></center>
+<!-- stop snipping here -->
+
+<hr>
+
+<table style="text-align: center;">
+    <tr><td>qrplay</td><td>Solfeggettio in C Minor</td></tr>
+    <tr>
+        <td>
+            <img src="qrplay-v1.png">
+        </td>
+        <td>
+            <img src="qrplay-solfeggettio.png">
+        </td>
+    </tr>
+    <tr>
+        <td><textarea>data:text/html,&lt;meta%20name="viewport"%20content="width=device-width%20initial-scale=1.0"&gt;&lt;textarea%20id=f&gt;&lt;/textarea&gt;&lt;br&gt;&lt;button%20onclick='/*qrplay%20v1,%20nycki%20&%20SArpnt,%202025*/v=f.value;T=[];Z=0;f.A=A=f.A||new%20AudioContext;B=new%20GainNode(A,{gain:0.4});B.connect(A.destination);for(i=o=k=t=0,l=1;c=v[i++],d=v[i],c;z&lt;0?0:z&gt;29?k=1:z&gt;28?k=0:k?0:z&gt;27?(T[Z]=t,Z=+v.slice(i,i+=2),t=T[Z]||0):z&gt;17?t+=l:z&lt;3?z?o+=g:(o=0,l=1/8):(console.log(z),z)&1?console.log(l=g):(a=new%20OscillatorNode(A,{type:`square`,detune:100*(g+o+(d==`%23`)-(d==`!`))}),a.connect(B),a.start(t*.4),t+=l,a.stop(t*.4)))g=[,-12,12,4,-9,2,-7,1,-5,.5,-4,.25,-2,1/8,0,l/3,2,l*1.5][z=`@-+wchdqeifsgta3b.x012456789z\npovukr\x27`.indexOf(c.toLowerCase())]'&gt;%23play&lt;/button&gt;&lt;button%20onclick='f.A.close();f.A=0'&gt;%23stop&lt;/button&gt;</textarea></td>
+        <td><textarea id="s">;; title Solfeggettio
+;; artist JS Bach
+@i-e!ce!g+ce!dc-bgb+dgfe!de!
+@ice!g+ce!dcdc-bagfe!d
+@ie!ce!g+ce!dc-bgb+dgfe!d
+@i+e!ce!g+ce!dcdc-bagfe!d
+@i+e!c-ge!c++c-ge!a!--fa!+cfa!+ce!
+@i+d-b!fd-b!++b!fdg--e!gb!+dgb!+d
+@i+ge!dc-ge!dh.c</textarea></td>
+    </tr>
+</table>
+
+<p>qrplay v2a</p>
+<img src="qrplay-v2a3.png">
+<textarea>data:text/html,&lt;meta%20name=viewport%20content=initial-scale=1&gt;&lt;textarea%20id=f&gt;&lt;/textarea&gt;&lt;br&gt;&lt;button%20onclick=&quot;/*qrplay%20v2a,%20nycki%20&amp;%20SArpnt,%202025*/f.A?.close();B=new%20GainNode(f.A=A=new%20AudioContext,{gain:0.1});B.connect(A.destination);r=.4;l=1;T=[];v=f.value;W=A.createBuffer(1,s=A.sampleRate,s);for(i=0;i++&lt;2*s;W.getChannelData(0)[i]=Math.random()*2-1);p=n=&gt;(n.connect(B),n.start(t*r),t+=l,n.stop(t*r));for(i=o=k=t=Z=0;c=v[i++],d=v[i],c;z&lt;0?0:!z?(o=0,l=1/8):z&lt;3?o+=g:z&gt;28?k=z-29:k?0:z&gt;27?(T[Z]=t,Z=+v.slice(i,i+=2),t=T[Z]||0):z&gt;18?p((w=A.createBufferSource(),w.buffer=W,w.loop=1,w)):z&gt;17?t+=l:z&amp;1?l=g:p(new%20OscillatorNode(A,{type:'square',detune:100*(g+o+(d=='%23')-(d=='!'))})))%20g=[,-12,12,4,-9,2,-7,1,-5,.5,-4,.25,-2,1/8,0,l/3,2,l*1.5][z=`@-+wchdqeifsgta3b.x012456789z\npovukr'`.indexOf(c.toLowerCase())]&quot;&gt;%23play&lt;/button&gt;%20&lt;button%20onclick=f.A.close()&gt;%23stop&lt;/button&gt;</textarea>
+
+<p>we will rock you</p>
+<textarea id="rock">U137V40
+@s.9x9x6xxx9x9x6xxx9x9x6xxx9x9x6xxx
+@s.deedi.es.eei.des.de
+@s.edi.es.eeedi.eags.g-b+dx
+@s.ei.es.dexxdexexe
+@s.xxxdddxdd-bxage+eq.x
+@q.gf#eds.exex6xxx9x9x6xxx
+@q.gf#eds.exex6xxx9x9x6xxx
+@s.deedi.es.eei.des.de
+@s.edi.es.eeedi.eags.g-b+dx
+@s.ei.es.dexxdexexe
+@s.xxxdddxdd-bxage+eq.x
+@q.gf#eds.exex6xxx9x9x6xxx
+@q.gf#eds.exex6xxx9x9x6xxx
+@q.gf#eds.exex6xxx9x9x6xxx
+@q.gf#eds.exex6xxx9x9x6xxx
+</textarea>
+
+<p>for security reasons, your phone probably won't open these as links. you'll have to copy and paste the text into your browser's uri input.</p>
+
+<script>
+// set default value for input
+f.value=(f.value
+	|| window.location.search.slice(1).replaceAll('%20', ' ').replaceAll('%0a','\n').replaceAll('%0A','\n').replaceAll('%23', '#')
+	|| s.value
+);
+
+// remove redundant title
+document.querySelector('center p').setAttribute('hidden', 'true');
+
+// add save button
+document.querySelector('center p:last-child').innerHTML+=`
+  <button onclick='
+    window.location.search = "?"+f.value.replaceAll(" ","%20").replaceAll("\n","%0a").replaceAll("#","%23")
+  '>#save</button>
+`;
+</script>
+</body>
+</html>
\ No newline at end of file

qrplay	Solfeggettio in C Minor
+ +	+ +
data:text/html,<meta%20name="viewport"%20content="width=device-width%20initial-scale=1.0"><textarea%20id=f></textarea><br><button%20onclick='/qrplay%20v1,%20nycki%20&%20SArpnt,%202025/v=f.value;T=[];Z=0;f.A=A=f.A\|\|new%20AudioContext;B=new%20GainNode(A,{gain:0.4});B.connect(A.destination);for(i=o=k=t=0,l=1;c=v[i++],d=v[i],c;z<0?0:z>29?k=1:z>28?k=0:k?0:z>27?(T[Z]=t,Z=+v.slice(i,i+=2),t=T[Z]\|\|0):z>17?t+=l:z<3?z?o+=g:(o=0,l=1/8):(console.log(z),z)&1?console.log(l=g):(a=new%20OscillatorNode(A,{type:`square`,detune:100(g+o+(d==`%23`)-(d==`!`))}),a.connect(B),a.start(t.4),t+=l,a.stop(t.4)))g=[,-12,12,4,-9,2,-7,1,-5,.5,-4,.25,-2,1/8,0,l/3,2,l1.5][z=`@-+wchdqeifsgta3b.x012456789z\npovukr\x27`.indexOf(c.toLowerCase())]'>%23play</button><button%20onclick='f.A.close();f.A=0'>%23stop</button>	;; title Solfeggettio +;; artist JS Bach +@i-e!ce!g+ce!dc-bgb+dgfe!de! +@ice!g+ce!dcdc-bagfe!d +@ie!ce!g+ce!dc-bgb+dgfe!d +@i+e!ce!g+ce!dcdc-bagfe!d +@i+e!c-ge!c++c-ge!a!--fa!+cfa!+ce! +@i+d-b!fd-b!++b!fdg--e!gb!+dgb!+d +@i+ge!dc-ge!dh.c