sound code assignment

let song1, song2, song3; // Variables for 3 songs

let playIcon, cdImage; // Images for play button and rotating CD

let pauseButton, stopButton; // Regular buttons

let song1Button, song2Button, song3Button; // Buttons to switch songs

let volumeSlider; // Slider for volume control

let currentSong; // To track the current song playing

let swashFont, serifFont; // Custom fonts

let cdAngle = 0; // To track the CD rotation angle

​

function preload() {

  // Load your songs

  song1 = loadSound("PAWSA & Adventures of Stevie V - Dirty Cash (Money Talks).mp3");

  song2 = loadSound("PICK UP THE PHONE (Extended).mp3");

  song3 = loadSound("PAWSA - TOO COOL TO BE CARELESS.mp3");

​

  // Load custom fonts

  swashFont = loadFont("JunigardenSwash_PERSONAL_USE_ONLY.otf");

  serifFont = loadFont("JunigardenSerif_PERSONAL_USE_ONLY.otf");

​

  // Load the music icon and CD image

  playIcon = loadImage("music.icon.png");

  cdImage = loadImage("cd.png"); // Replace with the uploaded CD image

}

​

function setup() {

  createCanvas(600, 400);

  background(30);

​

  // Play button with icon

  let playImgButton = createImg("music.icon.png", "Play");

  playImgButton.position(50, 300);

  playImgButton.mousePressed(playSong);

  playImgButton.style('width', '50px');

  playImgButton.style('cursor', 'pointer');

​

  // Pause button

  pauseButton = createButton('Pause');

  pauseButton.position(150, 300);

  styleButton(pauseButton);

  pauseButton.mousePressed(pauseSong);

​

  // Stop button

  stopButton = createButton('Stop');

  stopButton.position(250, 300);

  styleButton(stopButton);

  stopButton.mousePressed(stopSong);

​

  // Song switching buttons

  song1Button = createButton('Song 1: Dirty Cash');

  song1Button.position(50, 350);

  styleButton(song1Button);

  song1Button.mousePressed(() => switchSong(song1));

​

  song2Button = createButton('Song 2: Pick Up the Phone');

  song2Button.position(200, 350);

  styleButton(song2Button);

  song2Button.mousePressed(() => switchSong(song2));

​

  song3Button = createButton('Song 3: Too Cool');

  song3Button.position(400, 350);

  styleButton(song3Button);

  song3Button.mousePressed(() => switchSong(song3));

​

  // Volume slider

  volumeSlider = createSlider(0, 1, 0.5, 0.01); // Min, Max, Default, Step

  volumeSlider.position(350, 300);

​

  // Set the first song as the current song by default

  currentSong = song1;

}

​

function draw() {

  background(30);

​

  // Draw the rotating CD in the center

  push();

  translate(width / 2, height / 2); // Move to the exact center of the canvas

  rotate(radians(cdAngle)); // Rotate by the current angle

  imageMode(CENTER);

  image(cdImage, 0, 0, 200, 200); // Draw the CD with larger size

  pop();

  cdAngle += 2; // Increase the rotation angle for animation

​

  // Title with custom font, centered on the canvas

  fill(255);

  textFont(swashFont);

  textSize(36);

  textAlign(CENTER);

  text("Music Player", width / 2, height / 2 - 130); // Position title above the CD

}

​

// Function to play the song

function playSong() {

  if (!currentSong.isPlaying()) {

    currentSong.play();

  }

}

​

// Function to pause the song

function pauseSong() {

  if (currentSong.isPlaying()) {

    currentSong.pause();

  }

}

​

function stopSong() {

  if (currentSong) {

    currentSong.stop();

  }

}

​

function switchSong(song) {

  if (currentSong.isPlaying()) {

    currentSong.stop(); // Stop the current song before switching

  }

  currentSong = song; // Set the new song as the current song

  currentSong.play(); // Play the new song automatically

}

​

// Function to style buttons

function styleButton(button) {

  button.style('background-color', '#4CAF50');

  button.style('color', 'white');

  button.style('border', 'none');

  button.style('padding', '10px');

  button.style('font-size', '14px');

  button.style('font-family', 'JunigardenSerif_PERSONAL_USE_ONLY.otf');

  button.style('cursor', 'pointer');

}

​

​