코딩·프로그래밍·자바·스크래치…. 이런 용어들이 아직 낯선 사람도 있을 것이다. 게임에 빠진 아이가 자신이 즐길 게임을 직접 제작하고, 스마트폰·컴퓨터 등에서나 접했던 프로그램을 직접 만들 수도 있는 시대. 이런 변화에 적응하려면 앞서 열거한 단어들과 조금은 친해질 필요가 있지 않을까?

스크래치는 미국 매사추세츠공과대학(MIT)에서 개발한 프로그램으로 누구나 쉽게 프로그래밍에 접근할 수 있도록 돕는다. 삼성전자는 주니어소프트웨어아카데미(이하 ‘주소아’) 교육 진행 과정에서 스크래치 프로그램을 적극 활용하고 있다.

주소아 사이트엔 스크래치로 만들 수 있는 프로그램 제작 과정이 친절하게 설명돼 있다. 1주차 교육과정인 ‘스크래치로 계산하기’를 응용, 토목공학도인 내게 꼭 필요한 계산기 제작에 도전했다.

step1. 사칙연산 프로그래밍 원리 익히기

먼저 기본 화면 구성을 살펴보자. 스크래치는 명령 블록을 스크립트 영역에 불러오면 무대 영역에서 그 결과를 볼 수 있다.

계산기를 만들기 전 사칙연산의 원리부터 익혔다.

쉬운 연산이지만 이를 프로그래밍하려면 세 개의 변수를 설정해야 한다.

그런 다음, 명령 블록을 스크립트 영역으로 옮긴 후 각 변수 값을 입력한다.

무대 영역의 깃발을 클릭하면 결과값을 볼 수 있다.

step2. ‘공학도 필수품’ 계산기, 직접 만들어보기

그럼 이제 계산기를 직접 만들어보자. 먼저 새로운 스프라이트를 구성한다.

사칙연산 스프라이트를 만든 후 명령을 입력한다.

등호와 스프라이트의 명령값을 입력한다.

각각의 스프라이트를 배치하고 값을 입력하면 완성된다.

생각보다 쉽게 완성됐다. 두드릴 줄만 알았던 애물단지 계산기를 직접 만들 수 있다니! 상황에 따라 변수의 개수를 늘려 응용하고, 조건을 설정해 직접 녹음한 소리로 재미를 더할 수도 있다.

스크래치를 잘만 활용하면 계산기 제작은 물론이고 시계나 게임 제작, 작곡까지 할 수 있다. 수학과 과학, 미술과 음악 등 다방면에 관심이 많은 학생이라면 주소아 사이트를 방문해 새로운 즐거움을 찾아볼 것. 어릴 적 상상했던 전자기기가 눈앞에 펼쳐지는 이색 경험을 누릴 수 있을 테니까.

※스크래치 프로그래밍에 대해 좀 더 알고 싶으신 분은 아래 링크를 클릭하세요

'스크래치와 함께하는 프로그래밍 첫걸음' 열네 번째 시간입니다. 지난 시간엔 '난수' 기능을 활용해 여행 목적지를 정하는 보드게임을 만들었는데요. 오늘은 스프라이트가 상황과 조건에 맞춰 스스로 판단하고 움직이는 프로그램을 만들어볼게요.

스크래치로도 인공지능 프로그램을 만들 수 있다?

13편에서 스크래치와 친구들은 보드게임을 프로그래밍해 여행 목적지를 정했는데요. 첫 번째 여행지는 이집트입니다. 프로그래밍 덕분에 먼 나라까지 무사히 도착하게 된 스크래치와 친구들은 차창 밖으로 피라미드가 보이자 모두 설레는 기색을 감추지 못했는데요. 하지만 아뿔싸! 피라미드 앞에 무서운 유령이 나타난단 소식에 다들 겁부터 먹었네요.

친구들이 곤경에 처했을 때 두 팔 걷어붙인 건 역시 스크래치였습니다. 조건문과 반복문을 활용, 스스로 유령을 피하는 프로그램을 만든 건데요. 인공지능이라고 해서 꼭 복잡한 건 아닙니다. 스크래치와 함께 도전해볼까요?

– 피라미드 스크립트 만들기

깜토가 유령들을 피해 도착할 곳은 피라미드입니다. 그림판을 활용, 두 개의 피라미드가 겹친 모습을 그려주세요. 피라미드의 위치와 색상을 나타낼 스크립트도 만들어주세요. 

– 유령 스크립트 만들기

유령 스프라이트를 그리거나 가져올 차례입니다. 'Fantasy' 폴더의 'ghost2-a' 파일을 불러오면 되는데요. 스크립트를 만들며 프로그램을 시작할 때마다 유령이 나타나는 위치가 바뀌도록 블록을 만들어주세요. 그리고 깜토와 닿으면 프로그램이 종료되도록 '게임오버' 방송하기 블록도 넣어주세요.

유령이 총 3마리가 되도록 복사한 후 각각의 스크립트에 ‘유령출현’ 방송 받을 때 깜토 쪽을 보게 하는 블록을 넣어주세요.

– 깜토와 레이더 스크립트 만들기

깜토 스프라이트는 여기에서 다운로드할 수 있습니다. 깜토가 벽에 닿으면 튕기고, 피라미드에 닿으면 '목적지 도착성공!'을 방송해 프로그램을 종료하도록 블록을 만들어주세요<위 이미지 참조>.

깜토는 레이더가 유령에 대해 방송하기 전까진 유령이 어디 있는지 알 수 없는데요. 잠시 후 만들어볼 레이더가 유령이 있을 땐 '유령출현'을, 유령이 없을 땐 '유령없음'을 각각 방송할 겁니다. 깜토가 '유령출현' 방송을 받으면 유령을 피하기 위해 방향을 바꾸고 이동을 멈추게 됩니다.

그림판을 이용, 깜토에게 유령의 위치를 알려줄 레이더를 그려주세요. 레이더는 깜토를 따라다니며 깜토가 바라보는 방향을 향하게 됩니다.

레이더가 유령에 닿으면 '유령출현'을 방송해 깜토에게 알려줘야 하는데요. 마찬가지로 유령에 닿지 않았을 땐 '유령없음'을 방송하도록 블록을 조립해야 합니다. 좀 더 실감나는 표현을 위해 레이더에 반투명 효과를 적용해볼게요.

– 무대 배경 스크립트 만들기

이제 무대의 배경을 만들어야 하는데요. 첫 번째는 게임이 시작될 때의 배경(game start), 두 번째는 깜토가 유령에게 붙잡혀 게임이 종료될 때의 배경(game over), 세 번째는 깜토가 피라미드에 도착했을 때의 배경(mission complete)입니다. 우주를 배경으로 불러온 후 게임 진행 상태에 따라 각각 다른 글자를 입력해주세요.

위 이미지처럼 블록을 만들면 게임 진행 상태에 따라 그에 맞는 배경이 출력됩니다.

스크래치 프로그램을 이용하면 간단한 조건문과 반복문으로도 인공지능을 구현할 수 있는데요. 좀 더 복잡한 프로그래밍에 도전해보고 싶다면 오늘 배운 내용에 다른 동 블록이나 효과를 응용해보세요. 프로그래밍의 매력은 무한한 도전의 기회와 가능성에 있으니까요.

다음 시간은 '스크래치와 함께하는 프로그래밍 첫걸음', 대망의 마지막 편입니다. 심술쟁이 유령을 피해 도착한 피라미드에서 스크래치와 친구들은 다양한 악기를 활용해 합주에 도전하는데요. 깜토의 지휘에 맞춰 울려 퍼지는 아름다운 화음, 기대해주세요!

현대 사회에서 프로그래머는 일종의 '마법사'입니다. 프로그래밍이란 '주문'을 사용해 새로운 세상을 구현해내죠. 하지만 그렇다고 해서 그들이 특별한 존재인 건 아닙니다. 프로그래밍은 어렵지 않으며 누구나 마음만 먹으면 프로그래밍 세계를 탐험할 수 있습니다.

삼성전자 뉴스룸은 '스크래치와 함께하는 프로그래밍 첫걸음' 시리즈를 통해 쉽고 재미있는 프로그래밍 방법을 독자 여러분께 알려드리고 있는데요. 지난 13화에선 '스크래치 기초 교재'(1~4편, 학생용)와 '센서보드'를 증정하는 깜짝 이벤트를 진행했습니다. 프로그래밍에 관심 있는 사람이라면 누구나 요긴하게 쓸 수 있는 아이템이죠. '스크래치와…' 시리즈를 사랑하는 많은 독자 여러분이 함께 여행을 떠나고 싶은 스크래치 캐릭터를 꼽아주셨는데요. 당첨의 행운을 누릴 주인공은 과연 누굴까요?

자세한 당첨자 정보는 아래 박스를 통해 확인하실 수 있습니다. 당첨되신 분 모두 축하 드리며, 앞으로도 '스크래치와…' 시리즈에 많은 관심 부탁 드립니다!

'스크래치와 함께하는 프로그래밍 첫걸음' 열세 번째 시간입니다. 지난 시간엔 깜토와 친구들이 기차역까지 가는 과정을 프로그래밍으로 구현해봤는데요. 오늘은 주사위를 굴려 작동하는, 보다 정교한 보드게임을 만들어보려 합니다.

주사위 보드게임, 프로그래밍으로 만들어볼까?

지난 편에서 스크래치와 친구들은 프로그래밍 덕분에 시간에 맞춰 기차역에 도착할 수 있었는데요. 즉흥 여행인 만큼 가고 싶은 목적지도 모두 달라 어디로 떠나야 할지 쉬이 결정이 나질 않네요.

그런데 최근 사교성과 함께 프로그래밍 실력까지 부쩍 늘어난 깜토가 한 가지 제안을 내놨습니다. 프로그래밍으로 보드게임을 만들어 여행지를 정하잔 의견이었는데요. 깜토와 친구들은 과연 무사히 목적지를 정할 수 있을까요?

– 스프라이트와 무대 영역 불러오기

▲왼쪽 사진은 보드게임 무대의 모습, 오른쪽 사진은 스프라이트 영역의 모습입니다

우선 보드게임판이 있어야겠죠? 여기로 접속해서 다운로드한 파일의 압축을 풀면 ‘ch 13’ 폴더가 나오는데요. 스크래치 프로그램을 실행한 다음, 폴더 안에 있는 ‘BoardBameTemplate.sb’ 파일을 불러와주세요.

파일을 열면 보드게임 무대를 확인할 수 있습니다. 스프라이트 영역에 보이는 사각형들은 주사위를 던져 도착할 특정 장소를 나타내는 스프라이트입니다.

– ‘리스트’ 기능 활용하기

깜토의 스크립트를 확인하면 ‘여행길’이란 변수 리스트에 해변, 산 등 여러 장소가 추가된 걸 볼 수 있는데요. 이 장소는 모두 아까 스프라이트 영역에 추가됐던 사각형 스프라이트들의 이름입니다. 하트곰과 스크래치의 스크립트에도 같은 내용이 작성돼 있고요.

장소 스프라이트가 많기 때문에 ‘여행길’ 리스트란 하나의 변수에 저장해 사용하면 편리합니다. 단, 리스트나 변수에 스프라이트의 이름을 저장할 땐 문자 뒤에 빈칸이 있는지 여부를 꼭 확인해야 하는데요. 같은 단어라도 뒤에 공백이 있는 단어와 없는 단어는 서로 다른 정보로 인식되기 때문입니다.

– 캐릭터 스크립트 만들기 1

