Function createInstrumentsSection

src/ui/template.js:203–229

* Create the instruments section * @returns {HTMLElement}

()

 * @returns {HTMLElement}
 */
function createInstrumentsSection() {
  const mapping = document.createElement('div');
  mapping.className = 'mapping';

  const instruments = [
    { name: 'kick', desc: 'synthesized kick' },
    { name: 'snare', desc: 'noise snare' },
    { name: 'hat', desc: 'noise hat' },
    { name: 'clap', desc: 'layered noise clap' },
    { name: 'sine', desc: 'sine monosynth (use Pitch as MIDI)' },
    { name: 'square', desc: 'square monosynth (use Pitch as MIDI)' },
    { name: 'triangle', desc: 'triangle monosynth (use Pitch as MIDI)' },
    { name: 'noise', desc: 'broadband noise burst (ignore Pitch)' }
  ];

  instruments.forEach(inst => {
    const row = document.createElement('div');
    row.className = 'row';
    const code = document.createElement('code');
    code.textContent = inst.name;
    row.appendChild(code);
    row.appendChild(document.createTextNode(' – ' + inst.desc));
    mapping.appendChild(row);
  });

  return mapping;
}