let uiSpacing;

let uiElementBeat;

let uiElementMelody;

let uiElementAtmo;

​

let hasStarted = false;

let isLoading = true;

let updateCountdown = 0;

​

let beatGenePool = [];

let melodyGenePool = []

let atmoGenePool = []

​

let selectedGenes = [];

​

let activeBeat;

let activeMelody;

let activeAtmo;

​

let BeatSynth1;

let BeatSynth2;

let BeatSynth3;

let MelodySynth;

let AtmoSynth;

​

let sequenzer;

let step = 0;

let isLooping = false;

​

let beatMuted = false;

let melodyMuted = false;

let atmoMuted = false;

​

​

let beatSelected = false;

let melodySelected = false;

let atmoSelected = false;

​

let selectionAmmount = 3;

​

function setup() {

  let canvas = createCanvas(displayWidth, 1080);

  canvas.parent('Canvas');

  background(0);

  uiSize = createVector(200, 100);

  uiSpacing = 60;

​

  //Instruments-------------------------------------------------------------------------

  BeatSynth1 = new Synthesizer();

  BeatSynth2 = new Synthesizer();

  BeatSynth3 = new Synthesizer();

  MelodySynth = new Synthesizer();

  AtmoSynth = new Synthesizer();

​

  sequenzer = new Sequenzer();

  //UI----------------------------------------------------------------------------

  textFont('Courier New');

​

  UiElementBeat = new BeatVisuals(createVector(width / 2, height / 2 - uiSize.y - uiSpacing), uiSize,

    'Beat');

​

  UiElementMelody = new MelodyVisuals(createVector(width / 2, height / 2), uiSize,

    'Melody');

​

  UiElementAtmo = new AtmoVisuals(createVector(width / 2, height / 2 + uiSize.y + uiSpacing), uiSize,

    'Atmosphere');

​

​

  externalUi = new UI();

​

  genePoolVisuals = new BgVisuals();

​

  //init GenePool------------------------------

  fetchGenePool();

​

}

​

function windowResized() {

  resizeCanvas(windowWidth, 1080);

  background(0);

​

  UiElementBeat.pos = createVector(width / 2, height / 2 - uiSize.y - uiSpacing);

  UiElementMelody.pos = createVector(width / 2, height / 2);

  UiElementAtmo.pos = createVector(width / 2, height / 2 + uiSize.y + uiSpacing);

}

​

function draw() {

​

  if (!isLoading) {

    updateCountdown += deltaTime;

    if (updateCountdown > 30000) {

      updateCountdown = 0;

      pushDNA();

    }

  }

​

​

  if (!hasStarted) {

    background(0);

    introUI();

  }

​

  if (hasStarted) {

    background(0, 0, 0, 20);

    UiElementBeat.draw();

    UiElementMelody.draw();

    UiElementAtmo.draw();

​

    genePoolVisuals.draw();

  }

​

  externalUi.draw();

}

​

function keyPressed() {

​

  if (selectedGenes.length < 30) {

    if (key == "b" && !beatSelected) {

      for (let i = 0; i < selectionAmmount; i++) {

        selectedGenes.push(activeBeat);

      }

      beatSelected = true;

    }

    if (key == "m" && !melodySelected) {

      for (let i = 0; i < selectionAmmount; i++) {

        selectedGenes.push(activeMelody);

      }

      melodySelected = true;

    }

    if (key == "a" && !atmoSelected) {

      for (let i = 0; i < selectionAmmount; i++) {

        selectedGenes.push(activeAtmo);

      }

      atmoSelected = true;

    }

  }

​

}

​

function mousePressed() {

​

  externalUi.click();

}

​

//------------------------------ui

