그라데이션 디자인【Processing】

소개



이번 짧은 스크립트에서는 "그라데이션 디자인"이라는 그라데이션을 그리는 프로젝트를 만들고 싶습니다.
길이: 8行 ( 91文字 )

작품 샘플





최종 코드



gradation.pde
void setup(){
  size(255,255);
  int i;

  for(i=0; i < width; i++){
    stroke(i,255,255);
    line(i, 0, i, height);
  }
}

코드 해설



1. void setup(){}



시작될 때 {}의 내용을 한 번 실행합니다.

2. size(500,500);



화면의 가로와 세로의 크기를 각각 500px로 한다.

3. int i;



정수의 변수 i를 정의한다.

4. for(i=0; i < width; i++){}



변수 i가 width(화면의 가로폭)보다 작은 동안은 {} 안을 반복한다.
이때 i는 0부터 시작하여 {} 안의 프로그램을 한 번 할 때마다 1씩 가산되어 간다.

5. stroke(255,255,255,100);



선의 색을 RGB(255,255,255)(새하얀)로 한다. (투명도는 100/255)

6. line(0,0,10,20)



(x, y) = (0,0)의 점에서 (x, y) = (10,20)의 점까지의 선을 그립니다.

배열 코드



>> strokeWeight(3);



선 두께를 3으로 설정합니다.

샘플 코드(어레인지)



gradation_arrange.pde
void setup(){
  size(255,255);
  int i;
  strokeWeight(3);

  for(i=0; i < width; i++){
    stroke(i,255,255);
    line(i, 0, i, height);
  }
}

좋은 웹페이지 즐겨찾기