그라데이션 디자인【Processing】
3589 단어 processing짧은 스크립트
소개
이번 짧은 스크립트에서는 "그라데이션 디자인"이라는 그라데이션을 그리는 프로젝트를 만들고 싶습니다.
길이: 8行
( 91文字
)
작품 샘플
최종 코드
gradation.pdevoid 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.pdevoid setup(){
size(255,255);
int i;
strokeWeight(3);
for(i=0; i < width; i++){
stroke(i,255,255);
line(i, 0, i, height);
}
}
Reference
이 문제에 관하여(그라데이션 디자인【Processing】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/umi_mori/items/bbe39a1396d19484836c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
최종 코드
gradation.pdevoid 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.pdevoid setup(){
size(255,255);
int i;
strokeWeight(3);
for(i=0; i < width; i++){
stroke(i,255,255);
line(i, 0, i, height);
}
}
Reference
이 문제에 관하여(그라데이션 디자인【Processing】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/umi_mori/items/bbe39a1396d19484836c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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.pdevoid setup(){
size(255,255);
int i;
strokeWeight(3);
for(i=0; i < width; i++){
stroke(i,255,255);
line(i, 0, i, height);
}
}
Reference
이 문제에 관하여(그라데이션 디자인【Processing】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/umi_mori/items/bbe39a1396d19484836c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
void setup(){
size(255,255);
int i;
strokeWeight(3);
for(i=0; i < width; i++){
stroke(i,255,255);
line(i, 0, i, height);
}
}
Reference
이 문제에 관하여(그라데이션 디자인【Processing】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/umi_mori/items/bbe39a1396d19484836c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)