Processing — Real-Time Visualization

void setup() {
  // Runs ONCE at the start
  // Set window size, initialize serial port
}

void draw() {
  // Runs CONTINUOUSLY — like loop() in Arduino
  // Draw shapes, text, update the display
}

import processing.serial.*;   // 1. Import the library

Serial myPort;                // 2. Declare the serial port object

void setup() {
  size(400, 300);
  printArray(Serial.list());  // 3. List available ports
  // 4. Open the port — index [0] is usually the first available
  myPort = new Serial(this, Serial.list()[0], 9600);
  myPort.bufferUntil('\n');   // 5. Call serialEvent() once per full line
}

// Sensor value 0–1023 mapped to bar width 0–300 pixels:
float barWidth = map(sensorValue, 0, 1023, 0, 300);
rect(50, 100, barWidth, 30);

// Temperature 0–50 °C mapped to the red colour component:
float r = map(temperature, 0, 50, 0, 255);
fill(r, 0, 0);

MyProject/              ← sketch folder
├── MyProject.pde       ← main file (same name as folder)
└── data/               ← images, fonts, sounds

float t = 0;

void setup() {
  size(500, 300);
  textAlign(CENTER, CENTER);
}

void draw() {
  background(30);                 // dark grey background
  t++;

  // Animated colour using sine waves
  float r = 127 + 127 * sin(t * 0.05);
  float g = 127 + 127 * sin(t * 0.03);

  // Rounded rectangle (last argument = corner radius)
  fill(r, g, 100);
  rect(50, 80, 400, 60, 10);

  // White text centred in the rectangle
  fill(255);
  textSize(22);
  text("Processing + Arduino = Power!", 250, 110);

  // Animated circle
  fill(r, 50, 200);
  ellipse(250, 220, 60, 60);
}

int counter = 0;

void setup() {
  Serial.begin(9600);
}

void loop() {
  Serial.println(counter);   // send number to Processing
  counter++;
  if (counter > 100) counter = 0;
  delay(500);
}

import processing.serial.*;

Serial myPort;
int receivedValue = 0;

void setup() {
  size(400, 250);
  printArray(Serial.list());              // check available ports
  myPort = new Serial(this, Serial.list()[0], 9600);
  myPort.bufferUntil('\n');
}

void draw() {
  background(240);

  fill(50);
  textSize(20);
  text("Received from Arduino: " + receivedValue, 50, 80);

  fill(100, 150, 255);
  float barW = map(receivedValue, 0, 100, 0, 300);
  rect(50, 120, barW, 40);

  fill(0);
  textSize(16);
  text(receivedValue + " / 100", 50 + barW/2, 145);
}

void serialEvent(Serial p) {
  String incoming = p.readStringUntil('\n');
  if (incoming != null) {
    incoming = trim(incoming);
    if (incoming.matches("\\d+")) {       // only digits? then it is safe
      receivedValue = int(incoming);
    }
  }
}

void setup() {
  Serial.begin(9600);
}

void loop() {
  float temperature = 23.5;   // in the real project: a sensor reading
  float humidity    = 61.0;

  Serial.print(temperature);
  Serial.print(",");          // comma separator
  Serial.println(humidity);   // newline at the end
  delay(1000);
}

import processing.serial.*;

Serial myPort;
float temperature = 0;
float humidity = 0;

void setup() {
  size(500, 300);
  myPort = new Serial(this, Serial.list()[0], 9600);
  myPort.bufferUntil('\n');
}

void draw() {
  background(255);
  fill(0);
  textSize(22);
  text("Temperature: " + nf(temperature, 1, 1) + " \u00B0C", 50, 100);
  text("Humidity:    " + nf(humidity, 1, 1) + " %", 50, 150);

  fill(220, 50, 50);                                   // temperature bar
  rect(50, 170, map(temperature, 0, 50, 0, 380), 25);

  fill(50, 100, 220);                                  // humidity bar
  rect(50, 210, map(humidity, 0, 100, 0, 380), 25);
}

void serialEvent(Serial p) {
  String data = p.readStringUntil('\n');
  if (data != null && data.contains(",")) {
    String[] values = split(trim(data), ",");
    if (values.length == 2) {
      temperature = float(values[0]);
      humidity    = float(values[1]);
    }
  }
}

void setup() {
  Serial.begin(9600);
  pinMode(13, OUTPUT);              // built-in LED
}

void loop() {
  if (Serial.available() > 0) {
    char cmd = Serial.read();
    if (cmd == '1')      digitalWrite(13, HIGH);  // LED ON
    else if (cmd == '0') digitalWrite(13, LOW);   // LED OFF
  }
}

import processing.serial.*;

Serial myPort;
boolean ledOn = false;

void setup() {
  size(400, 220);
  myPort = new Serial(this, Serial.list()[0], 9600);
  textAlign(CENTER, CENTER);
}

void draw() {
  background(240);
  fill(30);
  textSize(18);
  text("Arduino LED Control", 200, 30);
  text("Click buttons or press 1 / 0 on keyboard", 200, 60);

  fill(ledOn ? color(0, 200, 0) : color(180));     // ON button
  rect(60, 100, 120, 50, 8);
  fill(255);
  text("ON", 120, 125);

  fill(!ledOn ? color(200, 50, 50) : color(180));  // OFF button
  rect(220, 100, 120, 50, 8);
  fill(255);
  text("OFF", 280, 125);

  fill(30);
  textSize(16);
  text("Status: LED is " + (ledOn ? "ON" : "OFF"), 200, 190);
}

void setLed(boolean on) {
  myPort.write(on ? '1' : '0');
  ledOn = on;
}

void mousePressed() {
  if (mouseX > 60  && mouseX < 180 && mouseY > 100 && mouseY < 150) setLed(true);
  if (mouseX > 220 && mouseX < 340 && mouseY > 100 && mouseY < 150) setLed(false);
}

void keyPressed() {
  if (key == '1') setLed(true);
  if (key == '0') setLed(false);
}