hobbyware

[프로세싱] PImage를 이용한 이미지 처리 #4 이중 for문을 이용하여 바둑판식 그림 배열

develop/processing




/* 소스코드 시작 */


PImage img;



void setup()

{

  size(640, 360);

  smooth();

  img = loadImage("file.png");

}


void draw()

{

  int w = mouseX+1;

  int h = mouseY+1;

  for (int j=0; j<height; j+=h)

  {

    for (int i=0; i<width; i+=w)

    {

      image(img, i, j, w, h);

    }

  }

}



/* 소스코드 끝 */


[프로세싱] PImage를 이용한 이미지 처리 #3 회전 시키기

develop/processing



/* 소스코드 시작 */


PImage img;

float x, y, rot;


void setup()

{

  size(1000, 600);

  smooth();

  img = loadImage("file.png");

  x = width/2;

  y = height/2;

  rot = 0;

}


void draw()

{

  background(255);

  translate(x, y);

  rotate(rot);

  image(img, 0, 0, img.width/4, img.height/4);

  rot += 0.01;

}


/* 소스코드 끝 */


반대 방향으로 회전하려면 rot를 음수로 바꿔주면 된다.

회전 속도는 rot += 0.01; 이 라인에서 숫자를 키워주면 된다.


[프로세싱] PImage를 이용한 이미지 처리 #2 그림의 움직임과 사이즈

develop/processing

PImage를 이용하여 마우스의 좌표에 따라 그림이 움직이고 그림의 사이즈 조정하기.




/* 소스코드 시작 */


PImage img;

void setup ()

{

  size(1000,600);

  smooth();

  img = loadImage("file.png");


}



void draw()

{

  background (255);

  image(img, mouseX, mouseY, img.width/4, img.height/4);

}


/* 소스코드 끝 */

[프로세싱] PImage를 이용한 이미지 처리 #1 마우스의 좌표에 따라 움직이기

develop/processing

PImage를 이용하여 그림을 불러오고 마우스의 좌표에 따라 그림 움직이기.




/* 소스코드 시작 */


PImage img;

void setup ()

{

  size(1000,600);

  smooth();

  img = loadImage("file.png");


}



void draw()

{

  background (255);

  image(img, mouseX, mouseY);

}


/* 소스코드 끝 */

[프로세싱] PImage 클래스를 이용하여 그림을 좌우로 움직이기

develop/processing



/* source 코드 */


PImage img;

int x = 0; 

int speed=10;

//image half width= 347

void setup()

{


  size(1000, 600); 

  smooth();

  img = loadImage("file.png");

}


void draw()

{

  background (255);

  x = x+ speed;

  if ((x+347>width) || (x<0))

  {

    speed = speed * -1;

  }

  image(img, x, 0, img.width/2, img.height/2);

}




그림파일은 프로세싱 파일이 저장된 폴더에서 data 폴더를 새로 만들어 그 안에 넣으면 된다.