Nancy's Fab Academy Journey

Final Project Interface

For my final project I have 3 button and one force resistor, I need to make a interface that when I push button, it will show on interface like sad, happy, neutrl.

I use my gino board for it, and use processing to make a very simple gui.

First test, It looks like this when I push my button on smart paw.

My final project video is also here, you need to use VPN to watch it.

Here is my code in Processing:

</import processing.serial.*;  
									Serial myPort;  
									String data="" ;
									PFont  myFont;  
									int  dataInt;
									 
									
									void setup()
									{
									size(1366,900); // size of processing window
									background(0);// setting background color to black
									myPort = new Serial(this, "/dev/cu.HC-05-SPPDev", 9600);
									myPort.bufferUntil('\n');
									}
									void draw()
									{
									  background(0);
									  textAlign(CENTER);
									  fill(255);
									  text(data,500,200);
									  textSize(100);
									  fill(#4B5DCE);
									  text("Data Input:",150,150);
									   noFill();
									   stroke(#4B5DCE);
									   dataInt= int(data);
									  println(dataInt);
									   text(dataInt,250,700);
									   if (dataInt ==1) { 
									  circle(200, 500, 100);
									  text(dataInt,140,300);
									  text("happy",350,300);
									  
									} else if (dataInt ==2) { 
									  circle(400, 500, 100);
									}
									}
									void serialEvent(Serial myPort)
									{
									 
									  data=myPort.readStringUntil('\n');
									  dataInt= int(trim(data));
									}>

</ul>