Recitation 8: Serial Communication

Task 1

At first, I did not know how to draw the line. And then, reminded of the position of “background” would work, I put the background function into setup. Then it still didn’t work, I realized it is not enough, so with my partner’s help, I added the “pre” function to my code.

This process of reflection involved users changing the direction of the line with their own control, it is actually hard to draw a picture with it.

/**
* Example sketch for the SerialRecord library for Processing.
 *
 * Receives two integers from the serial port, and uses them to control the x
 * and y position of a circle on the canvas.
 */

import processing.serial.*;
import osteele.processing.SerialRecord.*;

Serial serialPort;
SerialRecord serialRecord;
int value1;
int value2;
float x;
float y;
float prex;
float prey;
void setup() {
  fullScreen();

  String serialPortName = SerialUtils.findArduinoPort();
  serialPort = new Serial(this, serialPortName, 9600);

  // If the Arduino sketch sends a different number of values, modify the number
  // `2` on the next line to match the number of values that it sends.
  serialRecord = new SerialRecord(this, serialPort, 2);
  background(0);
}

void draw() {
  serialRecord.read();
  value1 = serialRecord.values[0];
  value2 = serialRecord.values[1];
  prex=x;
  prey=y;
  stroke(255);
  x = map(value1, 0, 1024, width, 0);
  y = map(value2, 0, 1024, 0, height);
  line(prex,prey,x,y);
}

Task 2:

My partner: Tianrun Zhang

Honestly, we got stuck by the first step of this task. We couldn’t find a practical way to draw a bouncing ball. My partner did not bring his kit, so we drew a bouncing ball dropping from the top.

At first, I tried to write the code with the “if” function, and it was not working, then my partner tried it with multi-variables with complex conditions, and it was not working either.

After class, I figure out the right way of drawing the bouncing ball, but we didn’t have time to add the servos.

I would call it an interaction between Arduino and Processing but not between devices and humans. I actually did not see a high degree of interaction in this project.🤣

/**
 * Example sketch for the SerialRecord library for Processing.
 *
 * Maps the horizontal and vertical position of the mouse on the canvas to the
 * range 0…1023, and sends them to the serial port.
 
 float y = 0;
float speedY = 0;
*/

import processing.serial.*;
import osteele.processing.SerialRecord.*;

Serial serialPort;
SerialRecord serialRecord;

float y = 0;
float speedY = 0;

void setup() {
  size (1000,1000);

  String serialPortName = SerialUtils.findArduinoPort();
  serialPort = new Serial(this, serialPortName, 9600);

  // In order to send a different number of values, modify the number `2` on the
  // next line to the number values to send. In this case, the corresponding
  // number in the Arduino sketch should be modified as well.
  serialRecord = new SerialRecord(this, serialPort, 2);
}

void draw() {
  background(0);
  y = y + speedY;
  
  speedY += 0.03;
  
  if (y<0||y>height){
    speedY = speedY * -1;
  }
  fill(255);
  circle(width/2, y, 50);

  // store some values in serialTransport.values, and send them to the Arduino
  serialRecord.values[0] = int(map(y,0, 1000, 0, 1023));
 
  serialRecord.send();
}

Leave a Reply Cancel reply