comments and stuff

2025-07-07 15:25:20 -07:00 · 2025-07-07 15:25:20 -07:00 · 91dc80dc23
commit 91dc80dc23
parent e2cf83c6ae
1 changed files with 97 additions and 0 deletions
--- a/static/qrplay/v2a.html
+++ b/static/qrplay/v2a.html
@ -0,0 +1,97 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>qrplay</title>
+</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="width=device-width initial-scale=1.0">
+<textarea id=f></textarea><br>
+<button onclick='
+/*qrplay v2a, nycki & SArpnt, 2025*/
+f.A&&f.A.close();
+B=new GainNode(f.A=A=new AudioContext,{gain:0.1});
+B.connect(A.destination);
+r=.4;		// speed in s/beat
+l=1;		// note length in beats
+T=[];		// elapsed beats per channel
+v=f.value;	// input text
+for(
+	i=o=k=t=Z=0;
+	// loop over input, look ahead one character for sharp/flat
+	// see bottom of loop for z and g initializers
+	c=v[i++],d=v[i],c;
+
+	z<0?0:		// unknown character, ignore
+	z>29?k=1:	// start of comment. P, O, V, U, K, R, not implemented.
+	z>28?k=0:	// end of comment
+	k?0: 		// middle of comment
+	z>27?(T[Z]=t,Z=+v.slice(i,i+=2),t=T[Z]||0):	// change channel
+	z>17?t+=l:	// rest
+	z<3?
+		z?o+=g:	// -+ change octave
+		(o=0,l=1/8):		// @ reset
+	z&1?console.log(l=g):	// change note length
+	(	// play note
+		a=new OscillatorNode(A,{
+			type:`square`,
+			detune:100*(g+o+(d==`#`)-(d==`!`))	// # sharp or ! flat
+		}),
+		a.connect(B),a.start(t*r),t+=l,a.stop(t*r)
+	)
+// type of g varies depending on the operation
+) 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())]
+'>#play</button> <button onclick='f.A.close()'>#stop</button>
+<!-- stop snipping here -->
+
+<button onclick='
+// quick and dirty url encode for sending song as a link
+window.location.search = "?"+f.value.replaceAll(" ","%20").replaceAll("\n","%0a").replaceAll("#","%23");
+'>#save</button>
+
+<script>
+f.value=(f.value
+	|| window.location.search.slice(1).replaceAll('%20', ' ').replaceAll('%0a','\n').replaceAll('%0A','\n').replaceAll('%23', '#')
+	|| s.value
+);
+</script>
+
+<hr>
+
+<table style="text-align: center;">
+    <tr><td>qrplay</td><td>Solfeggetio 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">'Solfeggettio in C Minor by 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>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>
+
+</body>
+</html>