깜토가 리스트에 추가된 순서대로 보드판 위를 움직이도록 해볼게요. 우선 리스트 첫 번째 아이템의 값을 ‘위치’ 변수에 저장하는 블록부터 만드세요. 그런 다음, ‘위치’ 변수에 저장된 장소로 이동하는 블록을 만들어줍니다. 다음은 이동한 장소에 맞는 배경으로 바뀌도록 방송하는 블록을 넣으면 됩니다.

하트곰과 스크래치가 보드판에서 움직일 스크립트도 깜토 스크립트와 똑같은 방식으로 만들어주세요. 이때 각각 ‘하트곰 이동하기’ 방송과 ‘스크래치 이동하기’ 방송을 받는 블록도 잊지 말고 변경해주세요.

– 주사위 스크립트 만들기 1

주사위를 던지면 예측할 수 없는 숫자 하나가 나오는데요. 스크래치 프로그램에선 연산 팔레트의 ‘난수 블록’을 통해 예측할 수 없는 숫자를 나오게 할 수 있습니다.

‘주사위’ 변수에 난수 블록에서 나오는 수(1부터 6까지)를 저장하도록 블록을 만들어주세요. 이제 주사위를 클릭하면 1부터 6까지의 수가 무작위로 출력될 겁니다. 그리고 저장된 수와 주사위 스프라이트가 나타내는 수가 일치하도록 스크립트를 만들어주세요.

실제로 주사위가 굴러가는 모습을 표현하기 위해 ‘시계방향으로 45도 돌기’ 블록을 추가했습니다. 주사위가 좀 더 오래 굴러가도록 표현하려면 어떻게 해야 할까요? 주사위 변수에 6이나 12, 18 등 6의 배수를 더하면 됩니다. 주사위를 오래 굴리고 싶다면 높은 수를, 조금 굴리고 싶다면 낮은 수를 입력해주세요.

– 캐릭터 스크립트 만들기 2

이제 주사위가 나온 만큼 깜토가 이동하도록 스크립트를 만들어볼게요. 그전에 주사위 던질 순서를 정할 필요가 있는데요. 위 이미지는 스프라이트를 클릭했을 때 만약 순서가 정해진 상태라면 ‘이미 순서를 정했다’란 메시지를 출력하도록, 순서가 정해지지 않았다면 자신의 순서를 출력하도록 각각 블록을 구성한 모습입니다.

하트곰과 스크래치 스크립트도 똑같이 만들면 됩니다. 대신 하트곰 스크립트엔 ‘하트곰 클릭되었을 때’와 ‘하트곰 이동하기’를 넣고 스크래치 스크립트엔 ‘스크래치 클릭되었을 때’와 ‘스크래치 이동하기’를 넣어줘야겠죠?

– 주사위 스크립트 만들기 2

이제 주사위 스프라이트가 주사위 순서 리스트를 확인하면서, 리스트가 담고 있는 내용을 방송하는 블록을 추가할게요.

주사위가 클릭됐을 때 가장 먼저 작동해야 할 기능은 만약 주사위 순서 리스트의 크기가 3(무대에 등장하는 캐릭터 수)보다 작다면(즉, 세 친구 모두 클릭해서 순서를 정하지 않았다면) 주사위가 구르지 않도록 하는 겁니다. 다음으로 주사위 스프라이트가 45도 단위로 돌아가며 임의의 난수를 출력하는 블록을 넣으면 됩니다.

리스트에 담긴 아이템(데이터)을 꺼내는 건 컨베이어 벨트 위 자동으로 움직이는 상자에서 물건을 꺼내보는 것과 비교할 수 있습니다. 첫 번째로 도착한 상자 속 물건을 꺼내 확인하고, 그 다음엔 두 번째로 도착한 상자 속 물건을 꺼내 확인하고… 이런 과정을 반복하면 상자에 어떤 물건이 있는지 순서대로 확인할 수 있겠죠?

깜토와 친구들의 즐거운 여행은 한동안 쭉 이어질 예정인데요. 삼성전자 뉴스룸 독자들도 겨울을 맞아 여행을 떠나보는 건 어떠신가요? 프로그래밍 세상으로 떠날 수 있는 특별한 경품과 함께 깜짝 이벤트를 준비했습니다. 다양한 개성을 지닌 프로그래밍 세상 속 친구 중 여러분의 성격과 꼭 맞는 캐릭터를 하나 콕 집어주세요!

'스크래치와 함께하는 프로그래밍 첫걸음' 열두 번째 시간입니다. 혹시 기차 여행 좋아하시나요? 여행을 떠나는 방법은 다양해졌지만 아직도 기차 여행은 '낭만의 대명사'로 남아있는데요. 스크래치 덕분에 길도 잘 찾고 친구들과 스스럼없이 얘기도 나누게 된 깜토가 친구들과 기차 여행을 떠나려 합니다.

프로그래밍으로 기차 여행 구현하기!

깜토는 친구들을 한데 모아놓고 자신의 여행 계획을 얘기했는데요. 하트곰과 스크래치도 합류해 세 명이 여행을 떠나게 됐습니다. 그런데 자꾸 늦잠을 자는 하트곰은 자기 때문에 친구들이 기차 시간에 늦을까 걱정이네요.

친구들을 제 시각에 약속 장소로 모으기 위해 이번에도 스크래치가 나섰습니다. 오늘은 반복문을 응용해 여러 가지 규칙이 필요한 프로그램을 만들어보려 합니다. 그럼 시작해볼까요?

– 깜토와 친구들 스프라이트 등록하기

무대 영역에 깜토와 하트곰을 배경으로 추가해주세요. 파일은 아래 링크를 통해 다운로드할 수 있습니다.

함께 여행을 떠날 스크래치도 배경으로 추가해야겠죠? 그리고 기찻길 배경을 '배경 가져오기'에서 찾아 넣어주세요. 배경으로 추가한 친구들에겐 각각 '깜토' '하트곰' 스크래치'라 이름 붙여준 후 축소 버튼을 눌러 크기를 줄여줍니다.

– 기차역으로 가는 길 만들기

그림판에서 사각형을 그리고 이름을 '출발'이라고 붙여주세요. 그런 다음, '복사하기'로 같은 모양을 추가한 후 그림판의 페인트 기능으로 다른 색을 칠해줍니다. 위 이미지처럼요. 첫 번째 사각형은 '보드판', 두 번째 사각형은 '현재 위치'로 각각 이름 붙일 겁니다.

이제 출발 스프라이트의 블록을 만들어볼까요? 깜토에 닿으면 '보드판' 사각형이 색깔이 다른 '현재 위치' 사각형으로 바뀌도록 설정할게요. 블록을 모두 만들면 출발 스프라이트를 열 개 더 복사한 후 이름을 '기차역' '길 1' '길 2'…'길 9'로 각각 지어주세요. 블록을 만든 후 스프라이트를 복사하면 블록 내용까지 모두 복사된단 사실, 아직 기억하고 계시죠?

기차역 스프라이트의 기존 보드판 사각형에 'GOAL'이라고 표시한 후 스크립트엔 '기차역 배경 바꾸기'를 방송하는 블록을 추가해주세요<왼쪽 이미지 참조>. 그런 다음, 스프라이트를 무대 왼쪽 위부터 시계 반대 방향으로 배치해주시면 됩니다.

'지금 몇 초'란 이름의 변수도 만들어주세요. 이 변수는 모든 스프라이트에 시간을 알리는 역할을 합니다. 그러니 만들 때 '모든 스프라이트에 대해' 항목에 '∨' 표기해주세요.

– 깜토 스크립트 만들기

먼저 깜토가 친구들을 만날 때마다 배경이 바뀌도록 왼쪽 이미지처럼 무대 스크립트를 만들어주세요. 깜토가 정해진 길을 따라가도록 깜토 스크립트도 오른쪽 이미지처럼 구성해주시고요.

깜토가 움직임을 시작하고 마치는 단계를 각각 만들어볼게요. 기차 출발 시각까지 1분이 남아 있는데, 늦지 않으려면 시간이 얼마나 지났는지 알아야겠죠? 1분은 60초이니 반복문 안에 '1초 기다리기'와 '말하기' 블록으로 초시계를 만들면 시간을 확인할 수 있습니다.

– 스크래치와 하트곰 스트립트 만들기

다음은 스크래치 블록을 만들 차례인데요. 1번 블록은 깜토가 매초마다 방송하는 '똑딱똑딱'을 받아 초를 재고 있다가 20초가 되면 깜토와 만나서 가도록 만드는 역할을 합니다. 2번 블록은 깜토와 만났을 때 배경이 스크래치 모양으로 바뀌도록 만드는 내용이고요.

3번처럼 하트곰의 블록을 조립하면, 하트곰이 깜토를 만나기 전까지 잠을 자게 됩니다. '무한 반복' 명령을 활용한 건데요. 그러다 깜토를 만나면 잠에서 깨 기차역으로 향하는 거죠.

마지막으로 기차역에 도착했을 때의 동작만 설정하면 모든 과정이 마무리됩니다. 오늘의 프로그래밍은 과연 어떤 모습으로 완성됐을지 궁금하시죠? 아래 이미지를 통해 확인해보세요!

프로그래밍은 어떤 문제를 작은 부분으로 쪼개서 차례로 풀어가는 과정이라 할 수 있습니다. 나무젓가락 열 묶음을 한 번에 부러뜨리려 하면 어렵지만 한 묶음씩 부러뜨리면 간단히 해결할 수 있는데요. 프로그래밍도 마찬가집니다. 문제를 한꺼번에 해결하려 하지 말고 과정과 단위를 어떻게 나누는 게 효과적일지 생각해보는 게 중요합니다.

스크래치와 친구들의 여행 이야기는 여기서 끝난 게 아니랍니다. 목적지에선 좀 더 즐거운 모험이 기다리고 있는데요. '스크래치와 함께하는…' 시리즈 다음 편도 기대해주세요!

‘스크래치와 함께하는 프로그래밍 첫걸음’ 열한 번째 시간, 오늘은 프로그래밍으로 제빵에 도전해보려 합니다. 달콤하고 고소한 초콜릿 빵을 만들 건데요. 아직 제빵에 익숙지 않은 깜토에겐 쉽지 않은 도전입니다. 초콜릿을 빵 위에 골고루 놓는 프로그램을 만들어 깜토가 맛있는 빵을 만들 수 있도록 도와주세요!

보기 좋은 빵이 먹기도 좋다?

마침내 찾아온 파티 날, 하트곰과 스크래치는 깜토네 집으로 향했는데요. 깜토가 친구들을 위해 준비한 건 커다란 빵이었습니다. 하지만 아직 빵이 완성된 건 아닙니다. 초콜릿을 골고루 올려 오븐에 구워내는 단계가 남았죠.

최근 부쩍 사이가 좋아진 깜토와 하트곰이 ‘빵 만들기’ 담당입니다. 그런데 수다 삼매경에 빠진 나머지, 초콜릿을 빵 한 쪽에만 많이 올리고 말았네요. 천재 프로그래머 스크래치는 과연 어떤 방식으로 친구들을 도와줄 수 있을까요?

– 깜토와 초콜릿 스프라이트 추가하기

깜토 스프라이트는 아래 링크를 통해 다운로드할 수 있습니다. 파일을 받고 원하는 곳에 압축을 푼 후 ‘새로운 스프라이트 파일 선택하기’ 메뉴를 통해 불러와주세요.

깜토의 다이어트법은 지난 6화에서 배웠었죠? 무대 영역 위쪽엔 ‘축소’ 버튼을 누르고 깜토의 배를 클릭하면 깜토가 작아집니다. 깜토를 적당한 크기로 줄여주세요. 살 빼는 게 이렇게 쉽다니, 프로그래밍 세상 속으로 들어가고 싶어지네요!

