//created by Mirette Dahab 

//November 17,2024

//Created for a Harmony study for The Code of Music 

//version 2

​

// Initialize Tone.js components

var synth = new Tone.PolySynth(4, Tone.Synth).toMaster();

Tone.Transport.bpm.value = 120;

​

// Definition of all 12 major chords

let majorChords = {

  "C": ["C3", "E3", "G3"],

  "G": ["B3", "D4", "G3"],

  "D": ["A3", "D4", "F#3"],

  "A": ["A3", "E3", "C#4"],

};

​

let chordNames = Object.keys(majorChords); // Array of chord names

let currentChordIndex = 0; // Start with C major

let currentChord = majorChords[chordNames[currentChordIndex]];

​

// Create an arpeggio

var arpeggio = new Tone.Pattern(function (time, note) {

  synth.triggerAttackRelease(note, "4n", time);

});

arpeggio.pattern = "random"; // Play notes in ascending order

​

// Definition of colors

let noteColors = {

  "C": [255, 89, 191],

  "C#": [168, 17, 110],

  "D": [255, 104, 113],

  "E": [149, 107, 235],

  "F#": [120, 137, 125],

  "G": [223, 172, 144],

  "A": [136, 151, 235],

  "B": [237, 217, 139],

};

​

function setup() {

  createCanvas(600, 600, WEBGL); // Use WEBGL for 3D rendering

  Tone.Transport.start();

  arpeggio.start(0);

  arpeggio.values = currentChord; // Start with the current chord

  console.log("Instructions")

  console.log("- Click on the screen once to enable chord changes.");

  console.log("- Press the up and down keys to alternate between different chords.");

  console.log("- Press spacebar to play the triad.");

  console.log("- Each note in the chord is assigned a unique color as follows");

 console.log("- Current chord:", chordNames[currentChordIndex]);

}

​

function draw() {

 background(242, 233, 245,245);

  let uniqueNotes = [...new Set(currentChord)]; // Use full note names

​

  rotateX(frameCount * 0.002); // Slowly rotate the scene around the X-axis

  rotateY(frameCount * 0.002); // Slowly rotate the scene around the Y-axis

​

  if (uniqueNotes) {

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

      let note = uniqueNotes[i].replace(/[0-9]/g, ""); // Remove octave number

      let color = noteColors[note] ;

      let radius = 100 + i * 50; // Adjust radius for spacing between notes

​

      for (let j = 0; j < 200; j++) { // Generate 200 particles per note

        push();

​

        // Random position in spherical coordinates

        let angle1 = random(TWO_PI);

        let angle2 = random(PI);

        let x = radius * sin(angle2) * cos(angle1);

        let y = radius * sin(angle2) * sin(angle1);

        let z = radius * cos(angle2);

​

        // Particle appearance

        fill(color[0], color[1], color[2], 150);

        noStroke();

​

        // Render particle as a small sphere

        translate(x, y, z);

        sphere(random(2, 5)); // Random sphere size for variety

​

        pop();

      }

    }

  }

}

​

function keyPressed() {

  if (keyCode === UP_ARROW) {

    currentChordIndex = (currentChordIndex + 1) % chordNames.length;

    currentChord = majorChords[chordNames[currentChordIndex]];

    arpeggio.values = currentChord; // Update the chord for the arpeggio

  } else if (keyCode === DOWN_ARROW) {

    currentChordIndex =

      (currentChordIndex - 1 + chordNames.length) % chordNames.length;

    currentChord = majorChords[chordNames[currentChordIndex]];

    arpeggio.values = currentChord; // Update the chord for the arpeggio

  }

}

​