Graphing x-y coordinates from a mouse with Processing

Question

I've found this really cool site on interfacing an Arduino to an optical mouse to read out x-y readings from it. I've done it, and it's working nicely.

Then I was thinking, 'Why not plot all this to become a graph?' and I came across Processing.

I am aware that Processing has an example named 'MouseSignal'

This example is the EXACT thing that I want to write with Processing. But, the only change is that, I want to use the x-y coordinates from the mouse that is attached to the Arduino and ask Processing to generate a 'real-time' graph of the coordinate.

Thanks!

Answer 1

Change the spot in the code where it says:

xvals[width-1] = mouseX; 
yvals[width-1] = mouseY;

Replace mouseX and mouseY with the values coming from the Arduino. You may need to scale these values to fit within the axes.