45:["$","title",null,{"children":"MNR elements - multiple svg | Paolo Andrenacci | Observable"}] 4d:T5c1,trackPanelStyle=4e:Ta8d,uipanel = { let container = htl.html`

`; function tr(id) { let div = $(`

${id+1}

V 1

`); div.on('click', function() { ucManager.set({showDyn:id}); }); if (id == 0) div.css("clear", "left"); if (id < 4) div.css("border-top", "1px solid #c0c0c0"); if ((id % 4) == 0) div.css("border-left", "1px solid #c0c0c0"); return div; } let h = $(`

Song title

Master version
1

MIDI out port

play send prg chg

density: regularity:

𝄆 loop 𝄇 1 length: min max

`); for(let i=0;i<16;i++) h.append(tr(i)); container.appendChild(h[0]); return container; }4f:T56d,graphMonitor2 = { let song=null, uc=null; if (typeof globals.graphCompensationMs!='number') { globals.graphCompensationMs = 200; //millisec globals.graphCompensationSliderValue = 500; } let bottomDiv = $(`

latency compensation

`); let compslider = $('.comp', bottomDiv); compslider.on('input change', onCompChange); function onCompChange() { console.log('on compensation'); globals.graphCompensationSliderValue = compslider.val(); let norm = globals.graphCompensationSliderValue/500-1; let ms = Math.round(200*Math.pow(5,norm)); $('.comp-value', bottomDiv).text(ms+' ms'); globals.graphCompensationMs = ms; try { trackCursorPosition.setCompensationDelay(globals.song.bpm, globals.graphCompensationMs); }catch(e) {} } setTimeout(onCompChange,1000); let div = htl.html`

`; let svgContainer = htl.html`

`; $(svgContainer).css({height: setup.graphHeight.dyn+setup.graphHeight.melody}); $(div).append(svgContainer).append(bottomDiv); backgroundLayer(svgContainer); melodyLayer(svgContainer); dynLayer(svgContainer); cursorLayer(svgContainer); return div; }50:T8c3,mnrFlags = { let h = htl.html`

`; let sub1 = $(`

`).appendTo(h); let sub2 = $(`

`).appendTo(h); let tab = $(`

	Song title	Master version	Track	Track version
Melody contour depends on
Rythm & dynamics depends on
Loop depends on
Program depends on
BPM depends on
Scale depends on

`).appendTo(sub1); let checks = [[],[],[],[],[],[]]; let fchecks = []; for(let row=0; row<6;row++) { let ncol = row<4 ? 4 : 2; for(let col=0;col').appendTo(d); checks[row][col] = ch; fchecks.push(ch); } } function initKeybd() { for(let key=0; key<12; key++) { let inp =$(` `).appendTo(sub2); if ([1,3,6,8,10].indexOf(key)>=0) inp.addClass('bkey'); else inp[0].checked = true; } $('

Scale

').appendTo(sub2); $(`

S 1 custom

`).appendTo(sub2); } initKeybd(); return h; }51:T1276,function melodyLayer(container) { let song = null, uc = null; const MELODYCLASS = 'mnr-melody'; let playingNotes = []; let scaleX,scaleY; function update() { if (!uc || !song) return; let oldMelody = $('.'+MELODYCLASS, container).css({ zIndex: setup.zIndex.events + 1 }); let dynheight = setup.graphHeight.dyn; let height = setup.graphHeight.melody; let tlen = setup.tpq * setup.blen; scaleY = d3.scaleLinear().domain([setup.pitch.limits.min, setup.pitch.limits.max]).range([height + dynheight, dynheight]) scaleX = d3.scaleLinear().domain([0, tlen]).range([0, width]); let isLoop = uc.loop.flag; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height + dynheight]) .classed('melody', true) .style('z-index', setup.zIndex.melody); for (let ti = 0; ti < 16; ti++) { let view = (uc.solo < 0 && uc.on[ti] && !uc.hide[ti]) || uc.solo == ti; if (!view) continue; let track = song.tracks[ti]; for (let fase of [0, 1]) { let data = []; let start = !isLoop || fase == 0 ? 0 : track.left; let end = !isLoop || fase == 0 ? track.tlen : track.right; let swidth = fase == 0 ? .35 : (isLoop ? 2 : 1); for (let t = start; t < end; t++) data.push({ tick: t, pitch: track.pitchArray[t], track: ti }); let line = d3.line() .x(x => scaleX(x.tick)) .y(x => scaleY(x.pitch)); svg.append("path") .datum(data) .attr("fill", "none") .attr("stroke", color(ti, .3)) .attr("stroke-width", swidth) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); } let start = !isLoop ? 0 : track.left; let end = !isLoop ? track.tlen : track.right; for (let ev of track.events) { if (ev.tick < start || ev.tick >= end) continue; let note = svg.append("circle") .classed('svg_note', true) .attr('track', "" + ti) .attr("cx", scaleX(ev.tick)) .attr("stroke", color(ti, .2)) .attr("cy", scaleY(scalemap(ev.note) - .5)) .attr("r", 3) .style("fill", color(ti, .7)); playingNotes.push({ track: ti, el: note, start: ev.tick, end: ev.tick + ev.tlen, on: false }); } // events } // tracks var node = svg.node(); $(node) .css({ border: '1px solid #c0c0c0', width: '100%', zIndex: setup.zIndex.events }) .addClass(MELODYCLASS) .appendTo(container); oldMelody.remove(); } function updateCursor() { if (!uc || !song || !scaleX || !scaleY) return; let isLoop = ucManager.data.loop.flag; try { if (!isLoop) { let pos = trackCursorPosition.getcur(0, true); if (pos == null) return; for(let n of playingNotes) { let isOn = (pos>=n.start) && (pos<=n.end); n.el.attr("r", isOn ? 7 : 3); } } else { //console.log('upd curs mel loop '); for (let ti = 0; ti < globals.song.tracks.length; ti++) { let track = globals.song.tracks[ti]; let view = (uc.solo < 0 && uc.on[ti] && !uc.hide[ti]) || uc.solo == ti; if (!view) continue; //console.log('upd curs mel loop '+ti); let pos = trackCursorPosition.getcur(ti, true); if (pos == null) continue; //console.log('upd curs mel loop '+ti+' b'); let nf = playingNotes.filter(n=>n.track==ti); //console.log>('nf '+nf.length); for(let n of nf) { let isOn = (pos>=n.start) && (pos<=n.end); n.el.attr("r", isOn ? 7 : 3); } } } } catch (e) { console.log(e); } } let bounced = bounce(update, 50); events.on('song', x => { song = x; bounced(); }); events.on('user-choices', x => { uc = x; bounced(); }); events.on('update-cursor', updateCursor); }52:Tce8,function cursorLayer(container) { let uc = ucManager.data; let dynheight = setup.graphHeight.dyn; let height = setup.graphHeight.melody; let tlen = setup.tpq * setup.blen; let isLoop = uc.loop.flag; let playCursor = []; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height + dynheight]) .classed('cursor', true) .style('z-index', setup.zIndex.cursor); var scaleY = d3.scaleLinear().domain([setup.pitch.limits.min, setup.pitch.limits.max]).range([height + dynheight, dynheight]) var scaleX = d3.scaleLinear().domain([0, tlen]).range([0, width]); let masterCursor = svg.append("line") .attr("stroke-width", 1.5) .style("stroke", '#c0c0c0c0') .attr('y1', scaleY(setup.pitch.limits.min)) .attr('y2', scaleY(setup.pitch.limits.max) - dynheight); for (let ti = 0; ti < 16; ti++) { playCursor[ti] = svg.append("line") .attr("stroke-width", 4) .classed('track-cursor',true) .style("stroke", color(ti, .4)); } function setUc() { let isLoop = ucManager.data.loop.flag; masterCursor.attr('visibility', isLoop?"hidden":"visible"); for (let ti = 0; ti < playCursor.length; ti++) { let view = (uc.solo < 0 && uc.on[ti] && !uc.hide[ti]) || uc.solo == ti; let cursor = playCursor[ti]; if (cursor) cursor.attr('visibility', view ? 'visible':'hidden'); } } events.on('user-choices', setUc); events.on('song', setUc); events.on('update-cursor', updateCursor); function updateCursor() { let isLoop = ucManager.data.loop.flag; try { if (!isLoop) { let pos = trackCursorPosition.getcur(0, true); if (pos == null) return; let x = scaleX(pos); masterCursor.attr('x1', x).attr('x2', x); } for (let ti = 0; ti < globals.song.tracks.length; ti++) { let view = (uc.solo < 0 && uc.on[ti] && !uc.hide[ti]) || uc.solo == ti; let cursor = playCursor[ti]; if (!view) continue; let track = globals.song.tracks[ti]; let pos = trackCursorPosition.getcur(ti, true); if (pos == null) continue; if (typeof (pos) != 'number') continue; if (cursor) { let x, y; try { x = scaleX(pos); y = scaleY(track.pitchArray[pos] ); if (typeof (y) != 'number') continue; cursor.attr('x1', x); cursor.attr('x2', x); cursor.attr('y1', y - 5); cursor.attr('y2', y + 5); } catch (e) { console.log({ y, pos, ti, e }) } } } } catch (e) { console.log(e); } } var node = svg.node(); $(node).css({ border: '1px solid #c0c0c0', width: '100%' }); $(container).append(svg.node()); }53:T52f,function backgroundLayer(container) { let dynheight = setup.graphHeight.dyn; let height = setup.graphHeight.melody; let tlen = setup.tpq * setup.blen; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height + dynheight]); var scaleY = d3.scaleLinear().domain([setup.pitch.limits.min, setup.pitch.limits.max]).range([height + dynheight, dynheight]) var scaleX = d3.scaleLinear().domain([0, tlen]).range([0, width]); // bars for (let k = 0; k < setup.blen; k++) { let x = scaleX(k * setup.tpq); svg.append("line") .attr("x1", x).attr("y1", scaleY(0)).attr("x2", x).attr("y2", scaleY(128)) .attr("stroke-width", .35).style("stroke", '#404040'); } // black keys for (let k = setup.pitch.limits.min; k <= setup.pitch.limits.max; k++) { let rk = k % 12; let black = (rk == 1) || (rk == 3) || (rk == 6) || (rk == 8) || (rk == 10); if (black) svg.append("rect") .attr("x", scaleX()).attr("y", scaleY(k)) .attr("width", scaleX(tlen) - scaleX(0)) .attr("height", -scaleY(k + 1) + scaleY(k)) .attr("fill", `#d8d8d8`); } svg.classed('graph-background', true).style('z-index', setup.zIndex.bg); $(container).append(svg.node()); }54:T7e3,function dynLayer(container) { let song=null, uc=null; const dynheight = setup.graphHeight.dyn; const height = setup.graphHeight.melody; const dynClass = 'DYN-GRAPH'; function update() { if (!uc || !song) return; let dyntrack = song.tracks[uc.showDyn]; if (!dyntrack) return; console.log('showDynGraph '+uc.showDyn); let oldDyn = $('.'+dynClass, container).css({zIndex: setup.zIndex.threshold+1}); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height + dynheight]) svg.classed(dynClass, true); let tlen = setup.tpq*setup.blen; let isLoop = uc.loop.flag;; var dscaleY = d3.scaleLinear().domain([0,1]).range([dynheight, 0]) var scaleX = d3.scaleLinear().domain([0, tlen]).range([0, width]); // draw mask let thr = []; for(let t=0;td.x) .y0(dscaleY(128)) .y1(d=>d.y) ); for(let ev of dyntrack.events) { let t = ev.tick; let m = dyntrack.tnorm[t]; svg .append("line") .attr("x1", scaleX(t)).attr("y1", dscaleY(0)).attr("x2", scaleX(t)).attr("y2", dscaleY(m)) .attr("stroke-width", 2).style("stroke", color(uc.showDyn,.25)); } $(svg.node()).css({zIndex: setup.zIndex.threshold}).appendTo(container); oldDyn.remove(); } let bounced = bounce(update,250); events.on('song', x=>{ song=x; bounced();}); events.on('user-choices', x=>{ uc=x; bounced();}); return bounced; }55:T425, setup = yield { pitch:{ limits:{min:25, max:95}, range1:{min:5, max:18}, range2:{min:3, max:12}, period1: {min:9, max:100}, //beats period2: {min:.9, max:10}, //beats }, bpm: { min:60, max:200 }, ntracks: { min: 1, max: 10 }, dyn:{ range1: {min:.1, max:1}, range2: {min:0, max:1}, range3: {min:0, max:1}, vmin: {min:10, max:45}, vmax: {min:80, max:110}, maskrange: { min:25, max: 100 }, bias: {min: -.05, max: .35}, }, tpq: 48, // ticks per quarter blen: 48, // length in 4th of whole phrase nativeClock: false, graphHeight: { dyn:90, melody:360 }, scaleTemplates: [ [[0,2,4,5,7,9,11], 5], //diatonic [[0,1,2,3,4,5,6,7,8,9,10,11], 2],// chromatic [[0,3,5,7,10], 4], // pentatonic [[0,2,3,5,7,9,11],1], // melodic minor [[0,2,3,5,7,8,11],1], // armonic minor [[0,2,3,5,6,8,9,11],1], // dim [[0,2,4,6,8,10],1] // esatonal ], zIndex: { bg: 100, melody: 200, events:300, threshold:400, mask:500, cursor:600 } }56:Tbd1,function makeTrackDyn(track, version, computePitch) { let { id, chan } = track; let tlen = setup.blen*setup.tpq; let r = randomizer(seeds.channels[chan].rythm); let td = setup.dyn; let trmask=[], tnorm, noteLen=[]; for(var i=0;iMath.max(a,b)); return tab.map(x=>x/max); } function computeMask() { let periods = periodTemplate[Math.floor(r()*periodTemplate.length)]; let cpx = 1-ucManager.data.delta.regularity/1000; cpx = Math.pow(cpx,2); for(var px=0;pxx*Math.pow(exp, r()*2-1)); let trnd = tnorm.map(x=>x==0?0:r()); tnorm = tnorm.map(x=>x==0?0:utils.linMix(x, r(),cpx)); tnorm = norm(tnorm); } computeMask(); function computeThreshold() { let deltaBias =1-2*(ucManager.data.delta.density/1000); deltaBias *= deltaBias*deltaBias; let bias = utils.linMixRange(td.bias, r())+deltaBias; let dwd = [r(), r(), r()].map(x=>x*2-1); // between -1 and 1 let ph = [r(), r(), r()]; let rs = [.5,2/3,1,2,3,4,5,6,7,8]; track.dyndiv = [rs[Math.floor(r()*rs.length)], rs[Math.floor(r()*rs.length)], setup.blen]; let df = track.dynf = track.dyndiv.map(x=>1/(x*setup.tpq)); let dph = track.dynph = [r(), r(), r()]; let dw = track.dynw = [utils.expMixRange(td.range1, r()), utils.linMixRange(td.range2, r()), utils.linMixRange(td.range3, r())]; track.tsh = []; for(let t=0;tx+bias); } computeThreshold(); let events = []; let vmin = utils.linMixRange(td.vmin, r()); let vmax = utils.linMixRange(td.vmax, r()); for(let i=0;iev2.tick) ev.tlen = ev2.tick-ev.tick; } Object.assign(track, {tlen, tnorm,events }); track.trmask = trmask; track.tnorm = tnorm; return track; }57:Tc8e,updateUI = { let song, uc; function doit() { let container = $('.tp-container'); function updateScale() { let sc = uc.scale.value; if (!uc.scale.custom && globals.song) sc = globals.song.scale; let container = $('.scale-keyboard'); for( var i=0; i<12;i++) { let k = $('.key'+i, container)[0]; k.disabled = !uc.scale.custom; k.checked = false; } $('.scale-index').text('S '+(uc.scale.index+1)); for(var i=0; iselect midi out port').appendTo(psel); let ports = midiout.getPorts(); for(var p of ports) $(``).appendTo(psel); } else { container.addClass('midi-on'); } } initMidi(); try { $('.mnr-title', container).val(uc.title); $('.sendpc', container)[0].checked = uc.sendpc; $('.toggle-loop', container)[0].checked = uc.loop.flag; $('.loop-index', container).text(1+uc.loop.index); $('.loop-min-len', container).val(uc.loop.minlen); $('.loop-max-len', container).val(uc.loop.maxlen); $('.density', container).val(uc.delta.density); $('.regularity', container).val(uc.delta.regularity); } catch(e) { console.log(e); console.log({c:container, c0:container[0], spc:$('.sendpc', container)}); } for (let ti = 0; ti < 16; ti++) { let isSolo = uc.solo == ti; let playOn = (uc.solo < 0 && uc.on[ti]) || isSolo; let viewOn = (uc.solo < 0 && !uc.hide[ti]) || isSolo; $('.mver', container).text(uc.version[16] + 1); let tdiv = $('.track'+ti, container); tdiv.css({ color: playOn ? color(ti, .3) : '#707070', backgroundColor: playOn ? color(ti, .95) : '#c0c0c0' }); let bon = $(".bon", tdiv); let bhide = $(".bhide", tdiv); let bsolo = $(".bsolo", tdiv); $('.loop-index', container).text(uc.loop.index + 1); bon.css({ color: playOn ? color(ti, .3) : '#707070', fontWeight: playOn ? "bold" : "normal", }); let hideon = (uc.solo < 0) && uc.hide[ti]; bhide.css({ color: hideon ? color(ti, .3) : '#a0a0a0', fontWeight: hideon ? "bold" : "normal", }); bsolo.css({ color: uc.solo == ti ? color(ti, .3) : '#a0a0a0', fontWeight: uc.solo == ti ? "bold" : "normal", }); $('.track-g', tdiv).text('V '+(uc.version[ti]+1)); } $('option', container).on('click', function(evt3) { console.log({evt3});}); } function update() { try { if (uc&&song&&mnrFlags&&uipanel) doit(); } catch(e) { console.log(e); //debugger; setTimeout(update,100); } } events.on('song', x=>{ song=x; update();}); events.on('user-choices', x=>{ uc=x; update();}); return update; }58:T1563,uiEvents = { uipanel; mnrFlags; let uc = ucManager.read; let ucset = ucManager.set; let container = $('.tp-container'); let cur = ucManager.read(); $('input,button,option,select', container).off('click').off('input').off('change'); function midiPort() { let psel = $('.out-ports', container); let cur = midiout.cur(); psel.on('change', function(evt) { let val = psel.val(); if (val!='0') { midiout.open(val); setTimeout(updateUI, 300); } }); $('.close-midi', container).off('click').on('click', function() { midiout.close(); setTimeout(updateUI, 300); }); } function startAndStop() { let checkbox = $('.midi-play',container); checkbox.on('click', function(){ let v = checkbox[0].checked; if (v) songstart(); else songstop(); setTimeout(updateUI, 100); }); } function songTitle() { let title = $('.mnr-title', container); title.on('input change', () => ucset({ title: title.val() })); $('.mnr-title-button', container).on('click', () => { title.val(rndtext); title.trigger('change');}); } function setupTrack(ti) { let tdiv = $('.track' + ti, container); $('.decr-g', tdiv).on('click', () => addVersion(-1)); $('.incr-g', tdiv).on('click', () => addVersion(1)); $('.bon', tdiv).on('click', togglePlay); $('.bhide', tdiv).on('click', toggleView); $('.bsolo', tdiv).on('click', toggleSolo); function addVersion(delta) { let version = uc().version; console.log('add v '+delta+' '+version[ti]); version[ti] = Math.max(version[ti] + delta, 0); console.log('add v2 '+delta+' '+version[ti]); console.log('add v '+delta+' '+version[ti]); ucset({ version, showDyn: ti }); } function toggleSolo() { let cur = uc(); if (cur.solo == ti) cur.solo = -1; else cur.solo = ti; ucset({ solo: cur.solo }); if (cur.solo == ti) ucset({ showDyn: ti }); } function togglePlay(evt) { let on = uc().on; on[ti] = !on[ti]; ucset({ on }); if (on[ti]) ucset({ showDyn: ti }); } function toggleView(evt) { let hide = uc().hide; hide[ti] = !hide[ti]; ucset({ hide }); if (!hide[ti]) ucset({ showDyn: ti }); } } for (let i = 0; i < 16; i++) setupTrack(i); function songstop() { console.log('song stop'); if (!globals.playing) return; globals.clockstop(); globals.playing = false; $('.bstart', container).text('start'); } function togglePlay() { console.log('click ' + globals.playing); if (globals.playing) songstop(); else songstart(); } function addMasterVersion(delta) { let version = uc().version; version[16] = Math.max(version[16] + delta, 0); ucset({ version }); } $('.bstart', container).on('click', togglePlay); let sendpc = $('.sendpc', container).on('click', () => ucset({ sendpc: sendpc[0].checked })); $('.mv-decr', container).on('click', () => addMasterVersion(-1)); $('.mv-incr', container).on('click', () => addMasterVersion(1)); function setLoop(delta) { delta = delta || 0; let loop = uc().loop; loop.index = Math.max(loop.index + delta, 0); loop.flag = $('.toggle-loop', container)[0].checked; loop.minlen = $('.loop-min-len', container).val() - 0; loop.maxlen = $('.loop-max-len', container).val() - 0; ucset({ loop }); } function setDensity() { let density = $('.density', container).val()-0; let regularity = $('.regularity', container).val()-0; let delta = {density, regularity}; ucset({ delta }); } function compositionParams() { $('.loop-decr', container).on('click', () => setLoop(-1)); $('.loop-incr', container).on('click', () => setLoop(1)); $('.toggle-loop, .loop-min-len, .loop-max-len', container).on('click input', ()=>setLoop(0)); $('.density,.regularity', container).on("scroll input", setDensity); } function onFlagsChanged(deltaScale) { console.log('onFlagsChanged'); function getMnrflags() { let mask=1, val = 0; let fchecks = $('.mnr-flags input.mflag'); for(var i=0;i<20;i++) { if (fchecks[i].checked) val+=mask; mask += mask; } return val; } ucManager.set({flags:getMnrflags()}); let scale = ucManager.data.scale; scale.custom = $('.mnr-flags .custom-kbd')[0].checked; scale.index = Math.max(0, scale.index+deltaScale); let keys = $('.mnr-flags input.key');scale.value if (scale.custom) { scale.value = []; for(let key=0;key<12;key++) if (keys[key].checked) scale.value.push(key); if (scale.length==0) scale.value.push(0); } ucManager.set({scale}); } $('input,button,option,select', '.mnr-flags').off('click input change'); $('input', '.mnr-flags').on('click input change', ()=>onFlagsChanged(0)); $('.incr-scale', '.mnr-flags').on('click input change', ()=>onFlagsChanged(1)); $('.decr-scale', '.mnr-flags').on('click input change', ()=>onFlagsChanged(-1)); midiPort(); startAndStop(); songTitle(); compositionParams(); return true; }59:T745,trackCursorPosition = { let tcp = { }; let tcount = 0; let cur = [], n; let masterTrack = {left:0, right:setup.blen*setup.tpq}; let delay = [], delCur; let delayTicks = 3, bpm=1; const MAXDELAY = 1000; globals.delay = delay; function cleandelay() { for(var i=0; i<16+1;i++) { delay[i] = []; for(var j=0; j=MAXDELAY) delayTicks = MAXDELAY-1; globals.delayTicks = delayTicks; console.log('dt:'+delayTicks); } function getcur(ti, withCompensation) { dashboard.set(4, ['getcur',ti,withCompensation, delayTicks].join(' ')) let ret; if (!ucManager.data.loop.flag) ti=16; if (!withCompensation) ret = cur[ti]; else { ret = delay[ti][(delCur-delayTicks)%MAXDELAY]; } return ret; } Object.assign(tcp, { getcur, step, reset, setCompensationDelay }); globals.tcp = tcp; console.log('NEW GLOBALS:TCP'); return tcp; }5a:T96c,function makeTrack(ti) { let uc = ucManager.data; let id = ti, chan=ti, version = uc.version[ti] let track = { id, chan }; let tlen = setup.blen*setup.tpq; let tr = randomizer(seeds.channels[chan].timbre); track.program = Math.floor(tr()*128); // console.log('pg['+ti+']='+track.program); let r = randomizer(seeds.channels[chan].melody); let tp = setup.pitch; let range1 = utils.expMixRange(tp.range1, r()); let range2 = utils.linMixRange(tp.range2, r()); let period1 = utils.expMixRange(tp.period1, r()); // period in beats period1 = period1*setup.tpq; // period in ticks period1 = adjustPeriod(period1); let f1 = 1/period1; let ph1 = r(); let period2 = utils.expMixRange(tp.period2, r()); // period per beat period2 = period2*setup.tpq; // period in ticks period2 = adjustPeriod(period2); let f2 = 1/period2; let ph2 = r(); let wd1 = r()*2-1; // between -1 and 1 let wd2 = r()*2-1; // let wd1 = -1+r()*2; // let wd2 = -1+r()*2; function computePitch(t) { let s1 = envWave(t*f1+ph1, wd1); let s2 = envWave(t*f2+ph2, wd2); let y = s1*range1+s2*range2; return y; } let pitchArr = utils.toarr(computePitch, 0, tlen, 1); let pmin = pitchArr.reduce((a,b)=>Math.min(a,b)); let pmax = pitchArr.reduce((a,b)=>Math.max(a,b)); let d1 = tp.limits.min-pmin; let d2 = tp.limits.max-pmax; let delta = utils.linMix(d1,d2,r()); let nComputePitch = x=>computePitch(x)+delta; track.pitch = nComputePitch; track.pitchArray = []; for(var i=0; i< setup.tpq*setup.blen;i++) track.pitchArray[i] = nComputePitch(i); makeTrackDyn(track, version, nComputePitch); if (!uc.loop.flag) { track.left = 0; track.right = setup.blen*setup.tpq; } else { let lr = randomizer(seeds.channels[chan].loop).sub(""+uc.loop.index); let llrange = [1.5, setup.blen-3]; let minLoopLen = llrange[0]+(llrange[1]-llrange[0])*uc.loop.minlen/1000; let maxLoopLen = llrange[0]+(llrange[1]-llrange[0])*uc.loop.maxlen/1000; let loopLenBeat = utils.linMix(minLoopLen, maxLoopLen,r()); loopLenBeat = .5*Math.floor(loopLenBeat*2); let loopLen = loopLenBeat*setup.tpq; //console.log({loopLenBeat,loopLen,ti}); let loopStart = .5*Math.floor((setup.blen-loopLenBeat)*2*lr())*setup.tpq; let loopEnd = loopStart+loopLen; track.left = loopStart; track.right = loopEnd; } return track; }5b:T69f,utils = { const linMix = (a,b,w) => a+(b-a)*w; const expMix = (a,b,w) => a*Math.pow(b/a,w); const expMixRange = (r,w) => r.min*Math.pow(r.max/r.min,w); const linMixRange = (r,w) => r.min+(r.max-r.min)*w; const objdump = obj=>JSON.stringify(obj).replace(/"/g, ""); const objdump2 = obj=>objdump(obj).replace(/{/g, "").replace(/}/g, ""); const clone = x=>JSON.parse(JSON.stringify(x)); const fract = x=>x-Math.floor(x); function toarr(fun, from, to, step) { let arr = []; for(let x= from; x<=to; x+=step) arr.push(fun(x)); return arr; } function normalizeArray(arr) { let max = arr.reduce((a,b)=>Math.max(a,b)); let min = arr.reduce((a,b)=>Math.min(a,b)); return arr.map(x=>(x-min)/(max-min)); } function funMinMax(fun, x0, x1, nstep) { var ret= {}; ret.min = ret.max = fun(x0); for(var i=1;i<=nstep; i++) { ret.min = Math.min(ret.min, fun(x0+(x1-x0)*i/nstep)); ret.max = Math.max(ret.max, fun(x0+(x1-x0)*i/nstep)); } return ret; } function normalizeFun(fun,xmin,xmax,step) { let arr = toarr(fun, xmin, xmax, step); let max = arr.reduce((a,b)=>Math.max(a,b)); let min = arr.reduce((a,b)=>Math.min(a,b)); return x=>(fun(x)-min)/(max-min); } function mask2flags(mask, n) { let m=1, arr=[] for(let i=0; i .gm-bottom { text-align: right; } .gm-bottom .comp-value { min-width: 61px; display: inline-block; font-family: calibri; font-size: 12px; } .mnr-flags { font-family: calibri; position:relative; overflow:hidden; } .mnr-flags .sub { float: left; min-width: 49.9%; text-align: center; } .mnr-flags .sub .key { position:relative; margin: 0; top: 11px; width: 15px; } .mnr-flags .sub .key5 { margin-left:8px; } .mnr-flags .sub .bkey { top:-3px; } .mnr-flags .sub2 { padding-top:40px; } .mnr-flags .kblabel { font-size: 16px; width: 100%; margin-top: 16px; } .mnr-flags table { border-collapse: collapse; width: 460px; margin-top:0; } .mnr-flags .odd-row { background-color: #e8e8e8; } .mnr-flags td { font-size: 14px; text-align: center; vertical-align: top; padding: 3px 0px 0px 5px; } .mnr-flags td.aleft { text-align: left; width:240px; } .svg-container { position:relative; overflow:hidden; } .svg-container > svg{ position:absolute; left:0; top:0; } .gm-bottom { font-family: calibri; } 5e:T41c,playTrackEvents = { function f(t) { dashboard.set(1, 'playTrackEvents: '+t); let uc = ucManager.data; let song = globals.song; if (!song) return; for(let ti=0; tiopenPort, debug:outPorts}; function getPorts() { outPorts = midiPorts().output; let ret = []; for(var k in outPorts) ret.push({name:k, isOpen: outPorts[k]==openPort}); console.log({ret}); //debugger; //ret.sort((a,b)=>a.name.toLowerCase().localCompare(b.name.toLowerCase())); return ret; } async function open(name) { if (openPort==name) return; if (openPort!=null) await close(openPort); console.log('open '+name); await outPorts[name].open(); openPort = name; } async function close() { if (openPort==null) return; console.log('close '+openPort); await outPorts[openPort].close(); openPort = null; } function send(a,b) { if (openPort==null) return; let port = outPorts[openPort]; try { if (typeof(b)=='undefined') port.send(a); else port.send(a,b); } catch(e) { console.log('error on midisend ',{a,b,e}); } } return ret; }60:[] 49:{"id":"fbb0d6618003403b","slug":"mnr-elements-multiple-svg","title":"MNR elements - multiple svg","thumbnail":"12d0614f749bf0daa0744dc4a25df4b6c19c8da556855bdca9437c7ee0d4be7b","access_level":"public","create_time":"$D2023-08-14T12:26:32.202Z","update_time":"$D2023-08-19T17:47:15.033Z","view_time":null,"first_public_time":"$D2023-08-14T12:26:32.202Z","has_unpublished_edits":null,"fork":{"id":"ece0bf1287dd4f4d","slug":"mnr-elements-prove-new-seed","title":"MNR elements - prove new seed","owner":{"id":"8f312c34120e2497","login":"paoloandrenacci","name":"Paolo Andrenacci"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8f312c34120e2497","login":"paoloandrenacci","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/6afb12025151f7f643997ab2f4d1b47d21d89c84205415400758c66fd4058382","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":4889,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"00e56cf4dcae3d7a","login":"paoloandrenacci","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/6afb12025151f7f643997ab2f4d1b47d21d89c84205415400758c66fd4058382","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"00e56cf4dcae3d7a","login":"paoloandrenacci","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/6afb12025151f7f643997ab2f4d1b47d21d89c84205415400758c66fd4058382","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"MNR elements - multiple svg","cells":[{"id":0,"value":"# MNR elements - multiple svg","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2358,"value":"$4d","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4017,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4347,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3107,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3277,"value":"userChoices = ucManager.gen;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3139,"value":"seeds = {\n let srcs = ['title','mversion','channel','cversion'];\n let dests = ['melody','rythm','loop','timbre','bpm','scale'];\n const v = userChoices.flags || 0;\n const isOn = i=>(v&(1<\n \n save link: \n ${url}\n \n \n save link (with version): \n ${urlv}\n \n\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"song = {\n if (globals.clockreset)\n globals.clockreset();\n\n let song = { bpm:0, tracks:[] };\n let rbpm = randomizer(seeds.bpm);\n let rscl = randomizer(seeds.scale+ ' sc'+ucManager.data.scale.index);\n song.bpm = Math.floor(utils.expMixRange(setup.bpm, rbpm()));\n song.scale = randomScale(rscl);\n async function setTrackVersion(ti) {\n let track = song.tracks[ti] = makeTrack(ti);\n\n changeProgram(track);\n return song;\n }\n let ntracks = 16;\n for(var ti=0; ti=0)?userChoices.solo : 16);\n let scale = 'k'+[userChoices.scale.custom?1:0, userChoices.scale.value.reduce((acc,cur,idx)=>acc+(1<x.substring(1));\n let [on,hide,solo,scale,flags, groups, loop, sendpc, delta, title] = parts;\n console.log( {on,hide,solo,scale,flags, groups, loop, sendpc, delta, title});\n let sc=[],keys = utils.mask2flags(scale,12);\n loop = loop.split('.').map(x=>x-0);\n for(var i=0;i<12;i++)\n if (keys[i])\n sc.push(i);\n let deltas = delta.split('.').map(x=>x-0);\n \n return {\n on: utils.mask2flags(on, 16),\n hide: utils.mask2flags(hide, 16),\n solo : solo-0>=16?-1:solo-0,\n scale: sc,\n flags: flags-0, \n version:groups.split('.').map(x=>x-0), \n loop: { flag:loop[0]!=0, index:loop[1], len: loop[2]}, \n sendpc: sendpc!='0',\n delta: { density:deltas[0], regularity: deltas[1]},\n title\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3272,"value":"ucManager = {\n const BOUNCE = 50; // ms\n let bounceTimeout=null;\n let url = document.URL;\n let x = url.split('#')[1];\n \n let cur = utils.clone(defaultUserChoices);\n if (x)\n Object.assign(cur,deserializedUserChoices(x));\n let gen = generatorFactory();\n\n function realSet() {\n console.log({setUserChoices:cur});\n gen.setValue(cur);\n events.trigger('user-choices', cur);\n }\n \n function bset() {\n if (bounceTimeout!=null)\n clearTimeout(bounceTimeout);\n bounceTimeout = setTimeout(realSet, BOUNCE);\n }\n \n function set(v) {\n Object.assign(cur, v||{});\n bset();\n }\n \n set.gen = gen;\n set(cur);\n const read = ()=>utils.clone(cur);\n bset();\n return { gen, set, read, data:cur };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3255,"value":"defaultUserChoices = {\n let duc = { \n title:'MNR', \n on:[], \n hide:[], solo:-1, \n flags:0xdffff, \n version:[], \n scale:{\n custom: true,\n value: [0,2,4,5,7,9,11]\n },\n loop: { \n flag:false, \n index:0, \n minlen:250,\n maxlen:750\n },\n delta : {\n density: 500,\n regularity: 1000\n },\n showDyn: 0,\n scale: {\n custom: false,\n index: 0,\n value: [0,2,4,5,7,9,11]\n }\n };\n for(let chan=0; chan<16;chan++) {\n duc.on[chan] = chan==0;\n duc.hide[chan]= false;\n duc.version[chan]=Math.floor(chan/4);\n }\n duc.version[16] =0;\n return duc;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2033,"value":"$59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2522,"value":"function songstop() {\n console.log('song stop');\n\n \n globals.clockstop();\n globals.clockreset(); \n globals.playing = false;\n globals.tcp.reset();\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2507,"value":"function songstart() {\n\n console.log('song start');\n if (globals.playing)\n return;\n \n trackCursorPosition.reset();\n globals.playing = true;\n \n globals.changeProgram();\n\n if (trackCursorPosition) {\n trackCursorPosition.reset();\n \n }\n globals.clockstart();\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3083,"value":"changeProgram = {\n function doit(track) {\n function sendTrack(track) {\n // ports.midiports.send([0xb0 + track.chan, 0, 64]); // bank MSB\n // ports.midiports.send([0xb0 + track.chan, 32, 0]); // bank LSB\n midiout.send([0xc0 + track.chan, track.program]);\n \n }\n if (!ucManager.read().sendpc || ! globals.song)\n return;\n if (arguments.length==0) {\n for(let i=0;i<16;i++) \n sendTrack(globals.song.tracks[i]);\n }\n else \n sendTrack(track);\n }\n globals.changeProgram = doit;\n doit();\n return doit;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"$5a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1322,"value":"function color(trackIndex, normLigthness, normAlpha) {\n if (!normLigthness) \n normLigthness = .5;\n let x = Math.floor(trackIndex) & 0xf;\n let y = (x&1)*8+(x&2)*2+(x&4)/2+(x&8)/16;\n let hue = Math.floor(360*y/16);\n let sat = trackIndex<8 ? 1 : .5;\n if (trackIndex==9)\n sat=0;\n if (typeof(normAlpha)=='number')\n return `hsla(${hue}, ${sat*100}%, ${normLigthness*100}%, ${normAlpha*100}%)`;\n else \n return `hsl(${hue}, ${sat*100}%, ${normLigthness*100}%)`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":820,"value":"$5b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4425,"value":"function randomScale(r) {\n let templates = setup.scaleTemplates;\n let totw = templates.map(x=>x[1]).reduce((a,b)=>a+b);\n let c = r()*totw;\n let t;\n for(let tpl of templates) {\n c-=tpl[1];\n if (c<0) {\n t = tpl[0];\n break;\n }\n }\n //console.log(t);\n let delta = Math.floor(r()*12);\n\n let sc = t.map(x=>(x+delta)%12);\n return sc;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3724,"value":"scalemap = {\n let ts = [];\n function update() {\n let uc = ucManager.data;\n let song = globals.song;\n if (!uc || ! song)\n return setTimeout(update, 100);\n let sc;\n if (uc.scale.custom)\n sc = uc.scale.value;\n else \n sc = song.scale;\n\n let otry = [-12,0,12];\n \n for(let k=0; k<12; k++) {\n let sel,dist=99;\n for(let g of sc) {\n for(let ot of otry) {\n let test = ot+g;\n let d = Math.abs(k-test);\n if (dts[x];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"$5c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1584,"value":"globals = {\n return {\n playing: false,\n clockfun: ()=>0\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3297,"value":"observableClock = {\n let cnt=0;\n while(true) {\n if (!setup.nativeClock && globals.clockfun && globals.clockIsOn) {\n try { \n globals.clockfun(); \n } catch(error) {\n console.log(error);\n }\n }\n yield ++cnt;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3478,"value":"nativeClock = {\n let c = setInterval(function(){\n if (setup.nativeClock && globals.clockfun && globals.clockIsOn) {\n try { \n globals.clockfun(); \n } catch(error) {\n console.log(error);\n }\n }\n },25);\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3166,"value":"flags = mnrFlags.valuegen","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1468,"value":"function envWave(x, dist) {\n dist = Math.min(Math.max(-1,dist),1);\n x -= Math.floor(x);\n let d = (arguments.length>=2) ? dist*.5+.5 : .5;\n\n //d=.5;\n \n let x2;\n if (x<=d) \n x2 = x*.5/d;\n else \n x2 = .5+.5*(x-d)/(1-d);\n \n return -Math.cos(x2*2*Math.PI)*.5+.5;\n //return x2;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4773,"value":"$5d","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2140,"value":"$5e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":834,"value":"msToTick = ms => (ms/60000)*song.bpm*setup.tpq","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":865,"value":"tickSongTimeMs = t=>globals.playing ? globals.t0 + tickToMs(t) : 0; ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"tickToMs = t => ((t/setup.tpq)/song.bpm)*60000;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1524,"value":"function urlparams(url) {\n function nflag(n) {\n n = ('0x'+n)-0;\n let s=1, arr = [];\n for(var i=0; i<16;i++) {\n arr[i] = (n & s)!=0; \n s*=2;\n }\n return arr;\n }\n if (!url)\n url = document.URL;\n let x = url.split('#')[1];\n if (!x) return {};\n x = decodeURIComponent(x);\n let y = x.split('-');\n console.log({y});\n let play = nflag(y[0]);\n let view = nflag(y[1]);\n let vstr = y[2].split('.');\n let mask=vstr[0]-0;\n let vcur=1, version=[], s=1;\n \n for(var i=0; i<16;i++) {\n if ((mask&s)!=0) \n version[i] = vstr[vcur++]-0;\n else \n version[i] = 0;\n s*=2;\n }\n let loop=y[3]=='' ? -1 :y[3]-0;\n let text = y.slice(4).join('-');\n return {play, view, version,text, loop};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"metadata = getMetadata(getCurrentName())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1628,"value":" function adjustPeriod(perTicks) {\n let tlen = setup.blen*setup.tpq;\n let ncycles = tlen/perTicks;\n let adjusted = Math.max(Math.floor(ncycles+.5),1);\n let newValue = tlen/adjusted;\n //console.log({perTicks, ncycles, adjusted, newValue});\n //console.log(`a=${adjusted} n=${ncycles} pt=${perTicks} tl=${tlen} nv=${newValue}`);\n //return perTicks;\n return newValue;\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4554,"value":"\nmidiPorts().output\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4081,"value":"$5f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4556,"value":"midiPorts()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4408,"value":"events = {\n let handlers = {};\n \n function trigger(type, data) {\n //console.log('trigger '+type);\n let h = handlers[type];\n if (!h)\n h = handlers[type] = { listeners:[], lastArgs:null};\n h.lastArgs = [];\n for(var i=1; i=0)\n h.listeners.splice(pos,1);\n }\n return {on, off, trigger};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4636,"value":"function bounce(fun, ms) {\n let t = null;\n function fun2() {\n let a = arguments;\n if (t!=null)\n clearTimeout(t);\n t = setTimeout(function() {\n fun.apply(null,a);\n }, ms);\n }\n return fun2;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"### debug","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2449,"value":"showGlobals = {\n while(true) {\n await Promises.delay(5000);\n yield globals;\n //yield htl.html`

globals: ${JSON.stringify(globals,null,'\\t')}

` \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":943,"value":"dashboard = logPanel(10);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1711,"value":"exportable = {\n let x = {/*song,versions,plays,hides*/};\n let j = JSON.stringify(x,null,' ');\n let t = $('

').val(j);\n  return t[0];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2626,"value":"### import","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"import {randomizer, randomizerui, rndtext} from '@paoloandrenacci/randomizer'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1279,"value":"import {generatorFactory} from \"@paoloandrenacci/generatorfactory\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1457,"value":"import {getCurrentPinnedName, getMetadata, getCurrentName} from '@mootari/notebook-data@366'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":618,"value":"import { midiPorts, midiPortsUI, time } from \"@paoloandrenacci/midi-ports\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":940,"value":"import {logPanel } from \"@paoloandrenacci/log-panel\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1239,"value":"$$ = require(\"jquery\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W60","stdlib":"1"}}
44:null
</article></body></html>