그림판의 동그라미 그리기로 초콜릿을 그린 후 스프라이트로 추가해주세요. 그리고 무대 영역은 ‘색 채우기’를 활용, 초콜릿을 올릴 빵에 어울리는 색으로 지정하면 됩니다.

– 초콜릿 스크립트 만들기

초콜릿 스프라이트가 나타날 스크립트를 만들어볼까요? 맨 처음 위치를 정해주고 ‘초코를 뿌리자!’ 방송을 받으면 깜토의 위치에 따라 스탬프를 찍어 초콜릿이 나타나도록 할 겁니다.

이번 시간엔 총 3개의 변수가 필요한데요. △깜토의 X위치 △깜토의 Y위치 △초코의 간격 변수를 각각 만들어주세요. 여기서 ‘X’는 가로축, ‘Y’는 세로축을 뜻합니다. 깜토가 가로축과 세로축을 옮겨 다니며 초콜릿을 뿌려야 하기 때문에 이런 변수들이 필요하답니다.

– 깜토 스크립트 만들기

이제 깜토의 스크립트를 만들 건데요. 먼저 가로 방향으로 골고루 초콜릿을 뿌릴 수 있도록 블록을 조립해주세요<위 이미지 내용 참조>. 그런데 이 상태에서 프로그램을 실행해 보면 깜토가 너무 빨리 움직여 어떻게 초콜릿을 뿌리는지 확인하기 어렵습니다. 이럴 땐 어떻게 해야 할까요?

스크래치 프로그램에서 반복문을 쓸 때 속도가 너무 빨라 어떻게 진행됐는지, 잘못된 점은 뭔지 확인하기 어려운 경우가 있는데요. 그럴 땐 ‘X초 동안 말하기’ 블록을 활용하면 됩니다. 깜토가 초콜릿 뿌리기를 한 번 반복할 때마다 ‘초코 초코!’라고 2초 동안 말하게 해볼까요? 이렇게 하면 코딩 내용을 확인하기가 한결 쉬워진답니다.

깜토가 초콜릿 한 줄을 다 뿌리고 나면 깜토의 가로 위치가 처음으로 돌아와야겠죠? 깜토의 가로 위치를 되돌릴 블록을 넣어주세요. 깜토가 가로로 아홉 번을 반복해서 초콜릿을 뿌리는 과정이 7회 반복되면 무대 영역 전체에 초콜릿이 뿌려집니다.

자! 이렇게 깜토의 스크립트가 완성됐습니다<위 이미지 내용 참조>. 가로축의 움직임을 제어하는 블록과 세로축의 움직임을 제어하는 블록이 각각 눈에 띄시죠? 얼핏 복잡해 보이는 구조지만 하나씩 뜯어보면 어렵지 않답니다. 가로로, 세로로 뿌리는 규칙들을 찾고 그 관계를 생각하면 차근차근 만들 수 있습니다.

반복문을 잘 활용하려면 어떤 규칙을 반복할 건지 알아내는 게 중요합니다. 만약 여러 규칙이 함께 있다면 어떤 걸 반복할 건지 알아내기가 쉽지 않죠. 그럴 땐 작은 규칙들을 먼저 찾아보고 나서 그 규칙들 사이의 관계를 생각해보세요. 어떤 명령을 반복해야 할지 쉽게 알아낼 수 있답니다.

회차가 거듭될수록 흥미진진해지는 스크래치와 숲 속 친구들의 이야기! 다음 시간엔 즐거운 기차 여행을 떠날 예정입니다. 프로그래밍으로 구현한 기차 여행은 과연 어떤 모습일까요? 기대해주세요!

삼성전자 뉴스룸 독자 여러분, 안녕하세요? ‘스크래치와 함께하는 프로그래밍 첫걸음’ 10회 연재를 기념해 진행된 깜짝 이벤트가 성황리에 종료됐습니다. 관심을 갖고 참여해주신 모든 분께 감사 인사를 전합니다. 

깜짝 이벤트는 총 두 가지로 진행됐는데요. ‘스크래치 춤추게 만들기’와 ‘스크래치와 함께 그림 실력 뽐내기’였습니다. 독자 여러분의 열정적 참여 덕분에 스크래치도 신나게 스텝을 밟을 수 있었답니다. 직접 스크래치 프로그램을 활용해 숨겨왔던 ‘예술 본능’을 뽐낸 분들도 있었고요. 흡사 ‘픽셀아트’를 연상시키는 그림 실력에 심사위원들도 깜짝 놀랐다고 합니다.

그럼 지금부터 ‘스크래치와 함께 그림 실력 뽐내기’ 이벤트 영예의 수상작을 발표하도록 하겠습니다. ‘배터리 프렌즈 외장 배터리팩’을 거머쥘 행운의 주인공은 과연 누구일까요?

1등 – 고담시(市)의 악당들, 이 심볼만 보면 벌벌 떤다? (김주현님 작품)

1등으로 선정된 작품은 김주현님이 그린 배트맨 심볼입니다. 대칭 형태로 정교하게 그려진 박쥐가 인상적인데요. 한 땀 한 땀 검은 점을 찍어 액자 형태까지 완성한 대목에선 ‘장인정신’까지 느껴집니다. 1등 당첨을 축하합니다. 짝짝!

2등 – 내가 그린 기린 그림은 잘 그린 기린 그림 (임윤숙님 작품)

임윤숙님은 9회차 콘텐츠 내용에 없던 ‘배경 설정하기’ 기능까지 활용해 멋진 그림을 완성해주셨습니다. 배경 설정하기 기능은 1회차 콘텐츠에서 소개됐는데요. 그만큼 ‘스크래치와…’ 콘텐츠에 많은 관심을 갖고 지켜봐 주셨단 증거겠죠?

당첨되신 두 분, 다시 한 번 축하 드립니다. 스크래치와 함께한 ‘깜짝 이벤트’는 이렇게 마무리됐지만, 삼성전자 뉴스룸 이벤트는 앞으로도 쭉 계속된다는 사실, 아시죠? 앞으로도 삼성전자 뉴스룸에 많은 관심과 성원 보내주시고, 이벤트 참여 기회도 놓치지 마세요!

오늘은 ‘스크래치와…’ 10회 연재를 기념, 깜짝 이벤트를 두 가지 준비했습니다. 첫 번째 이벤트는 아래 스크래치를 춤추게 만드는 명령어 알아맞히기인데요. 지난 콘텐츠들을 차분히 읽어보시면 누구나 어렵잖게 정답을 찾으실 수 있을 겁니다. 정답을 아시는 분은 삼성전자 페이스북 이벤트 페이지에서 댓글로 응모해주세요. 

두 번째 이벤트에 응모하려면 약간의 도전 정신이 필요합니다. 바로 여러분이 직접 스크래치 프로그램을 활용, 그림을 그려보는 건데요. 어려울 것 같다고요? 지난 회차 콘텐츠를 참조하시면 여러분도 충분히 완성하실 수 있습니다. 작품이 완성되면 캡처본을 성함·연락처와 함께 메일(samsungtmrw@naver.com)로 보내주시면 됩니다. 

두 가지 이벤트 중 마음에 드는 걸 골라 참여해주세요. 물론 둘 다 참여하셔도 됩니다. 당첨되신 분에겐 예쁜 동물 그림이 그려진 배터리 프렌즈 외장 배터리팩, 또는 따뜻한 아메리카노를 선물로 드릴 예정이니 독자 여러분의 많은 참여 바랍니다.

땀을 뻘뻘 흘리는 깜토, 과연 뭘 하길래?

지난 시간엔 스크래치와 함께 만든 ‘나만의 그림판’으로 파티 초대장을 꾸며봤는데요. 동물 친구들 모두 초대장을 받곤 무척 기뻐했단 소식입니다. 하트곰은 휘파람을 불며 스텝까지 밟았다고 하네요.

그런데 여전히 집에만 틀어박혀 있는 깜토. 스크래치가 찾아가보니 친구들에게 보여주기 위해 땀을 뻘뻘 흘리며 꽃밭을 꾸미고 있었네요. 실력보다 의욕이 앞서는 깜토를 위해 스크래치는 좀 더 쉽고 예쁘게 꽃밭 꾸미는 방법을 알려주려 합니다. 시작해볼까요?

– 스크래치 스프라이트 삭제하고 새 스프라이트 그리기

이번 시간에도 직접 그린 사각형 스프라이트를 하나만 활용할 겁니다. 단, 주의해야 할 점이 있는데요. 사각형은 될 수 있는 대로 작게 그려주는 게 좋습니다. 그래야 스프라이트가 어떤 규칙으로 움직이면서 꽃밭을 그리는지 확인할 수 있거든요. 스크래치 스프라이트를 지운 후 그림판에서 사각형을 그려 새로운 스프라이트로 추가해주세요.

오늘은 ‘꽃의 크기’란 이름의 변수를 하나만 사용할게요. 이 변수 값으로 오늘 그리게 될 꽃의 크기가 결정됩니다. 값이 크면 꽃이 커지고 값이 작아지면 꽃도 작아지는 식이죠. ‘모든 스프라이트에 대해’ 항목에도 표기해주세요.

– 삼각형 그릴 스크립트 만들기

오늘 그릴 꽃에서 가장 기본이 되는 요소는 ‘삼각형’입니다. 먼저 삼각형 한 개를 그리는 스크립트부터 짜보죠. 위 이미지와 같이 블록을 조립해주세요.

초등학교 때 배웠던 ‘삼각형의 외각’, 기억 나세요? 외각을 이해하면 오늘 코딩의 원리도 쉽게 이해하실 수 있습니다. 위 이미지에서 주황색 화살표로 표시한 각도, 즉 한 변의 연장선과 이웃한 변이 이루는 각을 도형의 외각이라고 하는데요. 스프라이트가 삼각형의 외각인 120도만큼 네 번 돌면 삼각형이 완성됩니다.

그래서 ‘꽃의 크기만큼 움직이기’와 ‘120도 돌기’ 블록이 4회 반복적으로 실행되도록 코딩하는 거죠.

삼각형을 하나의 꽃잎이라고 가정하면 적어도 10개의 꽃잎이 있어야 풍성한 꽃의 모습이 표현되겠죠? 이제 스프라이트가 삼각형을 반복해서 그리도록 할 차례입니다. 이때 삼각형이 40도씩 방향을 바꿔가면서 원을 그리도록 ‘40도 돌기’ 블록을 조립해야 하는데요. 삼각형을 그릴 때 만든 반복 블록을 떼어내고, ‘40도 돌기’를 10회 반복하도록 새로운 반복문을 만들어주세요. 그리고 새로 만든 반복문 안에 삼각형을 그리는 블록을 다시 넣으면 됩니다. 위 이미지 속 3번처럼 말이죠.

삼각형으로 그려진 꽃의 모습, 어떠세요? 간단한 코딩만으로 화려한 꽃을 그려낼 수 있단 점, 바로 프로그래밍에서만 느낄 수 있는 매력이 아닐까 싶습니다.

너무 순식간에 그려지는 바람에 과정을 자세히 확인하지 못한 분을 위해 꽃이 어떻게 그려졌는지 확인해볼까요? 반복 블록을 2회로 설정하니 삼각형이 두 개 겹쳐진 모습이 보입니다.

이렇게 40도씩 돌면서 삼각형 그리기를 열 번 반복한 결과, 꽃이 완성됐습니다. 반복문의 원리는 운동장 달리기와 그 원리가 같습니다. 시작 지점과 끝나는 지점이 있고, 한 바퀴를 돌고 나서 시작한 자리로 돌아온 후 더 달릴지 말지를 결정하는 식이니까요. 프로그램에서도 반복문의 스크립트를 끝까지 실행한 후 정해놓은 횟수만큼 반복하고 나서 다음 스크립트로 진행하게 됩니다.

