Below is some Processing code I am using copied from a Tom Igoe example.
I would like this to display the graph as well as the text analog readout and the value. The problem is that the values keeping writing over each other in the same spot as before which makes the numbers unreadable.
Any suggestions how I can the graph and the text at the same time without the issue I am having?
import processing.serial.*;
PFont font;
Serial myPort; // The serial port
int xPos = 1; // horizontal position of the graph
void setup () {
// set the window size:
size(400, 300);
font = loadFont("Andalus-48.vlw");
textFont(font, 22);
// List all the available serial ports
println(Serial.list());
// I know that the first port in the serial list on my mac
// is always my Arduino, so I open Serial.list()[0].
// Open whatever port is the one you're using.
myPort = new Serial(this, Serial.list()[1], 9600);
// don't generate a serialEvent() unless you get a newline character:
myPort.bufferUntil('\n');
// set inital background:
background(0);
}
void draw () {
// everything happens in the serialEvent()
}
void serialEvent (Serial myPort) {
// get the ASCII string:
String inString = myPort.readStringUntil('\n');
if (inString != null) {
// trim off any whitespace:
inString = trim(inString);
// convert to an int and map to the screen height:
float inByte = float(inString);
inByte = map(inByte, 0, 1023, 0, height);
// draw the line:
stroke(127,34,255);
line(xPos, height, xPos, height - inByte);
// at the edge of the screen, go back to the beginning:
if (xPos >= width) {
xPos = 0;
background(0);
}
else {
// increment the horizontal position:
xPos++;
}
}
fill(255,0,0);
text("Analog Read Value ",10,100);
text(inString,200,100);
myPort.clear();
}