Positive Emojis - OpenProcessing

mySketch
xxxxxxxxxx
 
//positive emojis
let x = 50;
​
function setup() {
  createCanvas(400, 400);
  emoji = loadImage('Emoji.png');
  happyEmoji = loadImage('EmojiHappy.png');
  
  emojiPink = loadImage('EmojiPink.png');
  happyEmojiPink = loadImage('EmojiHappyPink.png');
  
  emojiGreen = loadImage('EmojiGreen.png');
  happyEmojiGreen = loadImage('EmojiHappyGreen.png')
  
  emojiBlue = loadImage('EmojiBlue.png');
  happyEmojiBlue = loadImage('EmojiHappyBlue.png')
  
  emojiPurple = loadImage('EmojiPurple.png');
  happyEmojiPurple = loadImage('happyEmojiPurple.png');
}
​
function draw() {
  background(196, 255, 212);
  drawEmoji();
  drawEmojiPink();
  drawEmojiGreen();
  drawEmojiBlue();
  drawEmojiPurple();
  
textSize(20);
text('Positive Emojis', 130, 50);
  
textSize(12);
}
​
function drawEmoji() {
  if (dist(240,200,mouseX,mouseY)>x){
    image(emoji, 240, 200, 40); 
  } 
  else {
  image(happyEmoji, 240, 200, 40);
  text('What a wonderful day!', 205, 255);
​
  }
}
​
function drawEmojiPink() {
  if (dist(100,200,mouseX,mouseY)>x){
    image(emojiPink, 100, 200, 40);
  } 
  else {
  image(happyEmojiPink, 100, 200, 40);
    text('You look great today!', 70, 255);
  }
}
​
function drawEmojiGreen() {
  if (dist(200,120,mouseX,mouseY)>x){
  image(emojiGreen, 180, 120, 40);
  } else {
  image(happyEmojiGreen, 180, 120, 40);
    text('You are doing a great job!', 135, 180);
  }
}
​
function drawEmojiBlue() {
  if (dist(300,120,mouseX,mouseY)>x){
  image(emojiBlue,300, 120, 40);
​
  } else {
  image(happyEmojiBlue, 300, 120, 40);
  text('It is so nice to see you!', 265, 175);
  }
}
​
function drawEmojiPurple() {
  if (dist(40,120,mouseX,mouseY)>x){
      image(emojiPurple,40, 120, 40);
  } else {
  image(happyEmojiPurple, 40, 120, 40);
  text('You are so awesome!', 5, 175);
  }
}