function introUI() {

  fill(255);

  textAlign(CENTER);

  textSize(24);

  text("Welcome to Lyra. This is a synthesizer based on tone.js learning to play it self through mashine learning and everyone visiting this website is training it! It consists of 3 instruments. Hover with your mouse over one of them to only hear that Instrument on its own. If you like what one of them is doing click on it or press 'b' for beat, 'm' for melody or 'a' for Atmosphere to encourage the machine to explore more into that direction. Press 'next' to load a new arangement or press ''autoplay to automaticaly loop through them. Click on the button below to start.", width / 2 - 350, height / 2 - 300, 700, 500);

​

  if (!isLoading) {

​

    let highlight = 0;

    if (mouseX > width / 2 - 100 && mouseX < width / 2 + 100 && mouseY > height / 2 + 300 && mouseY < height / 2 + 400) {

      highlight = 255;

      if (mouseIsPressed) {

        hasStarted = true;

​

        sequenzer.start();

      }

    }

​

    fill(highlight);

    stroke(255);

    rect(width / 2 - 100, height / 2 + 300, 200, 100);

    fill(255);

​

    textAlign(CENTER);

    fill(255 - highlight);

    textSize(34);

    text("PLAY", width / 2, height / 2 + 360)

​

  } else {

    textAlign(CENTER);

    fill(255);

    textSize(24);

    text("Loaing genepool...", width / 2, height / 2 + 360)

​

    for (let i = 0; i < 50; i++) {

      let x = width / 2 + i * 2 - 50;

      let y = height / 2 + 400 + sin(i / 5 + millis() / 80) * 10;

      fill(255);

      stroke(255);

      ellipse(x, y, 2);

    }

  }

}

​

class UiElement {

  constructor(position, size, name) {

    this.size = size;

    this.pos = position;

    this.name = name

    this.isSelected = false;

  }

​

  draw() {

​

    if (mouseX > this.pos.x - this.size.x / 2 &&

      mouseX < this.pos.x + this.size.x / 2 &&

      mouseY > this.pos.y &&

      mouseY < this.pos.y + this.size.y

    ) {

      if (!this.isSelected) {

        this.muteOther();

        this.isSelected = true;

      }

​

      if (mouseIsPressed && selectedGenes.length < 30) {

        if (this.name == "Beat" && !beatSelected) {

          for (let i = 0; i < selectionAmmount; i++) {

            selectedGenes.push(activeBeat);

          }

          beatSelected = true;

        }

​

        if (this.name == "Melody" && !melodySelected) {

​

          for (let i = 0; i < selectionAmmount; i++) {

            selectedGenes.push(activeMelody);

          }

​

          melodySelected = true;

        }

​

        if (this.name == "Atmosphere" && !atmoSelected) {

​

          for (let i = 0; i < selectionAmmount; i++) {

            selectedGenes.push(activeAtmo);

          }

​

          atmoSelected = true;

        }

      }

​

​

​

    } else if (this.isSelected) {

      this.unMuteOther();

      this.isSelected = false;

    }

​

    let borderCol = color(255);

    if (this.name == "Beat" && beatMuted) borderCol = color(255, 0, 0);

    if (this.name == "Melody" && melodyMuted) borderCol = color(255, 0, 0);

    if (this.name == "Atmosphere" && atmoMuted) borderCol = color(255, 0, 0);

​

    //box

    noFill();

    stroke(borderCol);

    rect(this.pos.x - this.size.x / 2, this.pos.y, this.size.x, this.size.y);

​

    //Name

    fill(255);

    stroke(255);

    textSize(18);

    textAlign(LEFT);

    text(this.name, this.pos.x - this.size.x / 2, this.pos.y - 10);

​

    //has been Added

    textAlign(RIGHT);

    textSize(12);

    noStroke();

    if (this.name == "Beat" && beatSelected) {

      fill(0, 255, 0);

      //stroke(0, 255, 0);

      text("selected", this.pos.x + this.size.x / 2, this.pos.y - 10);

    } else if (this.name == "Beat") {

      fill(255);

      //stroke(255);

      text("not selected", this.pos.x + this.size.x / 2, this.pos.y - 10);

    }

    if (this.name == "Melody" && melodySelected) {

      fill(0, 255, 0);

      //stroke(0, 255, 0);

      text("selected", this.pos.x + this.size.x / 2, this.pos.y - 10);

    } else if (this.name == "Melody") {

      fill(255);

      //stroke(255);

      text("not selected", this.pos.x + this.size.x / 2, this.pos.y - 10);

    }

    if (this.name == "Atmosphere" && atmoSelected) {

      fill(0, 255, 0);

      //stroke(0, 255, 0);

      text("selected", this.pos.x + this.size.x / 2, this.pos.y - 10);

    } else if (this.name == "Atmosphere") {

      fill(255);

      //stroke(255);

      text("not selected", this.pos.x + this.size.x / 2, this.pos.y - 10);

    }

​

​

​

    this.visualisation();

    return this;

  }

​