'스크래치와 함께하는 프로그래밍 첫걸음' 아홉 번째 시간입니다. 시간이 지날수록 깜토의 모습이 점점 활기차게 변하고 있는데요. 이젠 다른 동물 친구들과도 스스럼없이 어울리게 됐습니다. 오늘은 그림을 그리는 프로그램을 만들어 깜토의 파티 초대장 만드는 걸 도와주려고 합니다.

그림 그리느라 집에만 틀어박힌 깜토! 그 이유는?

지난 시간엔 빠른 걸음으로 숲 속을 누비는 깜토의 모습이 소개됐는데요. 어느 날부턴가 그처럼 활동적이던 깜토가 보이질 않게 됐습니다. 온종일 그림을 그리느라 집에만 있기 때문인데요. 대체 어떤 그림을 그리고 있는 걸까요?

초대장에 들어갈 친구들의 얼굴을 그리고 있었네요. 예전엔 그토록 무서워했던 하트곰도 초대할 생각인가 봅니다. 스크래치는 친구들을 초대할 생각에 들떠 있는 깜토를 위해 그림 그리는 방법을 알려주려 하는데요. 사각형을 활용해 그림을 그리는 방법, 함께 배워볼까요?

– 스크래치 스프라이트 삭제하고 새 스프라이트 그리기

이번 시간에 사용할 스프라이트는 조금 특별합니다. 캐릭터 대신 직접 그린 사각형 스프라이트를 하나만 활용할 건데요. 기본적으로 선택돼 있는 스크래치 스프라이트를 지운 후 그림판에서 사각형을 그려 새로운 스프라이트로 추가해주세요.

프로그래밍에서 '약방의 감초' 격인 변수는 오늘도 빠지지 않고 등장합니다. ‘양의 방향’과 ‘음의 방향’ 변수를 각각 만들어주세요. 이 변수들을 통해 사각형 스프라이트의 위치를 조정할 겁니다. ‘모든 스프라이트에 대해’ 항목에 표기해주는 것도 잊지 마세요!

– 사각형 스프라이트 스크립트 만들기

사각형 스프라이트의 역할은 ‘붓’입니다. 좋은 붓이 될 수 있도록 여러 스크립트를 추가해볼게요. 먼저 깃발을 눌렀을 때 사각형이 화면 중앙에 나타나도록 스크립트를 짜야 합니다. 다음으로 ‘스탬프’ 블록을 추가할 건데요. 이 블록을 활용하면 스프라이트와 같은 모양·색깔·크기의 그림을 ‘도장’ 찍듯 그릴 수 있습니다. 스페이스 키를 누르면 스탬프 기능이 작동하도록 설정해봤습니다.

그림을 잘못 그렸거나 새로 그리고 싶을 경우에 대비해 ‘지우기’ 블록도 추가할게요.

이제 방향키를 눌러 사각형을 움직이는 스크립트 제작에 도전할 차례입니다. 오른쪽 화살표 키를 눌렀을 때 사각형이 오른쪽으로 움직이도록 X좌표에 양의 방향 변수를 넣어주세요. 그리고 사각형이 벽에 닿았을 때 반대 방향으로 돌아가는 스크립트도 넣어줍니다. 붓이 캔버스를 벗어나면 안 되니까요.

나머지 방향키를 눌렀을 때도 사각형이 각각 정해진 방향으로 움직이도록 스크립트를 짜볼게요. 이때 ‘복사’ 기능을 활용하면 굳이 블록을 여러 개 만들지 않아도 됩니다.

만약 사각형 작동 원리가 잘 이해되지 않는다면 아래 그림을 참고하세요. 스크래치 프로그램에선 화면에서의 위치를 X와 Y로 표현한다고 생각하시면 됩니다. X는 오른쪽과 왼쪽을, Y는 위와 아래를 각각 나타내는 값이죠.

이제 깜토를 위한 새로운 그림판이 완성됐습니다. 그림을 그리려면 방향키를 사용해 사각형을 원하는 위치로 움직인 후 스페이스 키를 누르면 됩니다. 내친김에 하트곰 가슴에 있는 하트를 그려봤는데요. 과연 어떤 모습일지 궁금하시죠?

사각형의 크기가 작을수록 자세한 그림을 그릴 수 있는데요. 우리가 컴퓨터 화면으로 보는 사진이나 그림도 이처럼 사각형들이 모여서 완성된 겁니다. 컴퓨터에서 그림을 나타내는 사각형의 작은 점들이 바로 픽셀(pixel)입니다.

사각형으로 그린 하트를 보니 창작욕이 마구 불타오르신다고요? 여러분도 스크래치와 함께 ‘나만의 그림판’ 만들기에 도전해보세요. 다음 시간엔 스크래치 프로그램을 활용해 한층 정교한 ‘꽃’을 그려볼 예정입니다. '스크래치와 함께하는 프로그래밍 첫걸음' 열 번째 시간에 다시 만나요!

‘스크래치와 함께하는 프로그래밍 첫걸음’, 어느덧 여덟 번째 시간입니다. 지난 시간엔 ‘변수’ 기능을 활용, 복잡한 규칙으로 진행되는 게임을 만들었는데요. 오늘은 스프라이트 간 상호 작용을 활용, 마법 모자를 잡는 게임을 만들겠습니다. 자, 그럼 시작해볼까요?

이번엔 너무 날쌔져 여기저기 부딪치는 깜토, 해결책은?

스크래치가 만든 게임을 통해 숲길 찾기 맹훈련을 마친 깜토. 움직이는 속도가 빨라진 건 좋지만 여기저기 부딪히는 일도 부쩍 잦아졌는데요. 상처투성이가 된 깜토를 위한 스크래치의 해결책은 과연 뭘까요?

아하! 박쥐를 피해 마법 모자를 잡는 방법을 알려주려고 하네요. 박쥐를 요리조리 피하는 스크래치의 움직임을 보면 깜토도 배우는 게 있겠죠? 적어도 주위를 잘 살피며 장애물을 피해 다닐 순 있을 겁니다.

– 배경과 스프라이트 가져오기

이번 편에선 다시 스크래치가 주인공입니다. 먼저 무대 영역을 선택한 후 모양 탭에서 게임의 배경이 될 그림을 불러옵니다. 배경 불러오기 작업은 많이 해봐서 익숙하시죠?

스크래치가 잡아야 할 마법 모자와 피해야 할 박쥐를 스프라이트로 등록할게요. 모두 새로운 스프라이트로 불러오면 됩니다. 스프라이트가 너무 크면 게임을 진행하기 어려우니 ‘축소’ 버튼을 눌러 적절한 크기로 줄여주는 것도 잊지 마세요.

다음은 지난 시간에 활약했던 친구 ‘변수’를 만들 차롑니다. 모자·박쥐·점수 등 세 가지 변수를 만들 건데요. △모자의 변숫값은 스크래치가 모자를 잡은 횟수 △박쥐의 변숫값은 스크래치가 박쥐에 닿은 횟수를 각각 나타냅니다. 점수의 변숫값은 스크래치가 모자에 닿으면 올라가고, 박쥐에 닿으면 내려갑니다.

– 스프라이트별 스크립트 만들기

이번 게임 속 스크래치의 목표는 바로 마법 모자죠? 마법 모자가 스크래치에게 닿기 전까진 배경 안에서 계속 움직이도록, 그리고 스크래치에게 닿으면 점수가 올라가고 모자는 사라지도록 스크립트를 짜볼게요.

박쥐의 경우, 스크립트를 마법 모자와 반대로 짜야 합니다. 배경 안에서 계속 움직이다가 스크래치에 닿으면 점수가 내려가고 박쥐는 사라지도록 말이죠.

이번 게임은 박쥐의 수를 늘리거나 줄이는 방법으로 게임 난이도를 조절할 수 있습니다. 박쥐가 늘어나면 난이도가 올라가고 줄어들면 내려갑니다. 하지만 일일이 박쥐 스프라이트를 추가하고 블록을 쌓는 건 번거로운 일이죠.

스프라이트 영역에서 마우스 오른쪽 클릭 후 ‘복사’를 선택하면 스크립트 내용까지 쉽게 복사할 수 있답니다. 동일한 방법으로 모자도 여러 개 복사할 수 있고요. 자, 이제 원하는 만큼 박쥐를 복사해주세요. 모자는 3개까지 추가해보겠습니다. 

게임 속 박쥐는 정면으로만 날아가는 형태를 띠고 있는데요. 스프라이트를 회전시키면 게임이 좀 더 재밌어진답니다. 박쥐의 움직임을 예측할 수 없기 때문이죠. 회전 방향은 아래 이미지 빨간 네모 속 방향선을 드래그(drag)해 조정할 수 있습니다.

이제 마지막 단계만 남았습니다. 스크립트를 통해 스크래치의 움직임을 지정해줄 차례인데요. 신경 써야 할 부분은 △마우스 위치를 따라 움직이게 하기 △모자를 모두 잡으면 “마법 모자 3개를 획득했다!”라고 외치며 게임 종료하기 △박쥐와 부딪혀 점수가 모두 깎여도 게임 종료하기 등입니다. 아래 이미지 속 블록 모양을 참고하세요!

과연 어떤 게임이 만들어졌을까요? 스크래치의 날쌘 움직임, 게임 속 모습으로 감상해보시죠.

프로그래밍을 할 땐 스프라이트끼리 서로 영향을 주고받는단 걸 항상 명심해야 합니다. 마치 길을 건널 때 반대 방향에서 오는 사람과 부딪히지 않도록 앞을 잘 살피면서 걷는 것처럼 말이죠.

스크래치와 여러분의 노력으로 깜토는 점점 ‘즐거운 토끼’가 돼가고 있답니다. 깜토의 그림 실력을 확인할 수 있는 ‘스크래치와 함께하는 프로그래밍 첫걸음’ 아홉 번째 시간도 많이 기대해주세요.
 

‘스크래치와 함께하는 프로그래밍 첫걸음’ 일곱 번째 시간입니다. 지난 시간엔 깜토가 스크래치네 집을 찾아가는 간단한 게임을 만들었는데요. 오늘은 새로운 기능 ‘변수’를 활용, 좀 더 복잡한 규칙을 가진 게임을 만들 겁니다. 준비 되셨나요?

달팽이보다 느린 깜토의 걸음, 빨라지게 하는 방법은?

스크래치가 만든 게임을 통해 숲 속 길 찾기에 성공한 깜토. 하지만 우물쭈물하는 버릇을 완전히 고치진 못한 모양입니다. 돌아가는 길에 다시 느려진 깜토의 걸음, 어떻게 해야 빨라지게 만들 수 있을까요?

스크래치는 깜토를 위해 새로운 숲길을 만들어줄 생각입니다. 그것도 무서운 여우가 숨어 있는 숲길인데요. 여우를 피해 재빨리 숲길을 지나려면 깜토의 발걸음도 빨라지겠죠? 그럼 깜토를 위한 숲길 만들기, 지금부터 시작해볼게요.

– 배경과 스프라이트 등록하기

이번 시간에도 배경으로 사용될 그림을 직접 그려야 합니다. 두 고개를 넘어야 하니 배경을 두 개 그려주세요. 첫 번째 고개보다 두 번째 고개를 더 복잡하게 그려보겠습니다.

