Rotation

let angle = 0;

let number = 0; // Song Number

let albumNum = [pic, album1, album2, album3];

var pic;

var song1;

var song2;

var song3;

var album1;

var album2;

var album3;

function preload() {

  song1 = loadSound("Peter Paul & Mary - Puff The Magic Dragon (with Lyrics).mp3");

  song2 = loadSound("500 Miles - Inside Llewyn Davis.mp3");

  song3 = loadSound("Bob Dylan - Mr. Tambourine Man (Audio).mp3");

  album1 = loadImage('puffAlbum.png');

  pic = loadImage('vinyl.png');

  //  album2 = loadImage('');

  //album3 = loadImage('');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  angleMode(DEGREES);

}

​

​

  function draw() {

    background('#e6ae20');

    translate(windowWidth / 2, windowHeight / 2);

    rotate(angle);

    imageMode(CENTER);

    image(pic, 0, 0);

    angle += 1;

}

function keyTyped() {

  if (key === '1') {    

    // Song Played

    song1.play();

    song2.stop();

    song3.stop();

    // Album 

    number = 1

  } else if (key === '2') {

    // Song Played

    song2.play();

    song1.stop();

    song3.stop();

  } else if (key === '3') {

    // Song Played

    song3.play();

    song1.stop();

    song2.stop();

  }

}