  visualisation() {

​

  }

​

  muteOther() {}

  unMuteOther() {}

}

​

class BeatVisuals extends UiElement {

  constructor(position, size, name) {

    super(position, size, name);

  }

​

  visualisation1() {

    fill(255, 0, 0);

    stroke(255, 0, 0);

    ellipse(this.pos.x, this.pos.y + this.size.y / 2, this.size.y - this.size.y / 2);

  }

  visualisation2() {

    noFill();

    stroke(0, 255, 0);

    strokeWeight(5);

    ellipse(this.pos.x, this.pos.y + this.size.y / 2, this.size.y - this.size.y / 3 + 5);

    strokeWeight(1);

  }

  visualisation3() {

    noFill();

    stroke(0, 0, 255);

    strokeWeight(5);

    ellipse(this.pos.x, this.pos.y + this.size.y / 2, this.size.y - 10);

    strokeWeight(1);

  }

​

  muteOther() {

    melodyMuted = true;

    atmoMuted = true;

  }

  unMuteOther() {

    melodyMuted = false;

    atmoMuted = false;

  }

}

​

class MelodyVisuals extends UiElement {

  constructor(position, size, name) {

    super(position, size, name);

  }

​

  visualisation() {

    let buffer = MelodySynth.wave.getValue(0);

    let start = 0;

    for (let i = 0; i < buffer.length; i++) {

      if (buffer[i - 1] < 0 && buffer[i] >= 0) {

        start = i;

        break;

      }

    }

​

    let end = start + buffer.length / 4;

    for (let i = start; i < end; i++) {

      let x = map(i, start, end, this.pos.x - this.size.x / 2 + 2, this.pos.x + this.size.x / 2 - 2);

      let y = map(buffer[i], -2, 2, this.pos.y + this.size.y - 2, this.pos.y + 2);

​

      fill(255);

      stroke(255);

      ellipse(x, y, 2);

    }

  }

​

  muteOther() {

    beatMuted = true;

    atmoMuted = true;

  }

  unMuteOther() {

    beatMuted = false;

    atmoMuted = false;

  }

​

}

​

class AtmoVisuals extends UiElement {

  constructor(position, size, name) {

    super(position, size, name);

  }

​

  visualisation() {

    let buffer = AtmoSynth.wave.getValue(0);

    let start = 0;

    for (let i = 0; i < buffer.length; i++) {

      if (buffer[i - 1] < 0 && buffer[i] >= 0) {

        start = i;

        break;

      }

    }

​

    let end = start + buffer.length / 4;

    for (let i = start; i < end; i++) {

      let x = map(i, start, end, this.pos.x - this.size.x / 2 + 2, this.pos.x + this.size.x / 2 - 2);

      let y = map(buffer[i], -2, 2, this.pos.y + this.size.y - 2, this.pos.y + 2);

​

      fill(255);

      stroke(255);

      ellipse(x, y, 2);

    }

  }

​

  muteOther() {

    melodyMuted = true;

    beatMuted = true;

  }

  unMuteOther() {

    melodyMuted = false;

    beatMuted = false;

  }

}

​

class UI {

  constructor() {

    let windowWasOpened = false;

  }

​

