-
다음의 세가지 단계를 거치면
앞으로 그림을 색을 칠하여
-
만들수 있다는 것을 알 수 있을 거에요
-
우선 배경색을 그려보도록 하죠
-
그러기 위해서는 우선 "background"와 "("를 입력하고
-
나머지 항목들은 자동으로 완성될 거에요
-
보다 자세히보자면,이것은 실제로는
함수 호출(function call)이라는것을 알아차릴거에요
-
함수의 이름은 여기있고
-
여기서는 background겠죠
그리고 괄호( ( ) )가 있어요
-
그리고 세가지의 파라미터(parameter)들이 그 안에 있고
각각 쉼표(,)로 나뉘어져있어요
-
이 세 숫자는 배경이 되는 색에서
각각 빨강, 초록, 파랑의 양을 나타내요
-
그 숫자들은 0에서 255사이의 어느 숫자나 입력이 가능해요
-
여기서 0은 그 색이 아예 없는것을 의미하고
-
255는 그 색이 최대로 존재하는 것을 의미해요
-
그래서 빨강색을 최대로 주고,
초록과 파랑을 아무것도 칠하지 않은 결과
-
배경색이 매우 밝은 빨강색이 된거에요
-
만일 맨 처음 준 값보다 작은 값을 빨강색에 주게 된다면
-
그러면 배경이 조금 어두운 빨강색처럼 보일거에요
-
이 숫자들을 가지고 계속해서 수정 할 수도 있고
-
그리고 어떠한 색이 나오는지 볼 수도 있어요
-
혹은 모든 세 숫자를 한번에 조종할 수 있는
좌우로 끌어서 조종하는 법을 사용할 수 도 있어요
-
우선은 background라는 함수가
-
진짜로 무엇을 하는지 아는 것이 중요해요
-
그 함수는 단순히 전체 캔버스 전체에
색이 칠해진 거대한 사각형을 그릴거에요.
-
만일 그 함수를 프로그램의 맨 마지막부분으로 옮긴다면
-
내가 그린 모든 도형들 위로
커다란 배경색으로 칠해진 사각형만을 그릴 거에요
-
당신은 "이것은 너무하네! 누가 이런것을 원한다고..."
라고 생각할 거에요
-
하지만 앞으로는 어떻게 될지 모르니
-
지금부터라도 항상 맨 위에
배경색을 지정하는것을 남겨두세요
-
그럼 지금부터는 도형에 색을 칠해볼까요!
-
컴퓨터를 색을 칠하는 조수나, 어떠한 색깔의 집사로
생각하는 것은 무척 도움이 될 거에요
-
보통 이러한 친구들은 색깔들을 담당하고 있을텐데
-
이 색깔을 담당하는 친구는
왼손에는 색을 칠하기 위한 마커를 들고 있고
-
오른쪽 손에는 페인트 통 하나를 들고 있을거에요
-
컴퓨터는 그 색을 가진 마커를 가지고
모든 바깥의 선들((outlines)을 그리고
-
페인트 통을 이용해서 그 도형에 색을 채울거에요
-
지금부터 마커는 검정색,
그리고 하얀색 페인트 통을 가지고 있다고 해요
-
하지만 stroke함수를 이용하여 마커의 색을 바꿀 수도 있어요
-
우리는 여기서도 자동완성(autocomplete)기능을 사용할 수 있고,
그 다음엔 색을 고를 수 있어요
-
이것은 이 친구가 들고 있는 마커의 색을 바꾸어요
-
그러므로 이 이후에 그려진 모든 도형들의
-
바깥 선들은 핑크색으로 변할 거에요
-
가끔 우리는 도형의 바깥 선을 그리지 않고 싶을때도 있지요?
-
그럴때는 다음과 같이 함수를 사용하면 돼요
-
noStroke라는 함수를 그리기 전에 사용해주면 돼요
-
보는것과 같이 이 함수는 parameters를 따로 가지지 않으므로
-
우리는 단순히 함수 이름 뒤에 "();"를 붙여주면 될거에요
-
그러고 나면 도형들의 바깥 선들이 없는 것을 볼 수 있을거에요
-
또한 우리는 이 친구의 페인트 통의 색을 바꿔 줄 수도 있어요
-
Fill이라는 함수를 통해서 말이죠
-
이 함수를 코드의 맨 앞에 넣고 나면
-
모든 도형이 밝은 빨강색으로 채워질 거에요
-
마치 noStroke 함수와 비슷하게
-
noFill이라는 함수도 있습니다
이것 역시 파라미터(parameters)를 가지지 않아요
-
이것은 도형들을 투명하게 만들어요
즉 아무것도 채우지 않는 것이죠
-
그럼 지금부터 이 친구를 실제로 색칠하여 보죠
-
그의 몸을 이루는 삼각형부터 칠해보아요
-
stroke의 색을 정해주어 도형의 바깥선을 설정해요
-
어두운 초록색으로 지정해볼까요?
-
그 다음에는 색을 채워넣어보아요
-
멋있어 보이나요?
제가보기엔 밝은 초록이 더 나을거 같아요
-
바꾸어봅시다
훨씬 나아보이네요
-
다음은 그의 얼굴이에요
얼굴에 초록색 외곽선을 원하지는 않으니
-
stroke함수를 이용해서 바꾸어보겠어요
-
어두운 갈색의 외곽선을 사용해보았어요
-
그리고 fill함수를 이용해서
다른색으로 얼굴을 칠해볼게요
-
이 색깔이 좋아보이나요?
-
이 색이 얼굴의 색으로는 좋아보이네요
-
다음의 두 줄은 두개의 원형 도형으로 손을 표시하는 것이에요
-
이 손들은 얼굴과 동일한 색을 가지도록 하고싶다면
-
따로 마커나 페인트통을 수정하거나 할 필요가 없어요
-
위에서 쓴 stroke나 fill이
그대로 적용되도록 조용히 놔두면 되요
-
입부분으로 옮겨가보죠
-
입은 단순히 하나의 선이에요
-
그러므로 채울만한 공간이 없어서
fill함수를 사용할 수 없어요
-
하지만 선의 색을 바꾸는 stroke를 사용하는것은 가능해요
-
그럼 멋진 빨강색으로 입술을 칠해보죠
-
다음은 안경의 차례네요
-
다시한번 stroke를 사용해보죠
-
안경테에는 어떤색이 어울릴까요?
-
무난하게 검정색으로 합시다
-
안경의 렌즈가 되는 사각형은
안경테와 같은 색이어야하므로
-
stroke로 선의 색을 바꾸어주지 않아도 되지만
fill함수는 사용해야 할겁니다
-
테와 어울리도록 검정색을 칠해봅시다
-
그러고 나면 우리 친구가 드디어 색을 가지게 되었어요!