serialCount = 0;///////////////////////////////////////////////int LeftMargin=100;int RightMArgin=80;int TextGap=50;int GraphYposition=80; float BarPercent = 0.4;int value;PFont font;PImage bg;int temp;float yRatio = 0.58;int BarGap, BarWidth, DivisounsWidth;int[] bars = new int[NumOfBars];void setup(){ bg = loadImage("BG.jpg"); /// NB SETTINGS //////////////////////////////////////////////////////// myPort = new Serial(this,"COM5",57600); //////////////////////////////////////////////////////////////////////// DivisounsWidth = (ScreenWidth-LeftMargin-RightMArgin)/(NumOfBars); BarWidth = int(BarPercent*float(DivisounsWidth)); BarGap = DivisounsWidth - BarWidth; size(ScreenWidth,ScreenHeight); font = createFont("Arial",12); textAlign(CENTER); textFont(font);}void draw(){ //background(bg); // My one used a background image, I've background(250); // commented it out and put a plain colour // Headings(); // Displays bar width, Bar gap or any variable. Axis(); Labels(); PrintBars(); // Line();// Dots(); }// Send Recieve data //void serialEvent(Serial myPort) { // read a byte from the serial port: int inByte = myPort.read(); if (firstContact == false) { if (inByte == 'A') { myPort.clear(); // clear the serial port buffer firstContact = true; // you've had first contact from the microcontroller myPort.write('A'); // ask for more } } else { // Add the latest byte from the serial port to array: serialInArray[serialCount] = inByte; serialCount++; // If we have 6 bytes: if (serialCount > NumOfBars -1 ) {for (int x=0;x<NumOfBars;x++){ bars[x] = int (yRatio*(ScreenHeight)*(serialInArray[x]/256.0));} // Send a capital A to request new sensor readings: myPort.write('A'); // Reset serialCount: serialCount = 0; } }}/////// Display any variables for testing here//////////////void Headings(){ fill(0 ); text("BarWidth",50,TextGap ); text("BarGap",250,TextGap ); text("DivisounsWidth",450,TextGap ); text(BarWidth,100,TextGap ); text(BarGap,300,TextGap ); text(DivisounsWidth,520,TextGap );}void PrintBars(){ int c=0; for (int i=0;i<NumOfBars;i++){ fill((0xe4+c),(255-bars[i]+c),(0x1a+c)); stroke(90); rect(i*DivisounsWidth+LeftMargin, ScreenHeight-GraphYposition, BarWidth, -bars[i]); fill(0x2e,0x2a,0x2a);// text(float(bars[i])/(yRatio*(ScreenHeight))*Vcc, i*DivisounsWidth+LeftMargin+BarWidth/2, ScreenHeight-bars[i]-5-GraphYposition );// text("A", i*DivisounsWidth+LeftMargin+BarWidth/2 -5, ScreenHeight-GraphYposition+20 );// text(i, i*DivisounsWidth+LeftMargin+BarWidth/2 +5, ScreenHeight-GraphYposition+20 ); }}void Axis(){ strokeWeight(1); stroke(220); for(float x=0;x<=NumOfVertSubDivisions;x++){ int bars=(ScreenHeight-GraphYposition)-int(yRatio*(ScreenHeight)*(x/NumOfVertSubDivisions)); line(LeftMargin-15,bars,ScreenWidth-RightMArgin-DivisounsWidth+50,bars); } strokeWeight(1); stroke(180); for(float x=0;x<=NumOfVertDivisions;x++){ int bars=(ScreenHeight-GraphYposition)-int(yRatio*(ScreenHeight)*(x/NumOfVertDivisions)); line(LeftMargin-15,bars,ScreenWidth-RightMArgin-DivisounsWidth+50,bars); } strokeWeight(2); stroke(90); line(LeftMargin-15, ScreenHeight-GraphYposition+2, ScreenWidth-RightMArgin-DivisounsWidth+50, ScreenHeight-GraphYposition+2); line(LeftMargin-15,ScreenHeight-GraphYposition+2,LeftMargin-15,GraphYposition+80); strokeWeight(1);}void Labels(){ textFont(font,18); fill(50); rotate(radians(-90)); text(yLabel,-ScreenHeight/2,LeftMargin-45); textFont(font,10); for(float x=0;x<=NumOfVertDivisions;x++){ int bars=(ScreenHeight-GraphYposition)-int(yRatio*(ScreenHeight)*(x/NumOfVertDivisions)); text(round(x),-bars,LeftMargin-20); } textFont(font,18); rotate(radians(90)); text(xLabel,LeftMargin+(ScreenWidth-LeftMargin-RightMArgin-50)/2,ScreenHeight-GraphYposition+40); textFont(font,24); fill(50); text(Heading,LeftMargin+(ScreenWidth-LeftMargin-RightMArgin-50)/2,70); textFont(font); fill(150); text(URL,ScreenWidth-RightMArgin-40,ScreenHeight-15); textFont(font);}Abaixo estao os dois videos do teste: