Week 16: Interface and application programming

1. Test application program
First I designed and tested the application program. In order to confirm the data transfer, I sketched to send 100 and 200 numerically from the input board.
If it is a print command, the data from ATtiny 45 will be ASCII code. Therefore, we used a write command so that data can be sent as it is. Processing was used to create application programs. The value transmitted from the input board is received, and the graph is displayed.
Below is the execution result. It was confirmed that the graph changes according to the received data.
#include <SoftwareSerial.h> SoftwareSerial mySerial(3,4); // RX, TX void setup() { mySerial.begin(9600); } void loop() { mySerial.write(100); delay(1000); mySerial.write(200); delay(1000); }


import processing.serial.*; Serial myPort; int p, value; void setup(){ size(640, 640); myPort = new Serial(this, "/dev/cu.usbserial-A700eEjj", 9600); PFont font = createFont("MS Gothic",48,true); textFont(font); textSize(40); } void draw(){ background(255); println(value); p = (value*100/255)*3; fill(0, 0, 0); text(value*100/255+"%", 300, 520); fill(255, 0, 0); // rect(55, 130-p, 30, p); rect(200, 450-p, 280, p); } void serialEvent(Serial p){ value = p.read(); }




2. Programming the application program
An application program was created using a test program. For input, I decided to use sensor input of drink entered into the cup used in the final project. With reference to the record at the time of making the input board, I programed the image to change as drinks enter the cup.
The image of the cup used the image of the free material site.
Image quote illustration pop http://illpop.com/png_foodhtm/alcohol_a06.htm

Below is the execution result. It was confirmed that the graph and the image change according to the received data.
import processing.serial.*; Serial myPort; int p1, value; int p2; PImage photo1; PImage photo2; void setup(){ size(640, 640); myPort = new Serial(this, "/dev/cu.usbserial-A700eEjj", 9600); PFont font = createFont("MS Gothic",48,true); textFont(font); textSize(40); photo1 = loadImage( "glass1.png" ); photo2 = loadImage( "glass2.png" ); } void draw(){ background(255); println(value); p1 = (value*100/255); p2 = p1*3; if (value < 200) image( photo1, 250, 0 ); else image( photo2, 250, 0 ); fill(0, 0, 0); text(p1+"%", 70, 550); fill(255, 0, 0); rect(50, 500-p2, 120, p2); } void serialEvent(Serial p){ value = p.read(); }




Archive
-Appication Program (Prosessing,png)
*Prosessing 3.3.5(MAC OS X)

This week's assignment is over.