길을 찾을 깜토와 장애물 역할을 할 여우를 스프라이트로 각각 추가해주세요. 깜토는 삼성전자 주니어소프트웨어아카데미 홈페이지에서 다운로드할 수 있습니다. 이때 좌우 움직임을 고정해 뒤집히지 않도록 해주세요. 스프라이트 크기도 줄여주시고요. ‘Chapter 6_스크래치네 찾아가기!‘에서 배웠던 내용이죠? 불러온 스프라이트 이름은 각각 ‘깜토’와 ‘여우’로 바꿔줍니다.

이번엔 도착 지점을 만들어볼 텐데요. 첫 번째 도착 지점인 바위는 스프라이트를 불러왔고, 두 번째 도착 지점인 나무는 직접 그려봤습니다. 먼저 바위 스프라이트를 불러온 다음, ‘모양’ 탭에서 새로운 그림을 그리면 되는데요. 꼭 나무가 아니어도 좋습니다. 도착 지점에서 만나고 싶은 게 있다면 마음껏 그려주세요!

– ‘변수’ 기능 활용, 깜토 움직임 프로그래밍하기

깜토가 좀 더 복잡해진 숲길을 통과하기 위해선 ‘변수’ 기능이 필요합니다. 총 세 가지 변수를 만들 건데요. ‘단계’는 현재 깜토가 있는 곳이 몇 번째 고개인지 나타내는 변수이며 ‘속도’와 ‘방향’은 각각 깜토의 속도와 움직이는 방향을 나타내는 변수입니다.

변수를 만들 땐 반드시 ‘모든 스프라이트에 대해’ 항목에 표기해주세요!

이제 변수를 활용, 본격적으로 프로그래밍을 해볼까요? 게임 내용이 복잡해진 만큼 명령어 블록을 여러 개로 나눠 설명하겠습니다. 1번은 게임이 시작될 때 깜토의 위치와 방향을 정해주는 명령어입니다. 2번은 화살표 키를 눌렀을 때 선택한 방향으로 깜토가 움직이도록 해주는 명령어고요. 3번 명령어는 깜토가 벽에 닿았을 때 천천히 움직이도록 해줍니다.

이번 게임엔 호시탐탐 깜토를 노리는 여우가 등장하는데요. 4번은 여우와 관련된 명령어입니다. 깜토가 여우에게 잡히면 “여우다~ 다시 처음부터 시작”이라 외치며 시작 지점으로 돌아가게 해줍니다. 5번은 깜토가 첫 번째 고개의 도착 지점에 닿으면 다음 고개로 넘어가게 해주는 명령어고요.

명령어 블록이 다 만들어졌다면 번호 순서대로 블록을 쌓아주세요. 아래 이미지처럼요. 여기까진 잘 따라오고 계시죠?

아래 이미지 속 1번은 두 번째 무대가 시작될 때 깜토의 위치와 대사를 정하는 명령어 블록입니다. 지난번 게임은 깜토를 움직일 때마다 화살표 키를 눌러야 했는데요. 화살표 키를 한 번 누르면 그 방향으로 깜토가 계속 움직일 수 있도록 2번 블록을 넣어줍시다.

– 스스로 움직이는 장애물, 여우 만들기

다음은 여우의 움직임 블록을 만들 차례입니다. 게임이 시작되면 여우가 계속 좌우로 움직여 깜토를 방해하도록 1번처럼 명령어를 쌓아주세요.

두 번째 고개에서도 여우가 나타나게 하려면 2번 블록을 넣으면 됩니다. 명령어 속 좌표를 바꾸면 여우가 나타나는 위치도 달라지니 참고하세요!

– 도착 지점 블록과 무대 블록 만들기

자, 이제 마지막 단계입니다. 아래 이미지 왼쪽은 도착 지점 블록인데요. △게임이 시작될 때 첫 번째 도착 지점 만들기 △2단계가 시작되면 도착 지점 나무로 바꾸기 △깜토가 나무에 닿으면 “드디어 도착했다!”라고 외치게 만들기 등의 명령을 수행합니다. 오른쪽은 무대 블록인데요. 배경이 바뀔 때마다 단계 변수 값도 달라지게 만듭니다.

깜토를 위한 숲길 만들기, 다소 어렵고 복잡하다고 느끼셨을 수도 있는데요. 여기까지 차근차근 따라오셨다면 멋진 게임이 만들어졌을 겁니다. 완성된 게임의 모습은 어떨지 궁금하시죠? 과연 깜토가 무사히 숲길을 통과했을지 확인해보겠습니다.

프로그래밍할 땐 변수를 활용, 다양한 조건을 만들 수 있습니다. 마치 오븐에 빵을 구울 때 타이머로 시간을 맞추거나 온도를 정해두는 것처럼 말이죠. 이때 변수는 ‘시간’과 ‘온도’가 되겠네요. 변수는 정교한 프로그램을 만들기 위해 꼭 친해져야 할 친구입니다. 다음 시간엔 스프라이트 사이간 상호 작용을 활용, 게임을 만들어볼 예정이니 많이 기대해주세요!

‘스크래치와 함께하는 프로그래밍 첫걸음’ 여섯 번째 시간입니다. 지난 시간엔 ‘방송하기’ 기능을 이용해 한 편의 연극을 만들어봤는데요. 오늘은 깜토가 주인공이 돼 스크래치네 집을 찾아가는 간단한 게임을 만들어보겠습니다.

깜토가 돼 스크래치네 집을 찾아가자!

연극을 보고 우물쭈물하는 말버릇을 고친 깜토. 하지만 자꾸만 길을 헤매는 통에 당장 여행을 떠날 수 있을지 걱정입니다. 직접 깜토가 돼 스크래치네 집까지 찾아가는 연습을 해볼까요?

-숲 속 지도 만들기

먼저 ‘스프라이트∙무대’ 영역(오른쪽 아래)에서 스크래치를 삭제해주세요. 그런 다음 스크래치네 집으로 가는 길을 그려주세요. 오늘은 배경을 불러오지 않고 직접 그리려 합니다.

무대 영역을 선택한 다음 ‘그림’ 버튼을 누르면 직접 배경을 그릴 수 있는데요. 페인트통 모양의 ‘채우기 도구’를 누르고 녹색을 선택한 다음 그림판을 클릭하면 전체가 녹색으로 채워집니다.

스크래치네 집으로 가는 길엔 벽도 놓여있는데요. 이번엔 ‘사각형 도구’를 누르고 갈색을 선택한 후 벽을 그려보겠습니다. 총 2개의 벽을 놓아주세요. 벽을 다 그렸다면 이번에는 스크래치네 문을 그릴 차례입니다. 하늘색을 선택하고 문을 그린 후 ‘원그리기 도구’로 손잡이를 그리면 완성! 원하시는 분은 ‘그림 붓’을 선택해 나무를 그려주셔도 좋습니다. 그림이 완성되면 오른쪽 아래 확인 버튼을 눌러주세요.

-‘깜토’ 불러오기

숲 속 지도가 완성됐으니 이제 오늘의 주인공 깜토를 불러오겠습니다. 스크래치 프로그램 안에서 깜토를 만나는 건 처음이시죠? 귀여운 깜토는 삼성전자 주니어소프트웨어아카데미 홈페이지에서 다운로드할 수 있습니다. 파일을 받고 원하는 곳에 압축을 푼 후 ‘새로운 스프라이트 파일 선택하기’ 메뉴를 통해 불러와주세요.

처음 만나는 깜토의 모습, 귀엽긴 한데 너무 크죠? 다이어트가 필요할 듯합니다. 무대 영역 위쪽엔 축소 버튼이 있는데요. 이 버튼을 누른 상태에서 깜토를 클릭하면 깜토가 작아집니다. 숲 속 벽을 요리조리 피해갈 수 있도록 깜토의 배를 눌러 적당한 크기로 줄여주세요.

-게임 규칙 만들기

이제 위·아래·오른쪽·왼쪽 화살표를 눌렀을 때 깜토가 그 방향으로 움직이도록 블록을 만들어보겠습니다. 우선 스크립트 탭 왼쪽에서 ‘왼쪽에서 오른쪽으로만’ 버튼을 선택해 주세요. 그렇지 않으면 깜토가 뒤집혀 보이게 됩니다.

각 화살표를 눌렀을 때 깜토가 움직일 방향을 ‘~도 방향 보기’ 블록에서 정해줍니다. 북쪽을 0도 기준으로 하고 △위쪽은 0도 △아래쪽은 180도 △왼쪽은 -90도 △오른쪽은 90도로 각각 설정해주세요.

게임 시작 시 깜토의 위치를 정한 후 벽에 닿았을 때 뒤로 물러서는 기능을 추가할게요. 먼저 깃발을 클릭하면 정해진 위치로 가도록 블록을 만듭니다. 그런 다음 ‘~색에 닿기’ 블록에 벽의 색을 넣고, 그 색에 닿았을 때 반대 방향으로 돌아 움직이게 하면 깜토는 벽에 부딪히지 않고 스크래치네 집으로 찾아갈 수 있겠죠?

스크래치네 집 문에 닿았을 때 “깜토가 도착했다”고 말하도록 블록을 조립하면 게임 준비는 모두 끝납니다. 아, 참! ‘~색에 닿기’ 블록은 선택했을 때 마우스 포인터가 스포이드 모양으로 변하는데요. 이때 무대에서 원하는 곳을 선택하면 그곳의 색을 자동으로 불러오니 참고하세요!

아래는 완성된 게임의 모습입니다. 깃발 버튼을 누르면 게임이 시작되는데요. 키보드 오른쪽에 있는 화살표 버튼을 이용해 깜토를 움직일 수 있답니다. 깜토가 길을 잃지 않고 스크래치네 집을 잘 찾아갈 수 있도록 도와주세요.

게임 만들기, 어렵지 않죠? 스크래치와 함께라면 쉽고 빠르게 게임을 만들 수 있는데요. 이때 조건을 잘 만드는 게 중요합니다. 길 찾기를 할 땐 벽에 부딪히면 더 이상 갈 수 없고, 정해진 길로 가야만 도착할 수 있는 것처럼요. 여러분만의 규칙을 정해 새로운 게임을 만들어보세요.

다음 시간엔 오늘 배운 내용을 응용해 좀 더 복잡한 게임을 만들어보겠습니다. 계속해서 이어지는 깜토의 모험, 기대해주세요!

삼성전자는 소프트웨어에 관심을 갖고 있는 학생들이 보다 쉽고 재미있게 공부할 수 있도록 주니어소프트웨어아카데미(이하 ‘주소아’)를 운영하고 있다. 지난 2013년 8월 문을 연 주소아는 49개 학교에서 진행된 시범운영을 시작으로 매년 범위를 늘려 2015년 현재 270개교 1만1000명을 대상으로 교육을 진행 중이다. 프로그래밍을 통해 다양한 학생들이 보다 창의적이고 유연한 사고를 갖도록 하는 게 그 목표다.

주소아에선 주로 스크래치(scratch)라는 프로그램을 활용해 수업을 진행한다. 이 프로그램은 누구나 쉽게 소프트웨어를 배울 수 있도록 MIT(Massachusetts Institute of Technology, 매사추세츠공과대) 미디어 랩에서 개발한 '사건 기반의 프로그래밍 언어'다.

사실 나도 스크래치라는 프로그램을 이번 기회에 처음 접하게 됐다. 하지만 여태껏 접했던 다른 개발용 소프트웨어들보다 쉽게 익힐 수 있었다. 캐릭터와 말풍선 등으로 이뤄져 시각적 부담이 없었고 직관적인 블록형 언어로 제작돼 큰 어려움 없이 배울 수 있었다. 최근 삼성투모로우에서 많은 사람들의 관심 속에 연재 중인 '스크래치와 함께하는 프로그래밍 첫걸음' 시리즈도 큰 도움이 됐다. 새롭게 프로그래밍을 배워보고 싶은 사람이라면 한 번쯤 읽어보는 걸 추천한다.

