Interface Application Programming

3-2 Using Arduino to control Processing

Project introduction

continuous item:The mouse in the rectangle position to change the led light light.

Detail introduction:Draw a rectangle on the Processing interface. When you click inside the rectangle with the mouse, the LED light on
the Arduino board lights up; when you click outside the rectangle, the LED light on the Arduino board lights off.

Code

Arduino code

//2024.5.25 by Han Chenyue
int c =0;
void setup()//Functions are part of an Arduino program and are executed only once when the program starts running.
{
    Serial.begin(9600); //Initializes serial communication and sets the communication rate to 9600 bits per second
    pinMode(13,OUTPUT); //Set digital pin 13 to output mode to control the devices connected to that pin.
    digitalWrite(13,LOW);//Setting the status of digital pin 13 to low (0V) will ensure that the LED is off at the beginning of the program.
}

void loop() 
{
   if(Serial.available())//Check whether data is available in the serial buffer. If there is data available in the serial buffer, proceed with the following code.
   {
      c=Serial.read();//Read a byte of data from the serial port and store it in variable c.
      if(c==97)                //Check that the byte read is equal to the ASCII 97 character, that is, the letter 'a'.If yes, execute
        digitalWrite(13,HIGH); //Set the status of digital pin 13 to high (5V), which will light up the LED connected to that pin.
      else
        if(c==98)              //Check that the byte read is equal to the ASCII character of 98, that is, the letter 'b'.If yes, execute
          digitalWrite(13,LOW);//Set the status of digital pin 13 to low (0V), which will turn off the LED connected to that pin.
         
   }
}
    

Processing code

//2024.5.25 by Han Chenyue
import processing.serial.*;//This line of code imports Processing's serial port library to communicate with the serial port.
Serial port;//This line of code declares a global Serial object called port, which handles communication with the serial port
void setup()
{
  port =new Serial(this,"COM4",9600);//Initializes serial communication, specifying the serial port number to connect to ("COM4"), and the baud rate of communication (9600).
  size(400,400);
}
void draw()
{
  background(125);
  fill(255);
  rect(100,100,50,50);
}
//Check that the mouse click position is within the specified rectangle.
If the click position is inside a rectangle, send the character "a" to the serial port to indicate that the LED should be ON and print "LED turn ON!" .
If the click position is not inside the rectangle, send the character "b" to the serial port to indicate that the LED should be OFF and print "LED turn OFF!" .
void mouseClicked()
{
  if((mouseX>=100)&(mouseX<；=150)&(mouseY>=100&mouseY<；=150))
  {
    println("LED turn ON!");
    port.write("a");
  }
  else
  {
    println("LED trun OFF!");
    port.write("b");
  }
}
    

Circuit diagram

Physical connection mode

Effect display