  draw() {

​

    //autoplay options

    if (hasStarted) {

​

​

      //autoplay

      let autoplayFill = color(255);

      let nextFill = color(255);

​

      if (mouseX < width / 2 + 100 && mouseX > width / 2 - 100 && mouseY < height / 2 + 300 + 18 && mouseY > height / 2 + 300 - 28) {

        autoplayFill = color(150);

      }

​

      textAlign(CENTER);

      textSize(18);

      //stroke(autoplayFill);

      noStroke();

      fill(autoplayFill);

      if (isLooping) text("Autoplay: On", width / 2, height / 2 + 300);

      if (!isLooping) text("Autoplay: Off", width / 2, height / 2 + 300);

​

      if (mouseX < width / 2 + 100 && mouseX > width / 2 - 100 && mouseY < height / 2 + 350 + 18 && mouseY > height / 2 + 350 - 28) {

        nextFill = color(150);

      }

​

      //stroke(nextFill);

      noStroke();

      fill(nextFill);

      if (!isLooping) text("Next", width / 2, height / 2 + 350);

    }

​

​

​

    //Logo

    textSize(12);

    strokeWeight(1);

    stroke(255);

    fill(255);

    text("/", width / 2 - 24, height - 10);

    text("/", width / 2 - 12, height - 10);

    stroke(255, 0, 0);

    fill(255, 0, 0);

    text("j", width / 2, height - 10);

    stroke(0, 255, 0);

    fill(0, 255, 0);

    text("j", width / 2 + 12, height - 10);

    stroke(0, 0, 255);

    fill(0, 0, 255);

    text("j", width / 2 + 24, height - 10);

​

​

    if (mouseX > width / 2 - 24 && mouseX < width / 2 + 24 &&

      mouseY > height - 26 && mouseIsPressed

    ) {

      if (!this.windowWasOpened) {

        this.windowWasOpened = true;

        window.open('https://jonasjoergenjacobsen.com');

      }

    } else if (this.windowWasOpened && !mouseIsPressed) this.windowWasOpened = false;

​

​

​

  }

​

  //handle mouse clicks

  click() {

    if (hasStarted) {

      if (mouseX < width / 2 + 100 && mouseX > width / 2 - 100 && mouseY < height / 2 + 300 + 18 && mouseY > height / 2 + 300 - 28) {

        isLooping = !isLooping;

      }

      if (mouseX < width / 2 + 100 && mouseX > width / 2 - 100 && mouseY < height / 2 + 350 + 18 && mouseY > height / 2 + 350 - 28 && !isLooping) {

        beatSelected = false;

        melodySelected = false;

        atmoSelected = false;

        sequenzer.setNewBar();

        genePoolVisuals.generatePairs();

      }

​

    }

  }

}

​

class BgVisuals {

  constructor() {

    this.randomPairs = [];

    this.connectedPairs = [];

  }

​