간편한 블록형 프로그래밍 언어, 스크래치

오늘은 스크래치 활용법에 대한 간단한 소개와 이를 활용해 1학기 동안 함께 했던 대학생 기자단 1기 동기들에게 하고 싶었던 말을 전하려고 한다. 우선 스크래치를 어떻게 활용할 수 있는지 간단하게 소개한다.

스크래치 프로그램을 실행하면 다음과 같은 화면을 볼 수 있다. 가장 왼쪽 영역엔 각종 명령을 수행할 수 있는 블록이 보인다. 가운데 영역에선 이 블록들을 적절히 조합해 스크립트를 만들 수 있다. 오른쪽 위 영역은 프로그래밍된 화면을 보여주며, 오른쪽 아래 영역에서는 스프라이트(sprite)와 스테이지(stage)를 설정할 수 있다. 스프라이트는 하나의 캐릭터이고, 스테이지는 배경이라고 생각하면 이해하기 쉽다.

가장 먼저 배경을 설정해보자. 오른쪽 아래 영역에서 스테이지를 클릭하면 배경을 설정할 수 있도록 왼쪽과 가운데 영역이 전환된다. 가운데 영역에 있는 ‘백그라운드(Backgrounds)’ 탭을 클릭하면 배경 이미지를 설정할 수 있다. 캐릭터인 스프라이트 역시 같은 방법으로 선택하면 된다. 물론 자신이 원하는 사진이나 이미지를 불러올 수도, 직접 그릴 수도 있다. 처음 접하는 사람들도 얼마든지 익힐 수 있도록 직관적으로 구성돼 누구나 쉽게 따라 할 수 있다.

이렇게 스프라이트와 스테이지를 지정해 준 다음엔 각각 가장 왼쪽에 있는 영역에서 다양한 효과와 움직임을 설정할 수 있다. 스크래치가 다른 소프트웨어 개발 프로그램보다 수월하게 배울 수 있는 프로그램인 건 바로 ‘블록형 언어’기 때문이다. 따로 복잡하게 입력할 필요 없이, 레고 블록을 쌓듯이 각각의 블록을 적절히 연결해가면서 스크립트를 완성해나가면 된다.

소프트웨어 개발을 흔히 ‘컴퓨터와의 채팅’이라고 표현한다. 컴퓨터엔 다양한 언어가 있으며 그 언어의 문법과 형식에 따라 스크립트를 작성해나감으로써 프로그램이 만들어진다. 이때, 그 언어의 문법이나 형식에서 조금이라도 벗어나면 원하는 결과를 얻을 수 없다. 따라서 프로그램을 개발할 땐 해당 언어에 대한 엄격한 공부가 선행돼야 한다.

하지만 스크래치는 블록형 언어기 때문에 보다 쉽게 접근할 수 있다. 블록형 언어란 기존의 프로그래밍 언어를 일정한 묶음이나 단위로 미리 저장해놓은 걸 말한다. 영어를 작문할 때도 빈 종이에 한 글자씩 완성하는 것보단 나열된 단어를 적절히 조합해 문장을 만드는 게 더 쉽듯 코딩도 마찬가지다. 레고 블록을 쌓듯이 직관적으로 명령문들을 연결해나가면 된다. 스크래치는 소프트웨어에 관심을 가지고 있지만 프로그래밍 언어라는 진입 장벽에 막혀 있는 사람들에게 권할 만한 프로그램이다.

스프라이트와 스테이지를 설정한 다음, 가운데 스크립트 공간을 왼쪽의 블록형 언어들로 간단히 채워봤다. 블록형 언어의 종류는 매우 다양하다. 움직임은 물론, 말풍선을 넣거나 특정 조건에서만 반응하도록 설정하는 것도 가능하다. 또 정해진 시간 동안 해당 명령어를 반복적으로 수행하도록 할 수도 있다.

반년 간의 활동을 마무리하며…

지난 2월 27일 발대식을 시작으로 약 6개월간 삼성전자 대학생 기자단 1기로 활동했다. 처음엔 기자단의 일원으로서 어떤 역할을 해야 하는지도 알지 못했다. 그저 글을 쓰고 콘텐츠를 만드는 일에 몰두하다 보니 반년이란 시간이 흘렀다. 동기들과 어색하게 인사를 나누며 발대식을 치른 게 얼마 되지 않은 것 같은데 말이다. 학업과 취재를 병행하는 일은 쉽지 않았지만 열정적으로 활동에 참여한 결과, 많은 걸 얻었다는 생각이 든다. 한 학기를 함께 보낸 동기들과의 시간을 추억하며 만든 메시지를 독자 여러분께 공개한다.

▲삼성전자 대학생 기자단 1기 학생들에게 전하는 메시지

프로그래밍으로 자신의 마음을 표현하는 일이 어렵다고 생각하는가? 스크래치를 통한다면 누구나 쉽게 할 수 있다. 블록을 쌓듯이 명령어를 조합하며 캐릭터를 움직이다 보면 프로그래밍에 대한 두려움도 어느새 사라질 것이다. 누군가에게 감사와 사랑의 마음을 표현하고 싶다면 스크래치를 통해 특별한 메시지를 전해보는 건 어떨까?

※ 본 블로그에 게시한 글은 개인적인 것으로 삼성전자의 입장, 전략 또는 의견을 나타내지 않습니다.

‘스크래치와 함께하는 프로그래밍 첫걸음’ 다섯 번째 시간입니다. 지난 시간에 배경과 스프라이트를 시시각각 변화시켜 스크래치가 다양한 공간으로 여행을 떠나도록 도와줬던 것, 기억하시나요? 오늘은 3편에서 배웠던 방송하기를 활용해 배경을 바꿔가며 한 편의 연극을 만들어보겠습니다. 준비되셨죠?

다양한 친구와 배경을 활용해 연극을 만들자!

여행을 통해 깜토에게 친구를 소개하려 했던 스크래치. 하지만 새로운 친구를 만났을 때 우물쭈물하며 부끄러워할 깜토의 모습이 눈에 선합니다.

여행을 떠나기에 앞서, 깜토의 말솜씨를 키워줄 필요가 있겠네요. 다양한 대사가 등장하는 연극을 보면, 깜토도 친구들과 이야기 나누는 법을 배울 수 있지 않을까요? 그럼 지금부터 깜토에게 보여줄 연극 무대를 꾸며보겠습니다.

-무대 배경과 등장 동물 만들기

먼저 ‘스프라이트∙무대’ 영역(오른쪽 아래)에서 스크래치를 삭제해 주세요. 그러면 자연스럽게 무대 영역이 선택되는데요. 이 상태에서 스크립트 영역의 배경 탭으로 넘어가 배경으로 벽돌 담(brick-wall1)과 보드워크(boardwalk)를 선택합니다.

배경을 골랐으니 연극에 나올 동물 친구들도 찾아야겠죠? 첫 번째로 만들 동물은 춤추는 앵무새입니다. 별과 폴더 모양이 그려진 아이콘을 누른 후 날개를 든 앵무새 스프라이트(parrot1-a)를 선택해주세요.

춤추는 것처럼 보이려면 두 가지 모습이 필요하니, 이어서 날개를 내린 앵무새 스프라이트(parrot1-b)를 불러옵니다. 이때 주의할 점이 있습니다. 반드시 날개를 든 앵무새 스프라이트를 선택한 후, 모양 탭에서 불러와야 한다는 사실이죠. 그래야 연속된 동작을 만들 수 있습니다.

– 동물 친구들에게 소리 입히기

다음으로 소리를 입혀볼까요? 소리 탭에서 앵무새가 나타날 때와 춤을 출 때 들릴 두 가지 소리를 불러오겠습니다. 나타날 땐 ‘워터드롭(WaterDrop)’이, 춤을 출 땐 ‘셰이커(Shaker)’가 각각 들리도록 설정할게요.

두 번째 친구인 원숭이 스프라이트(monkey1)까지 불러오면 무대 배경과 등장인물 만들기는 끝납니다. 단, 이땐 앵무새와는 다르게 새로운 스프라이트 파일 선택하기를 이용해야 합니다. 

– 스크립트를 사용해 연극 만들기

자, 이젠 무대의 스크립트를 만들 차례입니다. 먼저 ‘제어’ 버튼에 있는 블록이 필요한데요. 깃발을 클릭하면 배경이 벽돌 담(brick-wall1)으로 바뀌도록 해주세요. 그런 다음, ‘화면전환’ 방송을 받으면 배경이 보드워크(boardwalk)로 바뀌도록 블록을 만들어줍니다.

주연 배우인 원숭이와 앵무새에게도 대사와 동작을 지정해줍시다. 먼저 ‘말하기’ 블록과 ‘기다리기’ 블록을 사용해 원숭이의 대사를 입력해볼게요.

앵무새의 경우는 좀 더 복잡한데요. 먼저 ‘숨기기’ 블록을 이용할 겁니다. 대본상 앵무새가 심심해하는 원숭이 앞에 갑자기 나타나야 하니까요. 잠시 기다렸다 소리를 내며 등장하도록 설정해주세요. 그리고 ‘기다리기’ 블록으로 원숭이와 앵무새의 대사가 겹치지 않도록 조절해야 합니다. 연극이 성공을 거두려면 배우들 간 호흡이 잘 맞아야겠죠? 

다양한 블록을 이용해 대사와 동작을 정해준 후, 마지막에 ‘화면전환’ 방송하기 블록을 넣어주세요.

‘화면전환’ 방송을 받으면 배경이 바뀝니다. 새로운 무대에서 원숭이와 앵무새가 각각 취해야 할 동작과 대사도 지정해주세요. 연극의 마무리는 원숭이와 앵무새의 신나는 댄스 타임!

스크래치가 준비한 연극은 과연 무슨 내용인지 함께 볼까요?

스크래치, 이제 보니 프로그래밍만 잘하는 게 아니라 연극 연출도 잘하네요! 생각한 대로 화면 속 동물 친구들이 움직이는 모습을 보니 신기합니다. 오늘 내용을 조금만 응용하면 더 멋진 연극도 만들 수 있어요.

다음 시간엔 자꾸만 길을 헤매는 깜토를 위한 ‘길 찾기 특훈’이 준비돼 있답니다. 과연 깜토는 숲 속의 미로를 뚫고 무사히 집으로 갈 수 있을까요? 여섯 번째 챕터도 기대해주세요!

지난 시간에 새로 배운 ‘방송하기’ 제어 블록 활용법, 어떠셨나요? 여러 스프라이트에게 한 가지 메시지를 전달, 그 메시지를 받을 때 각각의 스프라이트가 말과 동작을 실행하는 역동적인 프로그래밍을 해봤는데요. 이번 시간엔 일명 ‘방송하기: 응용 심화 편’으로 배경과 스프라이트가 시시각각 변화되는 프로그래밍을 배워보겠습니다.

겁 많은 깜토에게 재미난 세상을 보여주자!

깜토는 소심한 성격으로 친구를 쉽게 사귀지 못합니다. 항상 꿈에서 친구들을 만나고 있죠. 스크래치는 깜토가 낯선 환경에서도 겁먹지 않도록 도와주려고 하는데요. 스크래치가 깜토를 위해 고안해낸 방법은 무엇일까요? 

아하! 깜토에게 새로운 세상을 미리 보여주기로 했군요. 본격적인 여름 휴가철을 앞두고 스크래치가 깜토에게 제안한 여행지 세 곳, 함께 떠나볼까요? 

-새로운 스프라이트 가져오기

