색을 칠하는 방법 소개

이 영상은 도형을 색칠하기 위한 방법을 안내하기 위한 영상이며,
번역과 자막 제작을 보다 쉽게 하기 위해서 준비되었습니다.
보다 자세한 사항은 다음 링크에서 정보를 얻어가세요.
https://www.khanacademy.org/cs/programming/

다음의 세가지 단계를 거치면
앞으로 그림을 색을 칠하여

만들수 있다는 것을 알 수 있을 거에요

우선 배경색을 그려보도록 하죠

그러기 위해서는 우선 "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함수는 사용해야 할겁니다

테와 어울리도록 검정색을 칠해봅시다

그러고 나면 우리 친구가 드디어 색을 가지게 되었어요!