var i = 0;

​

​

​

let event_time = 0;

​

//let envelope;

​

let nparticles = [];

let particles = [];

​

let system;

​

let event_string;

let val;

​

let event_count;

​

let pidx;

let pidx_total;

​

let nevents;

let freq;

​

let oscs = [];

let oscs_lifetime = [10, 10, 10, 10];

​

let c = [0,0,0];

​

let fr = 30;

let slider;

let volume_slider;

​

let mv = 0.0;

​

function preload() {

  event_string = loadStrings('assets/data_2016H.txt');

}

​

function setup() {

    createCanvas(1200, 600);

​

      system = new ParticleSystem(createVector(width / 2, 50));

​

    //audio = new p5.AudioAudio();

​

​

    var i = 0;

  event_count = 0;

  while (i<event_string.length) {

    val = event_string[i];

    // particles

    num = int(event_string[i]);

    nparticles.push(num);

    i++;

    for (var j=0;j<num;j++) {

      val = event_string[i];

      particles.push(val);

      i++;

  }

    event_count++;

  }

  nevents = event_count;

​

      //envelope = new p5.Env();

  // set attackTime, decayTime, sustainRatio, releaseTime

  //envelope.setADSR(0.001, 0.5, 0.1, 0.5);

​

  // set attackLevel, releaseLevel

  //envelope.setRange(1, 0);

​

    oscTri = new p5.Oscillator('triangle');

    oscSine = new p5.Oscillator('sine');

    oscSaw = new p5.Oscillator('sawtooth');

    oscSq = new p5.Oscillator('square');

    oscTri.start();

    oscTri.amp(0);

​

    oscSaw.start();

    oscSaw.amp(0);

​

    oscSq.start();

    oscSq.amp(0);

    oscSine.start();

    oscSine.amp(0);

​

    //oscs = [oscScine, oscSaw, oscTri, oscSq];

    oscs.push(oscSine);

  oscs.push(oscSaw);

  oscs.push(oscTri);

  oscs.push(oscSq);

​

    frameRate(60);

    background(0);

    event_time = 0;

    //print(events[0][0]);

    event_count = 0;

    pidx = 0;

    pidx_total = 0;

  oscs_lifetime = [10, 10, 10, 10];

​

  slider = createSlider(0, 60, 30);

  slider.position(width-100, 20);

  slider.style('width', '80px');

​

  volume_slider = createSlider(0, 100, 0);

  volume_slider.position(width-100, 80);

  volume_slider.style('width', '80px');

​

  masterVolume(mv);

  // Start the audio context on a click/touch event

   userStartAudio().then(function() {

      myDiv.remove();

    });

}

​

​

