프로세싱
-
마우스 클릭으로 선을 그리고 지우기Processing 2020. 11. 11. 17:48
if (mousePressed == true) 문장의 의미는 마우스 좌클릭이 되면이라는 의미이다. image(pg, 0, 0); 함수는 덮어씌우는 의미이다. 스크린 중앙을 기준으로 마우스가 이동한 위치로 선을 그려보자. 좌클릭하면 지우도록 한다. 소스 코드 더보기 PGraphics pg; void setup() { size(400, 400); pg = createGraphics(width, height); } void draw() { background(204); // Clear the PGraphics when the mouse is pressed if (mousePressed == true) { //마우스를 클릭할 때 그림 지우기 pg.beginDraw(); pg.clear();//지우기 pg.end..
-
아두이노(송신)와 프로세싱(수신)에서의 데이터 처리하기 - 하Processing 2020. 11. 11. 17:48
아래의 내용을 기반으로 아두이노에 조이스틱을 연결해서 조이스틱의 값을 받아서 프로세싱에 전달해보자. designatedroom87.tistory.com/306?category=902512 아두이노(송신)와 프로세싱(수신)에서의 데이터 처리하기 - 상 아두이노에서 숫자를 보내나 문자를 보내를 보내나 프로세싱은 문자로 본다. 아두이노에서 Serial.write(123); 을 하면 프로세싱은 이를 '1', '2', '3' 으로 즉, 아스키 코드값인 49, 50, 51로 데이터를 받 designatedroom87.tistory.com 그리고 조이스틱과 아두이노의 연결은 아래를 참고해보자. 그런데 연결할 것도 딱히 없다. designatedroom87.tistory.com/300?category=902307 Jo..
-
아두이노(송신)와 프로세싱(수신)에서의 데이터 처리하기 - 상Processing 2020. 11. 10. 18:43
아두이노에서 숫자를 보내나 문자를 보내를 보내나 프로세싱은 문자로 본다. 아두이노에서 Serial.write(123); 을 하면 프로세싱은 이를 '1', '2', '3' 으로 즉, 아스키 코드값인 49, 50, 51로 데이터를 받고 출력한다. '0'은 아스키 코드값으로 48이다. 송신 측에서는 데이터의 길이도 함께 보내줘야 한다. 추가로 시작 코드는 0x7E를 보내준다. [시작 코드 / 데이터의 길이 / 데이터 / 종료 코드] 로 구성한다. 그리고 아두이노에서 데이터를 전송할 시에, print함수와 write함수를 사용할 수 있는데 이 두 함수의 차이점은 print함수는 2바이트를 write함수는 1바이트 전송한다. 네트워크에서는 write함수 사용한다. 아두이노는 int가 2바이트이다. 이는 sizeo..
-
아두이노에서 프로세싱에 데이터를 전송하고 그래프로 표현하기Processing 2020. 11. 10. 18:17
아두이노가 송신을 하고 프로세싱이 수신을 한다. 아래는 아두이노에서의 소스 코드이다. 아두이노와 프로세싱의 통신에서 가장 중요한 것은 아두이노에서의 포트번호가 중요하다. 아두이노 프로그램에서 [툴]을 선택하고 포트를 확인하면 된다. 아래는 '1'과 '0'을 계속 송신한다. 위는 아스키 코드 값이 49와 48이다. 즉, '1' = 49, '0' = 48이다. 아두이노 소스 코드 더보기 // 데이터는 바이트 형태로 전송된다. 0xFF등과 같은 16진수로 표현 void setup() { // put your setup code here, to run once: Serial.begin(9600); } void loop() { // put your main code here, to run repeatedly: /..
-
프로세싱을 활용해서 도형(원, 선) 그리기Processing 2020. 11. 10. 17:54
프로세싱은 그래픽 적인 요소가 뛰어나다. 그리고 언어 기반은 자바이다. 그리고 API와 마찬가지로 화면 창의 좌측 상단좌표가 원점이다. 아두이노와 통신도 가능하다. 다운받는 방법은 구글에서 프로세싱이라고 검색하고 홈페이지에서 다운 받으면 된다. 주소는 여기이다. processing.org/download/ 그리고 자신의 OS에 맞게 설치를 하면 된다. 원하는 위치에 압축을 풀고 폴더 내로 들어가 보자. 위와 같은 파일이 보일 것이다. 이 파일을 실행하자. 아래와 같은 창이 뜨는데, 아두이노 스케치와 많이 유사함을 볼 수 있다. 이 곳에 코딩을 하면 된다. 임의의 위치에 원 그리기 원의 반지름을 50이라고 가정한다. ellipse함수는 타원을 그리는 함수인데, 첫 두 매개변수는 렌더할 위치를 의미하는데 이..