diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 35 |
1 files changed, 20 insertions, 15 deletions
@@ -152,33 +152,36 @@ var opts = [ var scale, scales = [] var scale_list = document.querySelector("#scale_list") -opts.forEach(function(opt){ +opts.forEach(function(opt, i){ var s = new Intonation(opt) scales.push(s) - var heading = write( s.name ) var limit = s.interval == 2 ? s.scale.length : s.scale.length*2 + s.heading = write( s.name ) s.div = write( "<span>" + s.range( 0, limit+1).map(function(i){ return i.toFixed(0) }).join("</span> <span>") + "</span>" ) + s.div.dataset.scale_index = i write(" ") if (! scale) { - scale = s - heading.classList.add("active") - console.log(s) - console.log("scale:", s.name) + set_scale(s) } - heading.classList.add("heading") - heading.addEventListener("click", function(){ - var active = document.querySelector(".active") - active && active.classList.remove("active") - scale = s - heading.classList.add("active") - console.log(s) - console.log("scale:", s.name) + s.heading.classList.add("heading") + s.heading.addEventListener("click", function(){ + set_scale(s) }) }) +function set_scale (s) { + if (scale == s) return + var active = document.querySelector(".active") + active && active.classList.remove("active") + scale = s + s.heading.classList.add("active") + console.log(s) + console.log("scale:", s.name) +} + var polysynth = new Tone.PolySynth(8, Tone.synth) polysynth.set({ oscillator: { type: "sine" }, @@ -192,11 +195,13 @@ polysynth.set({ var comp = new Tone.Compressor(-30, 3).toMaster() polysynth.connect(comp) document.addEventListener("click", function(e){ - var span = e.currentTarget + var span = e.target val = span.innerHTML if (val && ! val.match(/[^0-9]/)) { var freq = parseInt(val) play(freq) + var div = span.parentNode + set_scale( scales[ div.dataset.scale_index ] ) } }) |