createCanvas(400, 400);

  // console.log('Hello World!');

}

​

function draw() {

  background(220);

  // definišemo promenljive za tekstualni ispis koordinata

  let txt = mouseX + ", " + mouseY;

  let txt1 = "x: " + mouseX;

  let txt2 = "y: " + mouseY;

  // ispis tekstova pomoću promenljiva 

  noStroke();

  textSize(12); 

  fill(150);

  text(txt, 10, 390);

  textSize(15); 

  fill(237, 193, 34);

  text(txt1, mouseX + 15, mouseY);

  fill(237, 34, 93);

  text(txt2, mouseX + 15, mouseY + 20);

  // crtanje linija

  stroke(237, 34, 93);

  strokeWeight(2);

  drawingContext.setLineDash([0]);

  // vertikalna linija

  line(mouseX, 0, mouseX, mouseY);

  stroke(237, 193, 34);

  // horizontalna linija

  line(0, mouseY, mouseX, mouseY);

  // crtanje kružića

  noFill();

  stroke(150);

  circle(mouseX, mouseY, 10);

  // crtanje isprekidane linije

  strokeWeight(0.6);

  drawingContext.setLineDash([5]);

  line(0, 0, mouseX, mouseY);

}