[프로세싱/Processing/디자인 프로그래밍] 붙어있는 원,

mooth ( int 정도 )

뭐하는 녀석인지는 잘 모르겠다.  부드럽기 정도 

프로세싱 3.0 버전 부터는 자동으로 지원하기때문에 굳이 쓸이유는 없다.

strokeWeight ( 선의 두께 )

이 녀석이 선언된 이후 그려지는 모든 친구들의 선의 두께는 바뀌게 된다. 

둘레의 바깥쪽이 두꺼워지는 것이 아닌 둘레의 선 자체가 두꺼워 진다

sketch_숫자 의 의미

지금 할때 숫자가 170313a 이런식인데 이건 2017년 3월 13일에 첫번째로 만들어진 녀석이다 란 뜻,

만약 두번째로 이 녀석이 선언된 녀석이라면 170313b 라고 쓰일것이다.

strokeJoin ( 종료 )

stroke의 종류를 결정해주는 녀석으로 ROUND 를 하면 사각형의 모서리가 둥글게 되는 등 의 종류녀석이 선언된 이후 그려지는 모든 친구들의 선의 두께는 바뀌게 된다. 

MITER, BEVEL, ROUND 이상 3가지의 종류가 있다.

MITER 뾰족하게

BEVEL 깍아버리기

ROUND 둥글게

noFill (  )

안을 채우지 말라 ! 배경색이 그 안을 채우게 될것이다. 비어 있으므로 

noStroke( ) 

선을 그리지 말라.

stroke ( grayscale )

stroke ( R, G, B )

stroke ( R, G, B, Alpha )

선의 색을 설정하기 , Alpha 는 투명도 이다. 

strokeCap ( 종류 )

SQUARE , ROUND 

라인을 그릴때 그 끝을 둥글게할지 각지게 할지 

background ( grayScale )

background ( R, G, B )

배경색 설정

ellipseMode ( Mode )

CENTER,CORNER,CORNESRS,RADIUS 

원 모드

colorMode ( Mode )

색상 모드 설정 

RGB / HSB ( HSB 는 채도,명도....?? )

rectMode ( Mode )

CENTER, CORNER, CORNESRS, RADIUS 

사각형 모드

  ellipse(width/2 , height/2 , 300,300 ) ;

  ellipse( width/2 - 200 * sin(radians(45)) , 400 + 200 * cos(radians(45)) , 100,100 ) ;

  ellipse( width/2 + 175 * sin(radians(45)) , 400 + 175 * cos(radians(45)) , 50,50 );

붙어있는 원을 만들기 위해선 아래의 공식을 따르면 된다.

ellipse( a ±  ( C + B ) * sin( radians( A ) ) , b ± ( C + B ) * cos( radians( A ) ) ,

              C , C ) 

이렇게 쓰면 어려워 보이지만 글로 풀어 쓰면 

ellipse ( 

큰원의 x 좌표 ± ( 작은원의 반지름 + 큰원의 반지름 ) X sin( radians ( 큰원과 작은원 사이각 ) ,

큰원의 y 좌표 ± ( 작은원의 반지름 + 큰원의 반지름 ) X cos( radians ( 큰원과 작은원 사이각 ) ,

작은 원의 가로 지름 , 작은 원의 세로 지름 )

예제코드1

size( 1200, 800 ) ;

ellipse ( sidth / 2 , height / 2 , 300 , 300 ) ;

strokeWeight( 10 ) ;

noFill( );

stroke(255,0,0,50 ) ;

ellipse( witdh / 2 - 200 * sin ( radians(45)) , 400 + 200 * cos ( radians( 45)) , 100 , 100 )

fill ( 50, 250, 50 ) ;

noStroke( ) ;

strokeWeitht(1 );

ellipse ( width / 2 + 175 * sin ( radians(45)) , 400 + 175 * cos ( radians(45)) , 50 , 50 ) ;

strokeJoin(ROUND);

rect( 800, 550, 100, 80 ) ;

예제코드2

size( 1200,800); 
strokeWeight(12);
strokeJoin(ROUND);
rect(40,25,70,70 ) ;
strokeCap(SQUARE);
line(270,25,340,95);
strokeCap(ROUND);
line(350,25,420,95);

예제코드 3

size( 1200,800);
noStroke();
background(255);
fill(0,0,255);
ellipse(500,500,200,200);
fill(255,0,0);
ellipse(350,350,200,200);
fill(0,255,0);
ellipse(400,400,200,200);