본문 바로가기

프로세싱17

프로세싱 + 아두이노 서보모터 제어 프로세싱 + 아두이노 서보모터 제어 프로세싱을 통해 마우스값을 아두이노로 넘겨LED를 제어해 보았다. (이전글 http://eskelt.tistory.com/65 ) 그와 비슷하게 이번에는 서보 모터를 제어해보자.(서보모터제어 이전글 http://eskelt.tistory.com/8 ) 일단 프로세싱에서 마우스X 값을 아두이노로 넘기고아두이노에서 서보 라이브러리이용하여서보모터를 동작하도록 한다. 예제에서 마우스의 움직임과 마우스의 좌표값을 화면에 표현하기 위한 폰트를 사용하였다.공부한 내용을 정리한 것으로폰트 부분과 마우스의 위치를 화살표로 표시하기 위한부분은 삭제하면 스케치는 간단하다 프로세싱 스케치----------------------------------------------------------.. 2012. 8. 23.
[아두이노+프로세싱] 프로세싱의 마우스 값으로 LED 밝기 제어 프로세싱과 아두이노를 연결하여아두이노에 연결된 자원을 제어해보자이번엔 간단히 LED으 밝기를 제어해보자. 프로세싱과 아두이노는 Serial 통신으로 연결하고서로 데이터를 주고 받을 수 있다. 일단 프로세싱에서는 Serial 라이브러리를 활용한다. 프로세싱 스케치-----------------------------------------------------------------------------import processing.serial.*; //Serial 라이브러리 임포트 Serial mport; // mport라는 시리얼포트 선언void setup(){ size(512,100); mport = new Serial(this,Serial.list()[1],9600); //컴퓨터에 배정된 시리얼포트중 .. 2012. 8. 9.
프로세싱 배열선언 프로세싱 배열은아두이노의 배열 선언과 조금 다르다. 배열 선언 방법은 -------------------------------int[] x; // 배열 선언x = new int[3]; // 배열 생성x[0] = 100;x[1] = 200;x[2] = 300;-------------------------------이다 . 조금 간단히 하면--------------------------------------------------------------int[] x = new int[3]; // 배열 선언하고 배열 생성한다.x[0] = 100;x[1] = 200;x[2] = 300;-------------------------------------------------------------- 더 간단히 하면--.. 2012. 8. 5.
프로세싱 좌표변환 프로세싱 좌표변환 좌표변환 함수를 이용하여 도형의 좌표, 크기, 회전등을표현해보자. 스케치 소스----------------------------------------------------------------------------void setup(){ size(480,360); background(255);} void draw(){ fill(255); rect(0, 0, 100, 100); // 흰색 사각형을 (0,0)에 100x100크기로 그림 --(1) translate(30, 20); // 기준좌표(왼쪽 맨위)를 (30,20)으로 이동 rect(0, 0, 100, 100); // 결국 사각형을 (30,20)에 100x100크기로 그림 --(2) translate(50,50); // 기준좌표를 (.. 2012. 8. 4.
프로세싱 이미지 다루기 이미지를 다루는 방법은 폰트와 별반 다르지 않다. 이전글 프로세싱 폰트다루기 -----------------------------------------------------------------------------------PImage a; // 이미지 변수 선언void setup(){ size(480,360); a = loadImage("_MG_0142.jpg"); // 변수 a에 이미지 불러옴 // 불러오는 이미지파일은 //이 스케치 파일이 저장된 폴더와 같은 위치에 저장되어 있어야 한다. noLoop();} void draw(){ image(a,0,0); // 화면 (0,0)위치에 이미지 표시 image(a, 200,60, a.width/2,a.height/2); // 화면 (200,60)위치에 .. 2012. 8. 4.
프로세싱 글자 다루기 프로세싱에서 글자를 다루는 방법을 알아보자시스템 font 폴더의 폰트를 불러와 자체적으로폰트파일을 저장하여 사용한다. 즉프로세싱 메뉴 - tools -create Font 에서 시스템의 폰트를 선택하여 이름을 넣으면 vlw라는 확장자의 파일을 만들고프로세싱 파일폴더에 저장한다.이파일 명을 스케치에서 폰트로 불러오면 된다. 위 저장한 폰트를 사용하여글씨가 마우스의 움직임에 따라 움직이도록 스케치 해보자. 스케치 소스-----------------------------------------------------------------------------PFont a; //불러올 폰트 변수 a void setup(){ size(480,360); a = loadFont("AgencyFB-Bold-48.vlw").. 2012. 8. 2.

티스토리툴바