textstuff3 - OpenProcessing

mySketch
xxxxxxxxxx
 
var speech = new p5.Speech(); 
speech.onLoad = speechLoaded; 
speech.interrupt = true;
var input = '';
var fonts = [];
var images = [];
var r = 1;
var v = 50;
​
​
​
function setup() { 
  createCanvas(windowWidth, windowHeight);
  background("pink");
  textSize(80);
  textAlign(CENTER);
  var box = createInput('');
  box.position(width/2, height/2);
  box.size(100);
  box.input(boxtyped);
  
}
​
​
function preload() {
  images[0] = loadImage('pixel-dead.png');
  images[1] = loadImage('blox-brk-font-1-big.png');
  images[2] = loadImage('pentagon-font-5-big.png');
  images[3] = loadImage('Psychedelia.jpg');
  fonts[0] = loadFont('pixel dead.ttf');
  fonts[1] = loadFont('Blox2.ttf');
  fonts[2] = loadFont('Pentagon.ttf');
  fonts[3] = loadFont('Psychedelia HM.ttf');
}
​
function draw() {
  image(images[0], 0, 0, 300, 200);
  image(images[1], 300, 0, 300, 200);
  image(images[2], 0, 200, 300, 200);
  image(images[3], 300, 200, 300, 200);
}
​
function boxtyped()
{
    input = this.value();
}
​
function mouseClicked()
{
  fill(random(0,255), random(0,255), random(0,255));
  if (mouseX>0 && mouseX<300 && mouseY>0 && mouseY<200){
    textFont(fonts[0]);
  }
  else if (mouseX>300 && mouseX<600 && mouseY>0 && mouseY<200){
    textFont(fonts[1]);
    
  }
  else if (mouseX>0 && mouseX<300 && mouseY>200 && mouseY<400){
    textFont(fonts[2]);
    
  }
  else if (mouseX>300 && mouseX<600 && mouseY>200 && mouseY<400){
    textFont(fonts[3]);
  }
  
  text(input, mouseX, mouseY);
  speech.speak(input);
}
​
function speechLoaded() {
  speech.setVoice("Google UK English Female");
}
​
function keyTyped() { 
  if(key=='c') {
    background("pink");
  }
}