function draw() {

    background(0,0,0);

    frameRate(slider.value());

    mv = volume_slider.value()/100.0;

    masterVolume(mv);

    npart = nparticles[event_count];

    if (event_time%5==0 && pidx<npart) {

      vals = splitTokens(particles[pidx_total]); //.split();

      ptype = int(vals[0]);

      pt = float(vals[1]);

      eta = float(vals[2]);

      phi = float(vals[3]);

      energy = float(vals[4]);

      other = float(vals[5]); // Area for jets, charge for electrons/muons

      //print(ptype,pt,eta,phi,energy,other);

      x = width*((eta + 3.5)/7.0);

      y = height*((phi + 3.14159)/(2*3.14159));

      //print(x,y)

      c = [0,0,0];

      size = 20;

      note = 100;

      amp = 0;

      otype = 0; // Sine, saw, tri, square

      if (ptype==0) { //jets

        c = [255,0,0];

        size = 150*other;

        otype = 3;

      }

      else if (ptype==1) { //muons

        c = [0,255,0];

        size = 30;

        otype = 0;

      }

      else if (ptype==2) { //electrons

        c = [0,0,255];

        size = 15;

        otype = 2;

      }

      //note = floor(30 + 50*(x/width));

      note = floor(40 + 40*(energy/150));

      amp = 1*(pt/150);

      pan = 10*(x/width) - 5;

      if (pan< -1) {

        pan = -1;

      }

      if (pan>1) {

        pan = 1;

      }

      //print("amp: " + amp + "\tnote: " + note + "\tpan: " + pan);

      freq = midiToFreq(note);

      osc = oscs[otype];

      oscs_lifetime[otype] = 10;

​

      //print(otype);

      osc.pan(pan);

      osc.freq(freq);

      osc.phase(0.5);

      osc.amp(amp);

      //envelope.play(osc, 0, 0.1);

​

​

      system.addParticle(createVector(x,y),c,size);           

      pidx++;

      pidx_total++;

      //print(event_count, pidx, pidx_total);

    }

    for (var i=0;i<oscs_lifetime.length;i++) {

      oscs_lifetime[i]--;

      if (oscs_lifetime[i] <= 0) {

         oscs[i].amp(0);   

      }

    }

  event_time++;

//  event_count++;

  // No more particles, get a new event!

  if (system.particles.length <= 0 ) {

    event_time = 0;

    event_count++;

    pidx = 0;

    oscs_lifetime = [10, 10, 10, 10];

  }

  // Turn off sound

  if (pidx >= npart) {

        oscSq.amp(0);

        oscSine.amp(0);

    oscSaw.amp(0);

    oscTri.amp(0);

  }

  if (event_count>nevents) {

    event_count = 0;

  }

  system.run();

  stroke(255);

  strokeWeight(1);

  fill(255);

  textSize(16);

  text("Collision: "+ event_count, 10, 20);

  // Legend

  fill(255,0,0);

  ellipse(20,62,20,20);

  fill(255);

  textSize(16);

  text("jet", 40, 65);

  fill(0,255,0);

  ellipse(20,92,20,20);

  fill(255);

  textSize(16);

  text("muon", 40, 95);

​

  fill(0,0,255);

  ellipse(20,122,20,20);

  fill(255);

  textSize(16);

  text("electron", 40, 125);

  textSize(16);

  fill(255,255,153);

  strokeWeight(1);

  text("Energy --> pitch", 20, height-140);

  text("Transverse momentum --> volume", 20, height-110);

  fill(255);

​

  textSize(16);

  strokeWeight(1);

  text("Play speed ", width-95, 60);

  text("Volume ", width-85, 122);

​

  textSize(24);

  fill(180);

  stroke(180);

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

  // Arrows

  x1 = width/2 + 30;

  x2 = x1 + 40;

  y1 = height-45;

  y2 = y1;

  line(x1,y1,x2,y2);

​

  x1 = x2; //From previous

  x2 = x1 -10;

  y1 = y2; // From previous

  y2 = y1 - 10; 

  line(x1,y1,x2,y2);

​

  y2 = y1 + 10; 

  line(x1,y1,x2,y2);

​

  // Arrows

  x1 = width/2 - 15;

  x2 = x1 - 40;

  y1 = height-45;

  y2 = y1;

  line(x1,y1,x2,y2);

​

  x1 = x2; //From previous

  x2 = x1 + 10;

  y1 = y2; // From previous

  y2 = y1 - 10; 

  line(x1,y1,x2,y2);

​

  y2 = y1 + 10; 

  line(x1,y1,x2,y2);

​

  text("phi", 20, height/2);

  // Arrows

  x1 = 35;

  x2 = x1;

  y1 = height/2 + 10;

  y2 = y1 + 40;

  line(x1,y1,x2,y2);

​

  x1 = x2;

  x2 = x1 + 10;

  y1 = y2;

  y2 = y1 - 10;

  line(x1,y1,x2,y2);

​

  x2 = x1 - 10;

  line(x1,y1,x2,y2);

​

  // Arrows

  x1 = 35;

  x2 = x1;

  y1 = height/2 - 25;

  y2 = y1 - 40;

  line(x1,y1,x2,y2);

​

  x1 = x2;

  x2 = x1 + 10;

  y1 = y2;

  y2 = y1 + 10;

  line(x1,y1,x2,y2);

​

  x2 = x1 - 10;

  line(x1,y1,x2,y2);

​

}

​

​

​

// A simple Particle class

let Particle = function(position, particle_color, size) {

  //print("MM");

    this.position = position.copy();

    this.lifespan = 255;

    this.color = particle_color;

     this.size = size;

};

​

Particle.prototype.run = function() {

    this.update();

    this.display();

};

​

// Method to update position

Particle.prototype.update = function(){

    this.lifespan -= 10;

};

​

// Method to display

Particle.prototype.display = function() {

    stroke(200, this.lifespan);

    strokeWeight(2);

​

    //fill(127, 255);

    fill(this.color[0],this.color[1],this.color[2], this.lifespan);

    r = this.size;

    ellipse(this.position.x, this.position.y, r, r);

};

​

// Is the particle still useful?

Particle.prototype.isDead = function(){

    return this.lifespan < 0;

};

​

let ParticleSystem = function(position) {

    this.origin = position.copy();

    this.particles = [];

};

​

ParticleSystem.prototype.addParticle = function(position,particle_color,size) {

   //print(position.x, position.y, particle_color, size);

  this.particles.push(new Particle(position,particle_color,size));

​

};

​

ParticleSystem.prototype.run = function() {

    for (let i = this.particles.length-1; i >= 0; i--) {

        let p = this.particles[i];

        p.run();

      //print("isDead: " + p.isDead());

        if (p.isDead()) {

            this.particles.splice(i, 1);

        }

    }

};

​

​

ParticleSystem.prototype.clear = function() {

    for (let i = this.particles.length-1; i >= 0; i--) {

        let p = this.particles[i];

            this.particles.splice(i, 1);

    }

};

​

​