  draw() {

​

    fill(0);

    noStroke();

    rect(0, 0, width / 2 - 100, height);

    rect(width / 2 + 100, 0, width - width / 2 + 100, height);

​

    if ( this.randomPairs.length == 0 || this.connectedPairs.length == 0) {

      this.generatePairs();

    }

​

    stroke(255);

    fill(255);

    textAlign(LEFT);

​

    //  draw connected Pairs

    for (let i = 0; i < this.connectedPairs.length; i++) {

      let pX = map(this.randomPairs[i].posX, 0, 1, 0, width, true);

      let pY = map(this.connectedPairs[i].posY, 0, 1, 0, height) + this.connectedPairs[i].directionY * cos(millis() / 10000);

      let c = this.connectedPairs[i].col;

      let s = this.connectedPairs[i].size;

      let t = this.connectedPairs[i].text;

​

      let cX;

      let cY = 0;

​

      if (pX > width / 2) {

        textAlign(LEFT);

        cX = width / 2 + 100;

        if (pX < width / 2 + 200) pX = width / 2 + 200;

​

      } else {

        textAlign(RIGHT);

        cX = width / 2 - 100;

        if (pX > width / 2 - 200) pX = width / 2 - 200;

      }

​

​

      if (this.connectedPairs[i].type == "beat") cY = UiElementBeat.pos.y + UiElementBeat.size.y / 2;

      if (this.connectedPairs[i].type == "melody") cY = UiElementMelody.pos.y + UiElementMelody.size.y / 2;

      if (this.connectedPairs[i].type == "atmo") cY = UiElementAtmo.pos.y + UiElementAtmo.size.y / 2;

​

​

      stroke(c);

      fill(c);

      textSize(s);

      text(t, pX, pY);

      line(pX, pY - s / 3, cX, cY);

    }

​

​

    //  draw random Pairs

    for (let i = 0; i < this.randomPairs.length; i++) {

      let pX = map(this.randomPairs[i].posX, 0, 1, 0, width, true);

      let pY = map(this.randomPairs[i].posY, 0, 1, 0, height) + this.randomPairs[i].directionY * cos(millis() / 10000);

      let s = this.randomPairs[i].size;

      let t = this.randomPairs[i].text;

​

      if (pX > width / 2) {

        textAlign(LEFT);

        if (pX < width / 2 + 200) pX = width / 2 + 200;

      } else {

        textAlign(RIGHT);

        if (pX > width / 2 - 200) pX = width / 2 - 200;

      }

​

      stroke(255);

      fill(255);

      textSize(s);

      text(t, pX, pY);

​

    }

  }

​

  generatePairs() {

    this.randomPairs = [];

    this.connectedPairs = [];

​

    let ammountConnected = int(random(8, 15));

    let ammountRandom = int(random(30, 50));

​

    //fill connected Pairs

    for (let i = 0; i < ammountConnected; i++) {

      let r = random([activeBeat, activeMelody, activeAtmo]);

      let t = random(Object.keys(r));

​

      let x;

      if (random(0, 1) < 0.5) {

        x = random(0, 0.4);

      } else {

        x = random(0.4, 1);

      }

​

      let n = {

        type: r.type,

        text: t + " : " + r[t],

        posX: x,

        posY: random(0, 1),

        col: random([color(255, 0, 0), color(0, 255, 0), color(0, 0, 255)]),

        size: random(8, 20),

        directionX: random(-100, 100),

        directionY: random(-100, 100),

        connectTp: r.type

​

      }

      this.connectedPairs.push(n);

    }

​

    //fill random Pairs

    for (let i = 0; i < ammountRandom; i++) {

      let rB =random(beatGenePool);

      let rM = random(melodyGenePool);

      let rA = random(atmoGenePool);

      let r = random([rB, rM , rA]);

      let t = random(Object.keys(r));

​

      let x;

      if (random(0, 1) < 0.5) {

        x = random(0, 0.4);

      } else {

        x = random(0.4, 1);

      }

​

      let n = {

        text: t + " : " + r[t],

        posX: x,

        posY: random(0, 1),

        size: random(8, 20),

        directionX: random(-100, 100),

        directionY: random(-100, 100),

      }

      this.randomPairs.push(n);

    }

  }

}

//------------------------------Sound

class Sequenzer {

  constructor() {

    this.tones = [264, 396, 440, 330];

  }

  start() {

    this.setNewBar();

    let loop = new Tone.Loop(this.callback, "16n").start(0);

    Tone.Transport.start();

  }

​

