아두이노 우노 R4 조이스틱 3D Model Processing 코드

 

이번 레슨에서는 아두이노 우노 보드를 프로그래밍하여 조이스틱의 상태를 수집하고 시리얼 통신을 통해 데이터를 처리 장치에 전송합니다. 

 

원리

 

실험은 두 부분으로 구성됩니다: 첫째, 아두이노에서 데이터를 수집하고 둘째, 데이터를 처리합니다. 여기서는 아두이노 UNO 보드를 사용하여 조이스틱 상태의 데이터를 수집하고 직렬 포트를 통해 컴퓨터로 데이터를 업로드합니다. 데이터는 프로세싱을 통해 처리되어 3D 이미지로 표시됩니다.

 

참고:

1. 이 실험에서는 아두이노 UNO 보드를 컴퓨터 포트 COM9에 연결했습니다. 하지만 여러분의 경우에는 다를 수 있습니다. 따라서 실제 상황에 맞게 조정해 주세요.

2. 처리가 정상적으로 실행되지 않는 경우 관련 함수 라이브러리를 설치해야 할 수 있습니다. 

 

연결도

 

https://www.adeept.com/learn/tutorial-40.html

 

 

일단 아두이노 우노 R4 미니마에서는 아래 코드를 실행한다. 

 

중요: 아두이노 IDE 환경에서 Serial Monitor를 열지 않는다. Processing 과 공시에 시리얼 포트를 가져가면 3D 모델링이 실행하지 않는다.

 

/***********************************************************
File name:   35_PS2Joystick_Processing.ino
Description: Arduino and processing interactive
             The Joystiak data which Arduino collected send 
             the processing software to display.  
Website: www.adeept.com
E-mail: support@adeept.com
Author: Tom
Date: 2015/05/02 
***********************************************************/
int xpotPin = 0; // Define UNO board A0 pin connect the Ioystick x
int ypotPin = 1; // Define UNO board A1 pin connect the Ioystick y
int swPin = 9;   // Define UNO board digital 9 pin connect the Ioystick sw

int xval = 0;
int yval = 0;
int swval= 0;

void setup() { 
  // Start the serial port, baud rate to 9600
  Serial.begin(9600); 
  pinMode(swPin,INPUT_PULLUP);//Set swPin inputand pull up 
} 
  
void loop() { 
  // Read the Joystick x y sw information
  int xval = analogRead(xpotPin);
  int yval = analogRead(ypotPin);
  int swval = digitalRead(swPin);
  
  Serial.print(xval);//Dend xval value
  Serial.print(',');
  Serial.print(yval);//Dend yval value
  Serial.print(',');
  Serial.print(swval);//Dend swval value
  Serial.println(','); 
  delay(100); 
}

 

 

 

아래는 Processing 코드

 

코드에서 수정할 부분은 27 라인의 COM 포트를 제대로 지정해야 하고, 30 라인의 LOGO11.png 파일을 만들어야 한다. 대충 사각형 그림으로 그려서 넣어주면 된다. 파일은 압축해서 올려둔다.

 

LOGO11.zip

0.00MB

 

 

/***************************************************************
File name:   Processing_PS2Joystick.pde
Description: Arduino and processing interactive
             The Joystiak data which Arduino collected send 
             the processing software to display.
Website: www.adeept.com
E-mail: support@adeept.com
Author: Tom
Date: 2015/05/02 
*****************************************************************/ 
import processing.opengl.*; //Transferred to the 3D library
import processing.serial.*; //Transferred to the serial library
  
Serial myPort;//Create Serial objects myPort 
PFont font;//Create font Variables
int Rw[] = new int[3];
byte inBuffer[] = new byte[100];
PImage img;

void setup() { 
  // set the canvas size is 600 x 600
  size(600,600,OPENGL); //Set the size of 3D canvas
  
  // Open the serial port and set the baud rate to 9600
  // This experiment arduino board is connected to COM26, here please
  // adjust according to actual situation.
  myPort = new Serial(this,"COM9",9600);
  noSmooth();
  font = createFont("Arial",48,true);//Loading system font
  img = loadImage("LOGO11.png");
}

void draw() { 
  background(0);//Set Background Color
  image(img,450,450);
  lights();//Open lights
  readSensors();//Read 2-Axis value
  fill(255,0,0);//Set the fill color
  textFont(font,30);//Set the font size
  text("ANGLE :\n"+"xval:"+Rw[0]+"\n"+"yval:"+Rw[1]+"\n"+"swval:"+Rw[2],50,50);//Read the value displayed
  if(Rw[2]==1){
    fill(255,0,255);//Set the fill color
  }else{
    fill(0,255,255);//Set the fill color
  }
 
  translate(-Rw[1]/4+300,-Rw[0]/4+300,0);//Settings Transfer Coordinates
  box(50,50,250);//Draw a box 300 * 300 * 40
} 
void  readSensors(){
  if(myPort.available()>0){
     if(myPort.readBytesUntil(10,inBuffer)>0){//Read to determine whether the wrap 10BYTE
      String inputString = new String(inBuffer);
      String inputStringArr[] = split(inputString,',');//Data ',' Split
      Rw[0] = int(inputStringArr[0]);//Read the X value
      Rw[1] = int(inputStringArr[1]);//Read the y value
      Rw[2] = int(inputStringArr[2]);
      Rw[0] = 515 - Rw[0];//Rocker midpoint value 515 into 0
      Rw[1] = Rw[1] - 515;//Converted to negative (rocker line out)
    }
  }
}

 

 

아래롸 같이 아름답게 실행한다.

 

https://www.adeept.com/learn/tutorial-40.html

 

 

참고 링크