More While Loops (Video Version)

구문에 대해 배웠기 때문에, 이와 같은 그림에 대해도 공부해봅시다

풍선에 매달려 하늘을 날고있는 Hopper에요

"scratch" 라는 프로그램을 혼자서 사용할 수 있는지 해보세요
곧 여러분이 하게 될 것이거든요

자 첫째로, 그 프로그램은 여러분의 프로그램을 단계적으로
분석하는 데 도움을 줄거에요

이 풍선들을 그리는 것으로 시작해보죠
동일한 타원형의 풍선이 나란히 있습니다

그리고 이 선들을 그릴 겁니다
마지막으로 Ballon Hopper를 넣으면 되겠네요

좋아요, 여기에 빈 슬레이트가 있어요

가끔은, 배경을 바로 추가시켜서 보다 익숙한 색으로 바꿀 수 있어요

이제 구문을 사용할 건데 지난 시간에 했던 것을 떠올려 보세요

이번엔 그것을 빠르게 해볼거에요
복습하고 싶다면 "Intro to While Loops"강의를 참고하세요

첫번째 질문: "무엇을 반복할 것인가?"

첫번째 풍선을 그려보도록 하죠
하나의 풍선을 반복해서 사용할 거기 때문이에요

한번 해봅시다
아시다시피, 너무 작아서 공간에 비해 맞지 않네요

그래서 조금 이동해볼게요

이것은 프로그래밍의 일부분일 뿐이에요
여러분이 더 시도해보고자 하는 프로그래밍에 계속 도전하길 바랍니다

자, 풍선에 색을 넣어야 해요, 그렇죠?
색을 넣는 것을 풍선을 그리는 것의 일부분이라 생각하시면 됩니다

다음으로, 구문에서 어떻게 풍선 색을 바꿀지 생각해 볼 필요가 있어요

풍선을 화면에 보일건데, 여기 여기 여기에 넣으려고 해요

계산을 이용해서 그릴 겁니다
제 그림은 최악이기 때문에요

이 첫번째 숫자를 바꾸고 x축 위치를 움직여서
조금씩 이동시킬 수 있어요

하지만 뭔가 부족해요, 이전에 봤던 풍선과는 다르죠

그래서 x 위치를 표시하기 위해 변수 x를 이용합니다
변수 만드는 법을 예전에 배웠었죠

while 구문에서 사용할 수 있도록
이제 구문 안의 변수를 바꿔봅시다

이제 구문 안에서 x값이 20씩 바뀌게 될 겁니다

ellipse를 while 구문 안에 넣고
변수 x 선언은 바깥에 그대로 둡니다

왜 그런지는 한번 생각해 보세요

궁금하면 한 번 생각해볼 만한 일이에요

좋아요, 세번째 질문 "얼마나 오랫동안 반복할 것인가?"

풍선이 화면 밖으로 나가기 전까지로 하면 되겠네요

그래서 "x가 400보다 작을 때" 로 할게요

풍선에 변화가 생겼어요
하지만 우리가 상상하던 것과는 다르죠

그래서 원래처럼 풍선을 만들기 위해 개선해나가도록 해보죠

우선, 풍선들이 너무 뭉쳐 있어요

풍선 간에 숨쉴 공간들을 좀 두도록 하죠

하지만 또 간격이 너무 멀어지게 되면 화면에서 사라지게 되겠죠

그래서 풍선이 이 지점에 왔을때 풍선 그리기를 중단해야 합니다

이것이 while 구문에서 언급해줘야 할 부분이죠

아시겠나요? 그리고 풍선을 아래로 이동시키고자 하거나

크기를 바꾸고 싶다면
이 모든것이 while 구문 안에서 동시에 가능해요

좋아요 완벽해요

이제 풍선을 보면, 선만 연결되면 훌륭하겠네요

선이 없으면 풍선이 날라가니까요

그래서 풍선에 각각 선이 연결되어야 합니다
각각의 풍선의 가운데 지점에 선을 연결해 봅시다

쉽게 하기 위해서입니다
그리고 같은 지점에서 선이 나오도록 할거에요

어떻게 프로그램을 구성하면 될까요?

무언가를 반복하고 싶다면, while 구문 안에 넣으면 됩니다
자, 같이 작성해보도록 하죠

풍선의 가운데에서 선이 나오려면 이 두가지 값을 가져다 쓰면 됩니다

끝이 보이네요
처음에 보던 그림과 거의 같아졌어요

하지만 아직은 부족해요 수정이 좀 필요하겠네요
이 지저분한 부분을 없애야 겠어요

선과 풍선이 교차되는게 문제네요

풍선이 선을 포함하면 될거에요
그래서 순서를 바꿔볼 수 있어요

아마도 예전에 배웠던 것들이 많이 쓰일 거에요

좋아요, 하지만 선 색깔을 바꾸고 싶다면
혼자서 어떻게 하시겠어요?

그럴 땐, documentation에서 찾아보세요

찾는 방법을 모르시겠다면 documentation 비디오를 보세요

그러면 선의 색깔을 정하는 stroke() 를 사용하실 수 있을 겁니다

이 색깔로 하겠습니다

멋지네요 이제 마지막으로, Hopper만 그리면 되겠어요
image만 여기에 넣으면 됩니다

이것 역시 documentation을 참고하세요
Hopper를 이동시키거나 이것처럼 풍선을 잡는 모양을 만들 수 있어요

하늘을 나는 모습도 만들고요

해냈어요! 여기 구문에 필요한 것들을 추가시켜서
여러분이 풍선을 꾸며줄 수 있어요

그리고 다음에 그려볼 그림에서도 써볼 수 있겠네요