  callback(time) {

    this.tone = 220;

    if (step < 16) this.tone = 264;

    else if (step < 16 * 2) this.tone = 396;

    else if (step < 16 * 3) this.tone = 440;

    else this.tone = 330;

​

    //beat synth

​

    for (let i = 0; i < activeBeat.sequenzer1.length; i++) {

      if (activeBeat.sequenzer1[i].deploy == step) {

​

        if (!beatMuted) {

          BeatSynth1.playTone(activeBeat.frequency1, "16n", time);

          UiElementBeat.visualisation1();

        }

​

      }

    }

​

    for (let i = 0; i < activeBeat.sequenzer2.length; i++) {

      if (activeBeat.sequenzer2[i].deploy == step) {

​

        if (!beatMuted) {

          BeatSynth2.playTone(activeBeat.frequency2, "16n", time);

          UiElementBeat.visualisation2();

        }

​

      }

    }

​

    for (let i = 0; i < activeBeat.sequenzer3.length; i++) {

      if (activeBeat.sequenzer3[i].deploy == step) {

​

        if (!beatMuted) {

          BeatSynth3.playTone(activeBeat.frequency3, "16n", time);

          UiElementBeat.visualisation3();

        }

​

      }

    }

​

​

    // melody synth    

    for (let i = 0; i < activeMelody.sequenzer.length; i++) {

      if (activeMelody.sequenzer[i].deploy == step) {

​

        if (!melodyMuted) {

          MelodySynth.playTone(this.tone + this.tone * activeMelody.frequency[activeMelody.sequenzer[i].note],

            activeMelody.sequenzer[i].duration,

            time);

        }

​

      }

    }

​

​

    // atmo synth

    for (let i = 0; i < activeAtmo.sequenzer.length; i++) {

      if (activeAtmo.sequenzer[i].deploy == step) {

​

        if (!atmoMuted) {

          AtmoSynth.playTone(this.tone + this.tone * activeAtmo.frequency[activeAtmo.sequenzer[i].note],

            activeAtmo.sequenzer[i].duration,

            time);

        }

​

      }

    }

​

​

    // next line

    if (step == 16 * 4 && isLooping) {

      beatSelected = false;

      melodySelected = false;

      atmoSelected = false;

      sequenzer.setNewBar();

      genePoolVisuals.generatePairs();

      step = 0;

    } else if (step == 16 * 4) step = 0;

    else step++;

​

  }

​

