// Sketch 1.3: Distance and Text!

var previous_mouseX_pressed = 0;    
var previous_mouseY_pressed = 0;    
var distance_previous_current = 0;  

function setup() {
  createCanvas(800, 800);        
}

function draw() {
  background("yellow");
  
  distance_previous_current = dist(previous_mouseX_pressed, previous_mouseY_pressed, mouseX, mouseY);
  
  circle(previous_mouseX_pressed, previous_mouseY_pressed, 5);
  line(previous_mouseX_pressed, previous_mouseY_pressed, mouseX, mouseY);
  circle(mouseX, mouseY, 5);
  
  // text(distance_previous_current, mouseX, mouseY);
  
  if(distance_previous_current < 200) {
    text("🍕", mouseX, mouseY);
    text("PIZZA", previous_mouseX_pressed, previous_mouseY_pressed);
  } else if (distance_previous_current < 350) {
      text("🍍", mouseX, mouseY);
      text("ANANAS", previous_mouseX_pressed, previous_mouseY_pressed);
  } else {
    text("😵‍💫", mouseX, mouseY);
    text("WOOOOO", previous_mouseX_pressed, previous_mouseY_pressed);
  }
  

    
  if(mouseIsPressed) {
    let current_mouseX_pressed = mouseX;  
    let current_mouseY_pressed = mouseY;  
    
    print("Pressed: " + current_mouseX_pressed + " - " + current_mouseY_pressed) ; 
        
    previous_mouseX_pressed = current_mouseX_pressed;
    previous_mouseY_pressed = current_mouseY_pressed;
  }
}


// Reference: https://p5js.org/reference/