tton>' + '' + '

MY BEATS (TEMPLATES)

' + '

PROVENANCE

' + '
Upload or record one-shots, build a kit, then switch on “Play my kit”. Everything is stored on the server under your account.
'; var NOTE = ['C', 'C#', 'D', 'Eb', 'E', 'F', 'F#', 'G', 'Ab', 'A', 'Bb', 'B']; function nn(m) { return NOTE[m % 12] + (Math.floor(m / 12) - 1); } function sampleOpts(sel) { return '' + D.samples.map(function (s) { return ''; }).join(''); } function rng(p, k, lab, min, max, step, fmt) { return ''; } function f2(v) { return (+v).toFixed(2); } function renderPads() { var k = kit(), box = $('#es-kt-pads'); if (!k) { box.innerHTML = '
Make a kit first (New kit).
'; return; } box.innerHTML = PADS.map(function (P) { var p = k.pads[P[0]] || { sample: '', root: 60, start: 0, end: 1, a: 0.002, d: 0.2, s: 1, r: 0.08, gain: 0, choke: P[0] === 'hat' ? 1 : 0 }; return '
' + P[1] + '
' + (p.sample ? '
' + (P[2] ? rng(p, 'root', 'Root', 24, 96, 1, nn) : '') + rng(p, 'start', 'Start', 0, 0.99, 0.01, f2) + rng(p, 'end', 'End', 0.01, 1, 0.01, f2) + rng(p, 'a', 'A', 0, 1, 0.001, f2) + rng(p, 'd', 'D', 0, 2, 0.01, f2) + rng(p, 's', 'S', 0, 1, 0.01, f2) + rng(p, 'r', 'R', 0, 2, 0.01, f2) + rng(p, 'gain', 'Gain dB', -24, 12, 0.5, function (v) { return v; }) + rng(p, 'choke', 'Choke grp', 0, 4, 1, function (v) { return v ? v : 'off'; }) + '
' + (P[0] === 'chop' && p.slices ? '
' + p.slices.length + ' slices — lead notes from C4 pick slices
' : '') : '') + '
'; }).join(''); } $('#es-kt-pads').addEventListener('input', function (e) { var k = kit(), el = e.target, pk = el.getAttribute('data-pk'), padEl = el.closest('[data-pad]'); if (!k || !pk || !padEl || pk === 'sample') return; var pn = padEl.getAttribute('data-pad'), p = k.pads[pn]; if (!p) return; p[pk] = +el.value; var i = el.parentNode.querySelector('i'); if (i) i.textContent = pk === 'root' ? nn(p.root) : pk === 'gain' ? p.gain : pk === 'choke' ? (p.choke || 'off') : f2(p[pk]); dirty(); }); $('#es-kt-pads').addEventListener('change', function (e) { var k = kit(), el = e.target; if (!k || el.getAttribute('data-pk') !== 'sample') return; var pn = el.closest('[data-pad]').getAttribute('data-pad'); if (!el.value) delete k.pads[pn]; else { k.pads[pn] = Object.assign({ root: 60, start: 0, end: 1, a: 0.002, d: 0.2, s: 1, r: 0.08, gain: 0, choke: pn === 'hat' ? 1 : 0 }, k.pads[pn] || {}, { sample: el.value }); delete k.pads[pn].slices; loadBuf(el.value).catch(function () {}); } renderPads(); dirty(); }); $('#es-kt-pads').addEventListener('click', function (e) { if (e.target.getAttribute('data-pa') !== 'aud') return; var k = kit(), pn = e.target.closest('[data-pad]').getAttribute('data-pad'), p = k && k.pads[pn]; if (!p) return; ES.unlock().then(function () { return loadBuf(p.sample); }).then(function () { var g = new Tone.Gain(1).toDestination(); hit({}, p, p.root, Tone.now() + 0.02, 1.2, 0.9, g, pn === 'chop' && p.slices ? p.slices[0] : null); setTimeout(function () { g.dispose(); }, 4000); }).catch(function () { say('Could not play that sample.'); }); }); var saveT = null; function dirty() { $('#es-kt-save').textContent = 'Save kit •'; renderProv(); } function renderLib() { $('#es-kt-lib').innerHTML = D.samples.length ? D.samples.map(function (s) { return '
  • ' + (s.source === 'recording' ? 'rec' : 'upload') + ' · ' + (s.size / 1024 | 0) + ' KB
    • '; }).join('') : '
  • No samples yet.
    • '; $