  setNewBar() {

    dnaSynthesis();

​

    //-----------------------------beat Synth---------------------------

    BeatSynth1.osc1.type = activeBeat.instruments[0].osc1Shape;

    BeatSynth1.osc1Octave = activeBeat.instruments[0].osc1Octave;

    BeatSynth1.osc1.volume.value = activeBeat.instruments[0].osc1Amp;

​

    BeatSynth1.osc2.type = activeBeat.instruments[0].osc2Shape;

    BeatSynth1.osc2Octave = activeBeat.instruments[0].osc2Octave;

    BeatSynth1.osc2.volume.value = activeBeat.instruments[0].osc2Amp;

    BeatSynth1.osc2Detune = activeBeat.instruments[0].detune;

​

    if (activeBeat.instruments[0].noise) BeatSynth1.noise.volume.value = 0;

    if (activeBeat.instruments[0].noise) BeatSynth1.noise.volume.value = activeBeat.instruments[0].noiseAmp;

​

    BeatSynth1.envelope.attack = activeBeat.instruments[0].attack;

    BeatSynth1.envelope.decay = activeBeat.instruments[0].decay;

    BeatSynth1.envelope.sustain = activeBeat.instruments[0].sustain;

    BeatSynth1.envelope.release = activeBeat.instruments[0].release;

    //effects

​

​

​

    BeatSynth2.osc1.type = activeBeat.instruments[1].osc1Shape;

    //MelodySynth.osc1octave

    BeatSynth2.osc1.volume.value = activeBeat.instruments[1].osc1Amp;

​

    BeatSynth2.osc2.type = activeBeat.instruments[1].osc2Shape;

    //MelodySynth.osc1octave

    BeatSynth2.osc2.volume.value = activeBeat.instruments[1].osc2Amp;

    //MelodySynth.detune 

​

    if (activeBeat.instruments[1].noise) BeatSynth2.noise.volume.value = 0;

    if (activeBeat.instruments[1].noise) BeatSynth2.noise.volume.value = activeBeat.instruments[1].noiseAmp;

​

​

    BeatSynth2.envelope.attack = activeBeat.instruments[2].attack;

    BeatSynth2.envelope.decay = activeBeat.instruments[2].decay;

    BeatSynth2.envelope.sustain = activeBeat.instruments[2].sustain;

    BeatSynth2.envelope.release = activeBeat.instruments[2].release;

    //effects

​

​

​

    BeatSynth3.osc1.type = activeBeat.instruments[2].osc1Shape;

    BeatSynth3.osc1Octave = activeBeat.instruments[2].osc1Octave;

    BeatSynth3.osc1.volume.value = activeBeat.instruments[2].osc1Amp;

​

    BeatSynth3.osc2.type = activeBeat.instruments[2].osc2Shape;

    BeatSynth3.osc2Octave = activeBeat.instruments[2].osc1Octave;

    BeatSynth3.osc2.volume.value = activeBeat.instruments[2].osc2Amp;

    //MelodySynth.detune 

​

    if (activeBeat.instruments[2].noise) BeatSynth3.noise.volume.value = 0;

    if (activeBeat.instruments[2].noise) BeatSynth3.noise.volume.value = activeBeat.instruments[2].noiseAmp;

​

​

    BeatSynth3.envelope.attack = activeBeat.instruments[2].attack;

    BeatSynth3.envelope.decay = activeBeat.instruments[2].decay;

    BeatSynth3.envelope.sustain = activeBeat.instruments[2].sustain;

    BeatSynth3.envelope.release = activeBeat.instruments[2].release;

    //effects

​

​

​

​

    //-----------------------------melody Synth---------------------------

    MelodySynth.osc1.type = activeMelody.osc1Shape;

    MelodySynth.osc1Octave = activeMelody.osc1Octave;

    MelodySynth.osc1.volume.value = activeMelody.osc1Amp;

​

    MelodySynth.osc2.type = activeMelody.osc2Shape;

    MelodySynth.osc2Octave = activeMelody.osc2Octave;

    MelodySynth.osc2.volume.value = activeMelody.osc2Amp;

    MelodySynth.osc2Detune = activeMelody.detune;

​

    if (!activeMelody.noise) MelodySynth.noise.volume.value = -100;

    if (activeMelody.noise) MelodySynth.noise.volume.value = activeMelody.noiseAmp;

​

    MelodySynth.envelope.attack = activeMelody.attack;

    MelodySynth.envelope.decay = activeMelody.decay;

    MelodySynth.envelope.sustain = activeMelody.sustain;

    MelodySynth.envelope.release = activeMelody.release;

    //effects

    this.addEffects(MelodySynth, activeMelody);

​

    //-----------------------------atmo Synth---------------------------

    AtmoSynth.osc1.type = activeAtmo.osc1Shape;

    AtmoSynth.osc1Octave = activeAtmo.osc1Octave;

    AtmoSynth.osc1.volume.value = activeAtmo.osc1Amp;

​

    AtmoSynth.osc2.type = activeAtmo.osc2Shape;

    AtmoSynth.osc2Octave = activeAtmo.osc1Octave;

    AtmoSynth.osc2.volume.value = activeAtmo.osc2Amp;

    AtmoSynth.osc1Detune = activeAtmo.osc1Detune;

​

    if (!activeAtmo.noise) AtmoSynth.noise.volume.value = -100;

    if (activeAtmo.noise) AtmoSynth.noise.volume.value = activeAtmo.noiseAmp;

​

    AtmoSynth.envelope.attack = activeAtmo.attack;

    AtmoSynth.envelope.decay = activeAtmo.decay;

    AtmoSynth.envelope.sustain = activeAtmo.sustain;

    AtmoSynth.envelope.release = activeAtmo.release;

​

    //effects   

    this.addEffects(AtmoSynth, activeAtmo);

  }

​

​

  addEffects(synth, data) {

    let endPoint = synth.envelope;

    endPoint.disconnect();

​

    for (let i = 0; i < synth.effects.length; i++) {

      if (synth.effects[i] != null) {

        synth.effects[i].disconnect();

        synth.effects[i].dispose();

      }

    }

​

    synth.effects = [];