47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
|
// 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/
|