본문 바로가기

전체 글83

프로세싱 이미지 다루기 이미지를 다루는 방법은 폰트와 별반 다르지 않다. 이전글 프로세싱 폰트다루기 -----------------------------------------------------------------------------------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.
프로세싱 수학함수3 (atan2() 함수 마우스를 따라다니는 진자) 이전글 프로세싱 수학함수1 프로세싱 수학함수2 (삼각함수) 삼각함수를 이용해 원을 그리고 마우스의 위치값에 따라 진자(표현된 그림이 진자처럼 보여)가 따라 다니도록 스케치 해보자. 스케치 소스 -------------------------------------------------------------------- void setup(){ size(480,360); // 창의 크기 //background(255); //noLoop(); } void draw(){ background(255); float angle = 0; float arrowX = 0; float arrowY = 0; angle = atan2(mouseY-200, mouseX-200); // (200,200)점을 원점으로 x축으로 부터의.. 2012. 7. 30.
프로세싱 수학함수2 (삼각함수) 이전글 : 프로세싱 수학함수1 프로세싱에서 사용되는 수학함수와삼각함수를 이용하여 원을 그려보자. ---------------------------------------------------------------------------------------------------void setup() {size(480, 320);background(255);// noLoop();} void draw() {println(PI); // 3.14println(TWO_PI); // 2*3.14println(HALF_PI); // 3.14/2println(QUARTER_PI); // 3.14/4println(radians(90)); //일반각을 호도법으로println(degrees(PI)); // 호도법을 일반각으로p.. 2012. 7. 30.
프로세싱 키보드값과 특수키값 출력 프로세싱 키보드값과 특수키값 출력 프로세싱을 통해 키보드에서 입력 받은 키의 값 또는 특수키 값을 출력해보자 스케치 소스--------------------------------------------------------------------------------------void draw(){ } void keyPressed(){ if(key== CODED){ //자판으로 입력받은 키가 특수키(alt, ctrl, up, down...)인지를 물어봄 println("Keycode = " + keyCode); // 그렇다면 특수키의 keycode 값을 출력 } else{ println("key = " + key); // 일반 키라면 그대로 눌러진 키출력 즉 a 입력시 "key = a" 로 출력 //prin.. 2012. 7. 29.
프로세싱 마우스 이동제한 마우스 이동제한 물체가 마우스를 따라다니며이 물체는 정해진 경계에서만 따라다니도록 한다. 스케치 소스--------------------------------------------------------------float mx;float my;float easing = 0.05;int radius = 24; // 마우스를 따라다닐 원의 반지름int edge = 56;int inner = edge + radius; void setup(){ size(480,320); noStroke(); smooth(); ellipseMode(RADIUS); rectMode(CORNERS);} void draw(){ background(255); if(abs(mouseX-mx)>0.1){ // 마우스의 x위치와 mx값이 0.. 2012. 7. 28.