스크래치가 깜토에게 보여주고 싶은 여행지는 바다∙사막∙우주입니다. 먼저 여행지 세 곳을 배경 스프라이트로 등록해보겠습니다. ‘스프라이트∙무대’ 영역(오른쪽 아래)에서 별과 폴더 모양이 그려진 아이콘을 누른 후 바다∙사막∙우주를 차례대로 선택합니다.

스크래치는 여행지에서 만날 친구들이 있는데요. △바다는 꽃게 △사막은 여우 △우주는 용(龍)이 각각 그 주인공입니다. 꽃게∙여우∙용도 배경 스프라이트를 선택했던 방법과 동일하게 스프라이트로 등록해주세요. 

다음은 스크래치가 각 여행지를 거치며 친구들을 만나는 상황을 프로그래밍해볼 건데요. 그 전에 바다 여행을 맡은 친구는 여러 스프라이트 중 바다와 꽃게만 보이도록 해당 스프라이트를 누른 후 ‘보이기’를 클릭해주세요.

동일한 방법으로 사막 여행을 맡은 친구는 사막과 여우만, 우주 여행을 맡은 친구는 우주와 용만 보이도록 각각 선택해야 합니다. 여기까지 잘 따라오고 계시죠? 

-여행지별 스크립트 만들기

자, 이제 각 여행지별로 스크립트를 만들어보겠습니다. 첫 번째 여행지는 바다인데요. 먼저 바다 배경 스프라이트를 눌러주세요. 그런 다음, 제어 버튼 중 ‘~받을 때’ 제어 블록을 눌러 메시지 이름을 지어줍니다.

사용자가 ‘~받을 때’ 제어 블록을 특정 이름으로 지정하면 이 제어 블록의 메시지를 받은 스프라이트의 행동도 제어할 수 있는데요. 예를 들어 바다 배경 스프라이트를 실행하고 스크립트에 ‘바다 숨기기 받을 때’라는 제어 블록 아래 ‘숨기기’ 형태 블록을 이어 붙이면 바다 배경이 화면에서 없어집니다.

동일한 방법으로 꽃게 스프라이트의 스크립트에도 ‘바다 숨기기 받을 때’ ‘바다 보이기 받을 때’ ‘꽃게 보이기 받을 때’ ‘꽃게 숨기기 받을 때’ 등의 제어 블록을 조립해주세요. 꽃게 스프라이트를 실행한 후 ‘바다 숨기기 받을 때’ 제어 블록과 ‘숨기기’ 형태 블록을 조립하면 바다 배경이 사라질 때 꽃게 스프라이트도 함께 사라집니다.

스크래치는 여행지의 친구들과 이야기를 주고받을 예정인데요. 해당 스프라이트가 말을 하기 위해선 ‘~받을 때’ 제어 블록 생성 시 하나의 스프라이트를 두 개의 이름으로 구분해야 합니다. 예를 들어 ‘꽃게 보이기 받을 때(스프라이트가 화면에 나타날 때)’와 ‘꽃게2 보이기 받을 때(스프라이트에 말풍선을 삽입할 때)’처럼요. 

사막과 여우 스프라이트, 우주와 용 스프라이트에도 동일하게 ‘~받을 때’ 제어 블록을 활용해 스크립트를 만들어줍니다.   

-하나의 스크립트로 연결하기

여러 개의 스프라이트를 하나의 스크립트로 연결해보겠습니다. 먼저 바다∙사막∙우주 등을 여행할 스크래치 스프라이트를 선택해주세요. 이번엔 ‘방송하기’ 제어 블록을 적극 활용해볼 겁니다.

스크래치는 가장 먼저 ‘깃발이 클릭되었을 때’ 명령어를 스크립트 영역으로 끌어왔습니다. 뒤이어 첫 여행지인 ‘꽃게 보이기 방송하기’와 ‘바다 보이기 방송하기’ 제어 블록을 조립했는데요. 이때 꽃게와 바다 스프라이트만 남도록 다른 스프라이트엔 ‘~숨기기 방송하기’ 제어 블록을 넣는 게 중요합니다. ‘~방송하기’ 제어 블록의 경우 여러 개의 스프라이트를 동시에 실행하므로 화면엔 꽃게와 바다만 남습니다.

스크래치가 친구들과 대화를 주고받을 수 있도록 “안녕!” “바다는 어때” 등의 말풍선 블록을 각 스프라이트 사이에 끼워줍니다. 이때 주의해야 점은 말풍선 블록 조립 시 ‘~방송하기’가 아닌 ‘~방송하고 기다리기’ 제어 블록을 넣어야 한다는 건데요. ‘~방송하기’ 제어 블록 삽입 시 여러 스프라이트의 동작이 동시다발적으로 진행되니 질문과 답변이 동시에 나오게 됩니다. 그러니 ‘~방송하고 기다리기’ 제어 블록을 활용, 스크래치와 친구들이 한마디씩 번갈아 가며 이야기할 수 있도록 해주세요.

이렇게 바다 배경 스프라이트부터 용 스프라이트까지 이어봤는데요. 과연 어떤 모습으로 완성됐을까요? 함께 보시죠.

스크래치는 바다∙사막∙우주를 여행하며 다양한 친구들을 만났네요. 이번 여름 휴가는 그야말로 흥미진진한 모험이었는데요. 스크래치가 프로그래밍한 여행 장면을 보고 깜토가 드디어 여행 결심을 했다고 합니다.

다음 편에선 깜토의 좌충우돌 여행기가 이어집니다. 겁 많은 깜토는 무사히 새 친구들을 사귈 수 있을까요? 여러분도 함께 지켜봐주세요.

‘스크래치와 함께하는 프로그래밍 첫걸음’ 지난 시간엔 하나의 스프라이트(개체)가 정해진 순서에 따라 여러 동작을 하는 프로그래밍을 배워봤습니다. 오늘은 여기서 더 나아가 여러 개의 스프라이트에게 한 가지 메시지를 전달, 그 메시지를 받을 때 각각의 스프라이트가 말과 동작을 실행하도록 하는 방법을 배워볼 텐데요. 자, 그럼 시작해볼까요?

숲 속 친구들을 찾아 깜토에게 보여주자!

지난 시간 깜토에게 춤추는 방법을 알려준 스크래치. 그 덕에 깜토는 밖에서 춤도 추고, 운동할 수 있게 됐는데요. 하지만 깜토는 아직까지 다른 친구들이 나타나면 깜짝깜짝 놀라고 부끄러워합니다. 이에 스크래치는 깜토에게 숲 속 친구들을 소개해주기로 했는데요. 그럼 지금부터 프로그래밍을 통해 숲 속 친구들과 깜토의 만남을 주선해볼까요?

-배경 설정하기

숲 속 친구들을 만나기 위해선 먼저 그들이 있는 곳으로 무대를 옮겨야 합니다. 지난 1편에서 알려드렸던 것처럼 ‘스프라이트·무대’ 영역(오른쪽 아래)에서 무대를 선택한 후 ‘스크립트’ 영역(가운데)에서 배경 탭을 누르면 사용자가 원하는 배경을 설정할 수 있는데요. ‘그림’ ‘가져오기’ ‘카메라’ 등 세 가지 방법 중 하나를 선택해 스프라이트가 서 있는 배경을 바꾸면 됩니다.

스크래치는 숲 속 친구들을 만나기 위해 배경 탭에서 가져오기를 선택, 울긋불긋한 꽃이 가득 피어있는 꽃밭을 배경으로 가져왔는데요. PC에 저장된 사진이나 이미지를 가져올 경우는 스크래치처럼 가져오기를 이용하면 됩니다.

-새로운 스프라이트 가져오기

배경이 설정됐으면 이제 숲 속 친구들을 한 명 한 명 부를 차례입니다. 새로운 스프라이트를 가져오는 방법은 매우 간단한데요. 스프라이트·무대 영역에서 새로운 스프라이트를 만드는 방법을 하나만 선택하면 됩니다.

오늘은 지난 2편에서처럼 PC에 저장된 스프라이트들을 불러올 건데요. 별 모양의 새로운 스프라이트 추가 아이콘 중 폴더 표시가 돼 있는 가운데 아이콘을 누르면 PC에 저장된 스프라이트를 불러올 수 있습니다. 스크래치는 깜토에게 소개할 아리따운 나비 두 마리를 새로운 스프라이트로 불러왔네요.

-스크립트 만들기

이제 본격적으로 여러 개의 스프라이트에서 하나의 메시지를 전달, 각 스프라이트를 말하고 움직이게 해보려고 하는데요. 먼저 스크래치 스프라이트를 선택한 후 왼쪽 블록 영역에 있는 제어·동작 명령어를 스크립트 영역으로 가져옵니다.

스크래치는 ‘깃발이 클릭되었을 때’ 명령어를 스크립트 영역으로 이동한 후 아래에 ‘보이기’와 ‘1초 기다리기’ 명령어를 각각 이어 붙였는데요. 그다음 ‘숲 속 친구 찾기 방송하고 기다리기’ 명령어를 가져와 다른 스프라이트들이 ‘숲 속 친구 찾기’ 메시지에 따라 각각 움직이고 말할 수 있게 했습니다.

이번엔 보라색 나비와 빨간색 나비에 각각 명령어를 입력해볼까요? 스크래치는 두 스프라이트가 하나의 메시지에 움직일 수 있도록 ‘숲 속 친구 찾기 방송이 나올 때’ 블록을 스크립트 영역 맨 처음에 놓고 말풍선 블록과 동작, 제어 블록을 각각 이어 붙였는데요. 자세히 보면 보라색 나비와 빨간색 나비의 대기 시간이 각각 1.5초와 1초로 다르게 설정돼 있는 걸 발견할 수 있습니다. 이는 나비의 움직임을 다르게 표현하기 위해선데요. 덕분에 나비들의 움직이는 모습이 각기 다르게 표현될 수 있었습니다. 그럼 완성된 프로그래밍을 한 번 감상해볼까요?

한 쌍의 나비가 동시에 말하고 움직이는 걸 볼 수 있었는데요. 방송하기 설정은 이처럼 여러 개의 스프라이트를 제어하는 데 유용합니다. 다음 편에선 바다∙사막∙우주 등 여행지를 차례대로 옮겨가며 즐거운 여름 휴가를 보내는 깜토와 친구들의 얘길 들려드릴 예정이니 많이 기대해주세요!

구부정한 깜토에게 춤추는 방법을 알려주자!

깜토는 평소 소심한 성격 탓에 친구들과 쉽게 어울리지 못합니다. 깜토를 보고 인사하러 오던 친구들이 ‘분홍색 돌’로 착각해 깔고 앉을 때도 있는데요. 그렇다 보니 깜토의 등은 나날이 굽어집니다. 깜토를 도와주고 싶은 스크래치, 어떤 방법을 생각해냈을지 짧은 만화로 감상해볼까요?

스크래치가 깜토에게 운동 방법을 프로그래밍해서 보여주기로 했군요. 스크래치는 프로그래밍을 어떻게 활용했을까요?  

-기본 스프라이트 삭제하기

본격적인 프로그래밍에 앞서 스크래치 프로그램을 실행해 기본 스프라이트를 삭제해주세요. 깜토에게 춤을 가르쳐줄 친구는 스프라이트가 아닌 다른 친구거든요. 오른쪽 하단의 스프라이트를 누르고 오른쪽 마우스를 클릭해 ‘삭제’ 탭을 선택하면 스프라이트가 사라집니다.

-배경 설정하기

깜토에게 춤을 가르쳐 줄 친구는 바로 사막에 사는 코끼리인데요. 그의 특기는 ‘춤추기’입니다. 바나나가 눈앞에 있으면 자신도 모르는 새 스텝을 밟는다고 합니다. 그럼 먼저 배경화면으로 사막 이미지를 불러와야겠죠?

