Demos/jsxm
Watch
1
0
Fork
You've already forked jsxm
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

show the instruments

Browse source
This commit is contained in:
Andy Sloane 2015-10-31 11:39:04 -07:00
commit 6dee1787f3
2 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -7,14 +7,14 @@
<div><canvas id='gfxpattern' width=640 height=200></canvas></div> <div><canvas id='gfxpattern' width=640 height=200></canvas></div>
<pre id='debug'> <pre id='debug'>
</pre> </pre>
<pre id='pattern'> <pre id='instruments'>
</pre> </pre>
<pre> <pre>
code: <a href="http://github.com/a1k0n/jsxm/">github.com/a1k0n/jsxm</a> code: <a href="http://github.com/a1k0n/jsxm/">github.com/a1k0n/jsxm</a>
todo: todo:
- file picker, upload more xms to a host we can access cross-origin - file picker, upload more xms to a host we can access cross-origin
- make display even more faithfully FT2-like - make display even more faithfully FT2-like
- render instrument list - render instrument list in ft2 font
- oscilloscopes - oscilloscopes
- fix bugs! - fix bugs!
- envelope loops - are they right or not now? - envelope loops - are they right or not now?

15
xm.js
View file

@ -52,7 +52,9 @@ function RenderPattern(canv, pattern) {
// render instrument // render instrument
var inst = data[1]; var inst = data[1];
if (inst != -1) { // no instrument = render nothing if (inst != -1) { // no instrument = render nothing
ctx.drawImage(fontimg, 8*(inst>>4), 4*8, 4, 8, dx, dy, 4, 8); if (inst > 15) {
ctx.drawImage(fontimg, 8*(inst>>4), 4*8, 4, 8, dx, dy, 4, 8);
}
ctx.drawImage(fontimg, 8*(inst&15), 4*8, 4, 8, dx+4, dy, 4, 8); ctx.drawImage(fontimg, 8*(inst&15), 4*8, 4, 8, dx+4, dy, 4, 8);
} }
dx += 12; dx += 12;
@ -1137,6 +1139,17 @@ function playXM(arrayBuf) {
var gfxpattern = document.getElementById("gfxpattern"); var gfxpattern = document.getElementById("gfxpattern");
gfxpattern.width = _pattern_cellwidth * nchan + _pattern_border; gfxpattern.width = _pattern_cellwidth * nchan + _pattern_border;
var instrlist = document.getElementById("instruments");
var list = [];
for (var i = 0; i < ninst; i++) {
var inst = instruments[i];
if (inst == null) continue;
var n = (i+1).toString(16);
if (i < 15) n = ' ' + n;
list.push(n + " " + inst.name);
}
instrlist.innerHTML = list.join("\n");
// start playing // start playing
gainNode.connect(audioctx.destination); gainNode.connect(audioctx.destination);
} }