코딩개발/스크래치코딩 강좌

배경화면 추가하기, 배수 구하기

완소줄기요 2022. 3. 12. 08:51

배경화면추가하기, 배수구하기
배경화면추가하기, 배수구하기

 

 스크래치코딩 강좌 06 - 배경화면 추가하기, 배수구하기 포스트를 시작합니다.

 

 지난 포스트에서는 변수를 활용했습니다. 점수 변수와, 속도 변수를 만들어서 점수를 증가시키고, 게임의 난이도를 조절해봤는데요. 이번 강좌에서는 특정한 점수에 도달하면 배경화면이 바뀌는 코딩을 만들어 볼게요.

 

 

1. 배경화면 추가하기

 

 하나의 프로젝트에는 다양한 배경화면을 추가할 수 있습니다. 배경화면은 직접 제작하거나, 사진을 올려서 만들수도 있는데요. 스크래치 사이트에서 다양한 배경화면을 무료로 사용할 수 있습니다. 우리는 스크래치 사이트에 있는 배경화면을 활용하겠습니다.

 

무대로 이동하기
무대로 이동하기

 

 먼저 스프라이트 영역 오른쪽에 있는 무대를 클릭합니다. 무대를 클릭하면 아래 그림과 같이 배경화면을 편집할 수 있는 프로젝트 화면으로 바뀌게 되죠.

 

배경 편집하기
배경 편집하기

 

 그리고 프로젝트에서 화면에서 코드 옆에 있는 배경 탭을 클릭하면 배경화면을 제작하거나 추가할 수 있는 편집실이 나오는데요. 배경화면 편집실로 들어간 후 하단에 보이는 배경 고르기 버튼을 클릭하겠습니다.

 

우주 배경화면
우주 배경화면

 

 스크래치에서는 다양한 배경화면을 무료로 제공하고 있습니다. 저는 여기서 우주탭에 있는 배경화면을 4개 추가하려고 하는데요. 맘에 드는 배경화면을 4개 고르셔서 추가하시기 바랍니다.

 

배경화면 편집
배경화면 편집

 

 우주 느낌이 나는 배경화면을 4개 추가하였고, 아무것도 없었던 1번 배경화면을 삭제하였습니다. 이제 특정한 점수에 도달하게 되면 배경화면을 바꾸는 코딩을 만들어 보겠습니다.

 

2. 배수 구하기

 

 배경화면은 어떠한 조건을 만족하는 경우 바꿀수도 있고, 특정한 신호를 받았을 때 바꿀수도 있는데요. 우리는 배경화면을 바꾸는 조건으로 5의 배수를 사용하겠습니다. 5점이 증가할 때마다 배경화면이 바뀌는거죠. 점수의 5의 배수는 구구단 5와 같습니다. 5, 10, 15, 20... 이러한 순서대로 증가하는데요. 즉 점수를 5로 나누었을때 나머지 값이 0이면 5의 배수가 되는거죠.

 

배수 구하기
배수 구하기

 

 코드 탭으로 돌아가서 연산메뉴를 클릭하면 다양한 연산 블록들이 보입니다. 여기서 ( ) 나누기 ( )의 나머지 라는 블록을 가져오고요. 점수라는 변수를 넣어 5로 나누었을 때 값을 구하겠습니다.

 

5의 배수 확인
5의 배수 확인

 

 여기서 값을 비교하는 블록을 하나 더 가져와 나마지 값을 구하는 연산을 조건에 넣어줍니다. 그리고 연산 블록을 조건을 비교하는 블록 안에 넣어줍니다.

 

 

다음 배경으로 바꾸기
다음 배경으로 바꾸기

 

 마지막으로 위 조건을 만족할 경우 다음 배경으로 바꾸기 블록을 넣어주어 배경화면을 바꿉니다. 다음 배경으로 바꾸기 블록은 형태 메뉴에 있어요.

 

3. 배경화면 바꾸기

 

고양이 스프라이트 블록 추가
고양이 스프라이트 블록 추가

 

[동작설명 - 고양이 스프라이트]

- 초록깃발을 클릭하면 배경을 첫 번째(갤럭시) 배경으로 바꿉니다.

- 점수와 속도의 값을 정합니다.

- 고양이가 케익에 닿았다면 점수와 속도를 증가시킵니다.

- 고양이가 케익에 닿았다면 점수가 5의 배수인지 계산합니다.

- 만약 5의 배수라면 다음 배경으로 바꿉니다.

 

 

스크래치 코딩 배경 바꾸기

 

 만약 잘 작동하지 않는다면 오늘 수정한 고양이 블록을 다시한번 확인하시고 잘못된 블록이 있다면 수정하시기 바랍니다. 오늘 수정한 프로젝트 역시 잘 저장하시고 다음 강좌 때 활용하여 주세요 :)

 

 

스크래치코딩 강좌 06 - 배경화면 추가하기, 배수구하기 포스트가 도움이 되었다면 공감, ♥, 댓글, 구독 버튼을 클릭해 주세요 :)