지난 1편에서 배웠던 대로 오른쪽 하단의 ‘스프라이트·무대’ 영역에서 ‘무대’라고 쓰인 흰 상자를 눌러주세요. 그 다음 ‘배경’ 탭을 클릭하면 다양한 배경화면이 나타나는데요. 그 중 사막 이미지를 선택하면 배경이 바뀝니다.

-새로운 스프라이트 가져오기

사막 배경을 불러왔으니 이제 코끼리 친구를 만나보겠습니다. 다시 ‘스프라이트·무대’ 영역으로 돌아와 별과 폴더 모양이 그려진 아이콘을 눌러주세요.

해당 아이콘을 누르면 아래와 같이 ‘새로운 스프라이트’ 선택창이 뜹니다. 코를 말고 있는 코끼리 스프라이트(elephant1-a)를 선택해주세요.

그 다음엔 코를 풀고 있는 코끼리 스프라이트(elephant-b)를 가져올 차례인데요. 각기 다른 동작을 하는 코끼리 스프라이트를 삽입하는 이유는 코끼리가 긴 코로 춤추는 모습을 동작마다 프로그래밍하기 위해섭니다.

이때 주의할 점이 있습니다. ‘스프라이트·무대’ 영역이 아니라 코를 말고 있는 코끼리 스프라이트를 선택해야 한다는 사실이죠. 그런 다음, ‘스크립트’ 영역에서 ‘모양’ 탭을 누르고 ‘가져오기’ 기능을 통해 코를 풀고 있는 코끼리 스프라이트를 추가하면 됩니다.

코끼리 친구에게 바나나를 보여주면 더 신나게 춤을 추겠죠? 코끼리 스프라이트를 불러왔던 것과 동일한 방법으로 바나나 스프라이트를 삽입해주세요.   -소리 삽입하기 이번엔 바나나 스프라이트를 누르면 재미난 소리가 나도록 적용시켜보겠습니다. 바나나 스프라이트를 누르고 ‘소리’ 영역을 선택하면 ‘소리 가져오기’ 선택창이 보일 거예요.

바나나 스프라이트를 누를 때마다 ‘달그락 달그락’ 소리가 나오도록 할 건데요. ‘소리 가져오기’ 선택창에서 ‘래틀(Rattle)’ 효과를 선택하면 곧바로 적용됩니다. 여기에 드럼 스프라이트까지 추가하면 이제 기본 준비는 끝납니다.  

-스크립트 만들기

자, 이제 완성된 코끼리 스프라이트를 움직여볼까요? 스프라이트에 동작을 적용시키려면 ‘블록’ 영역(맨 왼쪽)으로 돌아와야 합니다. 코끼리가 이동하며 코를 말거나 푸는 등 두 가지 모습을 번갈아 보여주도록 ‘움직이기’ 블록과 ‘모양 바꾸기’ 블록을 조립할 건데요. 클릭할 때마다 코끼리가 움직일 수 있도록 ‘제어’ 버튼을 눌러 ‘클릭되었을 때’ 블록을 맨 처음으로 조립해주세요.

그 다음엔 ‘동작’ 버튼을 눌러 움직임을, ‘형태’ 버튼을 눌러 코끼리 모양을 사이사이에 끼워주면 됩니다. 코끼리 스프라이트가 일정한 시간 간격으로 자연스럽게 움직이도록 ‘동작’ 블록과 ‘모양’ 블록 사이에 ‘기다리기’ 블록을 넣어주세요.

위와 동일한 방법으로 바나나 스프라이트와 드럼 스프라이트에도 동작을 적용해보겠습니다. 바나나를 누르면 소리가 나도록 ‘제어’ 버튼에서 ‘클릭되었을 때’ 블록을 넣어주세요. 그 다음 ‘소리’ 버튼을 눌러 ‘소리 내기’ 블록을 조립해주면 완성입니다. 드럼 스프라이트도 누르면 반복해서 연주하도록 ‘제어’ 버튼과 ‘소리’ 버튼을 활용해 블록을 연결해주고요. 스크래치가 잘 만들어졌는지 살펴볼까요?

*해당 영상은 사용기한 만료로 삭제되었습니다

깃발 아이콘을 누르니 코끼리는 춤을 추기 시작하고, 바나나는 재미난 소리를 내고, 드럼은 반복해서 연주합니다.   

프로그래밍 작업 시 중요한 것 중 하나가 ‘목적에 맞는 순서와 규칙 정하기’입니다. 같은 명령어를 사용해도 어떤 순서와 규칙을 적용하느냐에 따라 프로그래밍 결과가 달라지거든요. 음식을 만들 때 같은 재료를 써도 조리 방법과 순서에 따라 요리의 맛이 천차만별인 것처럼요. 깜토는 춤추는 코끼리와 함께 건강해질 수 있을까요? 그 결과는 다음 편에서 공개합니다. 스크래치와 함께 변화하는 깜토의 모습, 많이 기대해주세요.

*이 콘텐츠는 삼성전자 사회봉사단사무국이 프로그래밍 분야 전문가들과의 협업을 통해 개발했습니다

특히 주소아에선 미국 매사추세츠공대 미디어융합기술연구소(MIT 미디어랩)이 개발한 사건 기반 프로그래밍 언어 '스크래치'를 활용해 소프트웨어를 가르치고 있는데요. 삼성투모로우에선 '스크래치와 함께하는 프로그래밍 첫걸음' 연재를 통해 주소아 학생들이 배우는 코딩 수업을 독자 여러분과 공유하려고 합니다.

평소 프로그래밍에 관심 있던 분들에겐 간단한 코딩을 배울 수 있는 좋은 기회가 될 텐데요. 수업 첫날인 오늘은 스크래치에 대해 알아보고, 스프라이트(개체)에 동작과 말풍선 적용하는 법을 배워보겠습니다. 그럼 먼저 한 편의 짧은 만화를 감상해볼까요?

스크래치는 평소 소심한 성격 탓에 친구들과 쉽게 어울리지 못하는 깜토를 보며 늘 안타까웠습니다. 이에 스크래치는 깜토에게 더 넓고 재미있는 세상을 보여주기로 결심했답니다. 다름 아닌 프로그래밍을 이용해서!

스크래치가 말했듯 프로그래밍을 이용하면 화면 속 캐릭터들을 움직일 수도 있고 세상 어디로든 데려다 놓을 수도 있는데요. 오늘은 스크래치가 직접 움직이며 말하는 모습을 보여준다고 하네요. 그럼 하나하나 천천히 스크래치를 따라 해봅시다.

여러분의 '스프라이트'를 소개시켜 주세요!

스크래치 프로그램을 실행하면 다음과 같은 화면이 보입니다. 스크래치 화면은 크게 4개로 분할돼 있는데요. 각종 명령 값이 저장돼 있는 '블록’ 영역(맨 왼쪽), 명령을 저장하는 '스크립트’ 영역(가운데), 프로그래밍된 화면을 보여주는 '미리보기’ 영역(오른쪽 위), 배경과 스프라이트 설정을 위한 '스프라이트·무대’ 영역(오른쪽 아래)이 각각 그것이죠.

미리보기 영역을 보면 스크래치가 우두커니 서 있는 게 눈에 띄실 텐데요. 여기서 스크래치, 즉 화면에 등장하는 개체를 '스프라이트'라고 합니다. 오늘은 이 스프라이트를 사막으로 이동시켜 동작과 말풍선을 적용시켜 볼 텐데요. 먼저 스프라이트를 사막으로 이동시켜볼까요?

-배경 설정하기

스프라이트를 사막으로 이동시키려면 흰색 배경을 사막 배경으로 바꿔야겠죠? 우리가 흔히 '배경화면'이라고 부르는 건 스크래치에선 '무대'라고 표현하는데요. 바로 이 무대 탭을 이용해 스프라이트가 서 있는 배경을 마음대로 바꿀 수 있습니다. 배경을 설정하는 방법은 다음과 같습니다.

먼저 오른쪽 하단의 스프라이트·무대 영역에서 무대라고 써 있는 흰 상자를 클릭합니다. 스프라이트 아이콘에 설정돼 있던 커서가 무대 아이콘으로 옮겨지면 무대를 스크립트 영역으로 이동시킬 수 있는데요. 이 단계에서 배경화면을 자유롭게 설정하면 됩니다.

스크립트 영역에서 '배경' 탭을 선택하면 '그림' '가져오기' '카메라' 등 새로운 배경을 설정할 수 있는 세 가지 방법이 제시됩니다. 여기서 '그림' 버튼을 누르면 직접 배경을 그릴 수 있고, '가져오기' 버튼을 누르면 PC에 저장된 사진이나 이미지를 배경으로 불러올 수 있는데요. '카메라' 버튼을 누르면 PC에 연결된 캠코더를 통해 직접 사진을 찍어 배경을 저장할 수 있습니다.

-말풍선 넣기

배경을 바꿨으니 이제 본격적으로 스프라이트에 동작과 말풍선을 적용시켜보겠습니다. 스프라이트에 동작과 말풍선을 적용시키려면 무대 설정에서 다시 스프라이트 설정으로 돌아와야 합니다.

스프라이트 아이콘을 클릭한 후 왼쪽 블럭 영역에서 원하는 명령어를 드래그해 스크립트 영역으로 옮기면 스프라이트에 동작과 말풍선이 적용되는데요. '제어' 버튼을 눌러 '깃발이 클릭되었을 때'를 스크립트 영역으로 드래그하고, '형태' 버튼을 눌러 '안녕 2초 동안 말하기'를 3회 연속 스크립트 영역으로 드래그하면 아래와 같이 명령어가 설정됩니다.

이때 안녕 2초 동안 말하기에서 흰색 영역을 클릭하면 인사 문구와 말하는 속도를 각각 변경할 수 있는데요. "안녕!"이란 문구를 "안녕! 투모로우 친구들~" "난 '스크래치'라고 해!" "앞으로 잘 부탁해~"로 변경해봤습니다.

이 상태에서 화면 오른쪽 상단의 초록색 깃발을 클릭하면 스크래치의 말풍선이 설정값에 따라 변하는 걸 볼 수 있는데요. 어때요, 스크래치가 진짜 말을 거는 것 같죠?

-동작 적용하기

스프라이트를 움직이게 하는 것도 매우 쉽습니다. 말풍선을 적용할 때와 마찬가지로 블록 영역에서 '동작' 버튼을 클릭, 인사 문구 사이사이에 블록을 끼워주면 되는데요. 동작이 너무 빠르다 싶으면 '제어' 버튼을 클릭해 '1초 기다리기' 명령어를 넣어주세요.

지금까지 프로그래밍에 배경을 설정하고 스프라이트에 동작과 말풍선을 적용하는 법에 대해 배웠는데요. 말풍선이나 동작 등의 명령어를 삭제하려면 스크립트 영역으로 가져온 명령어를 다시 블록 영역으로 가져다 놓기만 하면 된답니다.

그럼 완성된 프로그래밍을 한 번 감상해볼까요? 스크래치가 앞으로 걸어가며 투모로우 독자 여러분께 인사말을 전하는데요. 움직임이 무척 자연스럽죠?

다음 편에선 스크래치를 활용해 하나의 스프라이트가 정해진 순서에 따라 여러 동작을 하는 프로그래밍을 알려드릴 예정입니다. 이 코너를 통해 알려드리는 내용을 차근차근 따라가시며 '아마추어 프로그래머'의 꿈을 펼쳐보시는 건 어떨까요?

* 이 콘텐츠는 삼성전자 사회봉사단사무국이 프로그래밍 분야 전문가들과의 협업을 통해 개발했습니다