soundslibrary

//Do something with speech synthesis, speech recognition, or interactive sound

//Use p5.sound and p5.speech

​

let kSound; //key sound

let sSound; //sink sound

let cSound; //carrot sound

let hSound; //hashbrowns sound

let pSound; //pain sound

​

function preload() {

  //set sounds 

  kSound = loadSound('KEYS.m4a');

  sSound = loadSound('SINK.m4a');

  cSound = loadSound('CARROT.m4a');

  hSound = loadSound('HASHBROWNS.m4a');

  pSound = loadSound('PAIN.m4a');

  //set imgs

  keys = loadImage("keys.png");

  sink = loadImage("sink.png");

  carrot = loadImage("carrot.png");

  hashbrowns = loadImage("hashbrowns.png");

  pain = loadImage("pain.png");

}

​

function setup(){

  createCanvas(windowWidth, windowHeight);

  background(255);

  textAlign(CENTER);

  textSize(50);

  var imgscale = 0.5;

  new p5.Speech().speak("Daily Sounds Library");

  text('DAILY SOUNDS LIBRARY', windowWidth/2, windowHeight/2);

  //https://p5js.org/reference/#/p5/createButton 

  keysB = createButton('KEYS');

  keysB.position(650, 550);

  keysB.mouseClicked(playKeys);

    sinkB = createButton('SINK');

  sinkB.position(300, 200);

  sinkB.mouseClicked(playSink);

    carrotB = createButton('CARROT');

  carrotB.position(1200, 500);

  carrotB.mouseClicked(playCarrot);

    hashbrownsB = createButton('HASHBROWNS');

  hashbrownsB.position(200, 500);

  hashbrownsB.mouseClicked(playHashbrowns);

    painB = createButton('PAIN');

  painB.position(1000, 150);

  painB.mouseClicked(playPain);

}

​

function draw(){

  imageMode(CENTER);

  image(keys, 650, 550, 200, 200);

  image(sink, 300, 200, 200, 200);

  image(carrot, 1200, 500, 200, 200);

  image(hashbrowns, 200, 500, 200, 200);

  image(pain, 1000, 150, 200, 200);

}

​

//button functions

function playKeys(){

  kSound.play();

}

function playSink(){

  sSound.play();

}

function playCarrot(){

  cSound.play();

}

function playHashbrowns(){

  hSound.play();

}

function playPain(){

  pSound.play();

}

​

​

​

​

​