이번 포스트에서는 스크래치코딩강좌 스프라이트를 다양한 방법으로 코딩해보려고 합니다. 스프라이트는 스크래치코딩에서 움직이거나, 모양을 바꾸고, 소리를 낼 수 있는 하나의 캐릭터라고 생가하면 되는데요. 예를들면 게임에서 우리가 키보드나 마우스를 이용해 캐릭터를 조작하듯이, 코딩을 이용해 우리가 조작하려는 캐릭터를 스프라이트라고 생각하면 되겠네요.
먼저 스크래치 사이트에 접속하시고 프로젝트 내 작업실로 들어갑니다. 지난 강좌를 못 보신 분들은 아래 링크를 통해 스크래치 시작하는 방법에 대한 내용을 확인해보세요.
스크래치 사이트에 로그인을 한 후 내작업실로 들어가신 다음에 +새프로젝트 버튼을 클릭합니다.
화면 왼쪽을 보면 코드, 모양, 소리 탭이 보이고 가장 먼저 보이는 코드 탭 밑을 보면 동작, 형태, 소리, 이벤트, 제어, 감지, 연산, 변수, 내블로 메뉴들이 보입니다. 이번 시간에는 동작 탭에 있는 메뉴들을 이용해 고양이 스프라이트를 움직여보도록 하겠습니다.
화면 오른쪽을 보면 프로젝트를 생성 시 기본적으로 생기는 고양이 스프라이트에 대한 정보를 볼 수 있습니다. 우리는 저 고양이를 다양한 방법으로 조작을 하려고 준비중입니다.
상단에 보이는 초록색 깃발을 클릭하면 코딩한 프로그램이 시작되고, 빨간색 버튼은 중지 버튼이라고 보면 되겠습니다. 그리고 스프라이트 이름, x좌표, y좌표, 보이기(숨기기), 크기, 방향 등이 보이는데요. 여기서 x좌표란 가로방향 위치를 말하고, y좌표란 세로방향 위치를 말합니다. 크기는 스프라이트의 현재 100이고, 방향은 90도 방향 우측 정면이라는 것을 확인할 수 있죠.
스크래치코딩은 정말 친절합니다. 고양이 스프라이트를 움직이기 위해 우리가 해야하는 일은 고양이를 어떻게 움직일것인지 생각한 후에 왼쪽에 있는 코딩블록을 가져오기만 하면 되게끔 블록들을 미리 만들어놨습니다. 쉽게 말하면 코딩은 생각한 것을 블록을 통해 만들기.. 즉 생각하고 하고싶은 행동을 블록으로 쌓는 놀이라고 말할 수 있겠네요.
먼저 왼쪽에 있는 블록을 하나 가져오겠습니다. 'x좌표를 ( ) 만큼 바꾸기' 라는 블록인데요. 이 블록을 오른쪽 코딩영역으로 드래그앤드롭 하면 간단하게 코딩블록 하나가 만들어집니다. 그리고 오른쪽 코딩영역에 있는 블록을 클릭하면 오른쪽 스프라이트 영역에 있는 고양이가 오른쪽으로 조금씩 이동하는 것을 확인할 수 있습니다.
지난 강좌에서는 고양이가 오른쪽으로 계속 이동하는 코딩을 만들어 영상으로 보여드렸는데요. 아래 그림처럼 그대로 코딩블록을 가져와서 실행해보고 고양이가 제대로 이동하는지 확인해보겠습니다.
스크래치코딩 고양이 스프라이트 이동하기
[동작설명]
- 초록색 깃발을 클릭하면, x좌표를 1만큼 바꾸기를 무한반복으로 실행합니다.
(1) 가장 먼저 가져온 좌표이동 블록의 값을 1로 바꾸어줍니다.
(2) 제어 메뉴에서 무한반복하기 블록을 가져오고, 좌표이동 블록을 무한반복하기 블록 사이에 끼웁니다.
- 이렇게 하면 좌표이동 블록의 기능을 무한반복 하게 됩니다.
(3) 이벤트 메뉴에서 초록깃발을 클릭했을때 라는 블록을 가져와 무한반복 블록 위로 올려줍니다.
(4) 오른쪽에 있는 초록색 깃발을 클릭합니다. 깃발을 클릭하면 고양이가 오른쪽으로 움직이는 동작을 확인할 수 있습니다.
스크래치코딩은 정말 간편하게 코딩을 할 수 있어서, 쉽고 재미있게 접근할 수 있는데요. 가장 기본적인 개념으로 스프라이트를 어떻게 움직이게 하는지에 대해 알아봤는데요. 스크래치코딩은 블록을 용도에 맞게 적절히 활용하면 아주 쉽습니다.
다음 강좌에서는 더 다양한 방법으로 고양이를 움직여보겠습니다.
스크래치코딩강좌 - 스프라이트 기본동작 포스트의 내용이 도움이 되었다면 ♥, 공감, 댓글, 구독 부탁드립니다 :)
'IT인터넷 > 스크래치코딩강좌' 카테고리의 다른 글
| 스크래치코딩 강좌 - 신호보내기 기능 (9) | 2022.03.02 |
|---|---|
| 스크래치코딩강좌 - 임의의 숫자 활용법 (6) | 2022.03.01 |
| 스크래치코딩강좌 - 스프라이트 컨트롤 (9) | 2022.02.28 |
| 스크래치코딩강좌 - 코딩 시작하기 (7) | 2022.02.26 |
| 스크래치코딩 다운로드 설치방법 (7) | 2022.02.25 |