Mouse coordinates not working in the area of the screen where there is a form

p5.js Coding Questions
1

Hi there,
I’m trying to use processing for an html5 page.
I want to draw lines for all the page on mouse moving.
When I move the mouse on the area of the page in which there is a form the lines are not drawn.
I would like it could work even there.
If I move the mouse below the form it works and the lines are drawn even under the form.
Please can anybody give me any hint to fix it?

Thank you in advance,

Davide

2

what i see with p5.js
is that the mouse is working from top left ( 0,0 ) of canvas
to right bottom of browser window!

and good style would be to limit that by some code
comparing mouse X,Y with width and height.

https://editor.p5js.org/kll/sketches/BJYFW_hTQ

now you want what? i not think it is possible to read -x y mouse?
so first do some tests about
https://editor.p5js.org/kll/full/BJYFW_hTQ
https://editor.p5js.org/kll/present/BJYFW_hTQ

also about browser settings, still the limit will be the browser window.
( as p5js is running inside a browser )
but with “F11” firefox and chrome go fullscreen.

3

Hi Kll, thank you for getting back to me!!!
I think my situation is different. there is a php authentication form that probably goes over my processing sketch. So there is the area used from the login that doesn’t communicate with my processing sketch.