Artifact
d28ba143738bace821823af95b427e50a620ff7fbd75fa01983dba00e25d8d0c:
0000: 3c 21 64 6f 63 74 79 70 65 20 68 74 6d 6c 3e 0a <!doctype html>.
0010: 3c 68 74 6d 6c 3e 0a 0a 3c 68 65 61 64 3e 0a 20 <html>..<head>.
0020: 20 3c 6d 65 74 61 20 63 68 61 72 73 65 74 3d 22 <meta charset="
0030: 75 74 66 2d 38 22 20 2f 3e 0a 20 20 3c 74 69 74 utf-8" />. <tit
0040: 6c 65 3e 4d 75 73 69 63 69 61 6e 27 73 20 54 6f le>Musician's To
0050: 6f 6c 6b 69 74 3c 2f 74 69 74 6c 65 3e 0a 20 20 olkit</title>.
0060: 3c 73 63 72 69 70 74 20 73 72 63 3d 22 2e 2e 2f <script src="../
0070: 64 69 73 74 2f 4e 65 78 75 73 55 49 2e 6a 73 22 dist/NexusUI.js"
0080: 3e 3c 2f 73 63 72 69 70 74 3e 0a 20 20 3c 73 63 ></script>. <sc
0090: 72 69 70 74 20 73 72 63 3d 22 6a 73 2f 54 6f 6e ript src="js/Ton
00a0: 65 39 2e 6a 73 22 3e 3c 2f 73 63 72 69 70 74 3e e9.js"></script>
00b0: 0a 20 20 3c 6d 65 74 61 20 6e 61 6d 65 3d 22 76 . <meta name="v
00c0: 69 65 77 70 6f 72 74 22 20 63 6f 6e 74 65 6e 74 iewport" content
00d0: 3d 22 77 69 64 74 68 3d 32 30 30 2c 20 69 6e 69 ="width=200, ini
00e0: 74 69 61 6c 2d 73 63 61 6c 65 3d 31 22 3e 0a 3c tial-scale=1">.<
00f0: 2f 68 65 61 64 3e 0a 3c 62 6f 64 79 20 73 74 79 /head>.<body sty
0100: 6c 65 3d 22 6d 61 72 67 69 6e 3a 30 3b 70 61 64 le="margin:0;pad
0110: 64 69 6e 67 3a 30 3b 22 3e 0a 0a 0a 0a 20 20 3c ding:0;">.... <
0120: 64 69 76 20 73 74 79 6c 65 3d 22 66 6f 6e 74 2d div style="font-
0130: 73 69 7a 65 3a 32 35 70 78 3b 22 3e 0a 20 20 20 size:25px;">.
0140: 20 4e 65 78 75 73 55 49 20 54 69 6c 74 20 54 65 NexusUI Tilt Te
0150: 73 74 0a 20 20 3c 2f 64 69 76 3e 0a 0a 20 20 3c st. </div>.. <
0160: 73 70 61 6e 20 69 64 3d 22 74 69 6c 74 22 3e 3c span id="tilt"><
0170: 2f 73 70 61 6e 3e 0a 0a 20 20 3c 64 69 76 20 69 /span>.. <div i
0180: 64 3d 22 64 65 62 75 67 58 22 3e 7e 3c 2f 64 69 d="debugX">~</di
0190: 76 3e 0a 20 20 3c 64 69 76 20 69 64 3d 22 64 65 v>. <div id="de
01a0: 62 75 67 59 22 3e 7e 3c 2f 64 69 76 3e 0a 20 20 bugY">~</div>.
01b0: 3c 64 69 76 20 69 64 3d 22 64 65 62 75 67 5a 22 <div id="debugZ"
01c0: 3e 7e 3c 2f 64 69 76 3e 0a 0a 3c 2f 62 6f 64 79 >~</div>..</body
01d0: 3e 0a 3c 73 74 79 6c 65 3e 0a 62 6f 64 79 20 7b >.<style>.body {
01e0: 0a 20 20 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 68 . font-family:h
01f0: 65 6c 76 65 74 69 63 61 3b 0a 7d 0a 5b 6e 65 78 elvetica;.}.[nex
0200: 75 73 2d 75 69 5d 2c 20 64 69 76 20 7b 0a 20 20 us-ui], div {.
0210: 6d 61 72 67 69 6e 3a 31 30 70 78 3b 0a 7d 0a 3c margin:10px;.}.<
0220: 2f 73 74 79 6c 65 3e 0a 3c 73 63 72 69 70 74 3e /style>.<script>
0230: 0a 0a 20 20 4e 65 78 75 73 2e 63 6f 6e 74 65 78 .. Nexus.contex
0240: 74 20 3d 20 54 6f 6e 65 2e 63 6f 6e 74 65 78 74 t = Tone.context
0250: 3b 0a 0a 20 20 74 69 6c 74 20 3d 20 6e 65 77 20 ;.. tilt = new
0260: 4e 65 78 75 73 2e 54 69 6c 74 28 27 23 74 69 6c Nexus.Tilt('#til
0270: 74 27 29 3b 0a 0a 20 20 64 65 62 75 78 58 20 3d t');.. debuxX =
0280: 20 64 6f 63 75 6d 65 6e 74 2e 67 65 74 45 6c 65 document.getEle
0290: 6d 65 6e 74 42 79 49 64 28 22 64 65 62 75 67 58 mentById("debugX
02a0: 22 29 3b 0a 20 20 64 65 62 75 78 59 20 3d 20 64 ");. debuxY = d
02b0: 6f 63 75 6d 65 6e 74 2e 67 65 74 45 6c 65 6d 65 ocument.getEleme
02c0: 6e 74 42 79 49 64 28 22 64 65 62 75 67 59 22 29 ntById("debugY")
02d0: 3b 0a 20 20 74 69 6c 74 2e 6f 6e 28 27 63 68 61 ;. tilt.on('cha
02e0: 6e 67 65 27 2c 66 75 6e 63 74 69 6f 6e 28 76 29 nge',function(v)
02f0: 20 7b 0a 20 20 20 20 69 66 20 28 76 29 20 7b 0a {. if (v) {.
0300: 20 20 20 20 20 20 69 66 20 28 76 2e 78 29 20 7b if (v.x) {
0310: 0a 20 20 20 20 20 20 20 20 64 65 62 75 67 58 2e . debugX.
0320: 69 6e 6e 65 72 48 54 4d 4c 20 3d 20 7e 7e 28 76 innerHTML = ~~(v
0330: 2e 78 20 2a 20 31 30 30 30 29 3b 0a 20 20 20 20 .x * 1000);.
0340: 20 20 7d 0a 20 20 20 20 20 20 69 66 20 28 76 2e }. if (v.
0350: 79 29 20 7b 0a 20 20 20 20 20 20 20 20 64 65 62 y) {. deb
0360: 75 67 59 2e 69 6e 6e 65 72 48 54 4d 4c 20 3d 20 ugY.innerHTML =
0370: 7e 7e 28 76 2e 79 20 2a 20 31 30 30 30 29 3b 0a ~~(v.y * 1000);.
0380: 20 20 20 20 20 20 7d 0a 20 20 20 20 20 20 69 66 }. if
0390: 20 28 76 2e 7a 29 20 7b 0a 20 20 20 20 20 20 20 (v.z) {.
03a0: 20 64 65 62 75 67 5a 2e 69 6e 6e 65 72 48 54 4d debugZ.innerHTM
03b0: 4c 20 3d 20 7e 7e 28 76 2e 7a 20 2a 20 31 30 30 L = ~~(v.z * 100
03c0: 30 29 3b 0a 20 20 20 20 20 20 7d 0a 20 20 20 20 0);. }.
03d0: 7d 0a 20 20 7d 29 0a 0a 3c 2f 73 63 72 69 70 74 }. })..</script
03e0: 3e 0a 3c 2f 68 74 6d 6c 3e 0a >.</html>.