Boki Web Dev Engineer

스크래치 2강 - 귀신 잡기

2020-10-12
boki

1강에 이어서 2강 시작!

출처-이 강의들은 코드클럽SW교육기부단 자료를 토대로 재구성하였습니다.

완성사진

image

마우스 클릭으로 몬스터(귀신)을 잡는 게임입니다!

그림 크기가 너무 작아서 안보인다하시는분들은 그림에 마우스 우측클릭->새 탭에서 이미지 열기를 눌러주시거나 맨 밑에 코드 완성본이 있습니다.

그리고 스프라이트1은 안쓸거기때문에 저기 휴지통 부분을 클릭해서 지워주세요

image

우측 아래 배경고르기->배경 고르기를 눌러서 Woods를 검색해서 배경을 클릭해서 추가해줍니다.

image

배경1은 안 쓸 예정이므로 배경1을 클릭해서 아까 스프라이트를 지워준것처럼 지워줍니다.

image

다시 코드탭을 눌러주세요

image

우측 하단의 고양이모양(스프라이트)에 마우스를 가져다대고 위에 나오는 메뉴중에 스프라이트 고르기를 눌러주세요

image

위에 검색 칸에 Gho까지 쳐서 Ghost 스프라이트를 골라주세요.

image

이벤트-클릭했을때를 쭈욱 끌어서 가운데 빈화면에 옮겨주세요

이 버튼이 프로그램을 시작하는기능입니다! 다른 프로그래밍 언어에서는 main함수라고 부른답니다.

제어-무한 반복하기를 끌어다가 밑에 붙여주세요

그리고 무한 반복하기 안에다가 형태-숨기기를 넣어주세요

다시 제어-1초 기다리기를 숨기기 밑에 붙여주세요

그리고 다시 형태-보이기를 1초 기다리기 밑에 붙여주세요

다시 제어-1초 기다리기를 숨기기 밑에 붙여주세요

image

동작-x: ~, y:~ (으)로 이동하기를 보이기 위에다 놓아주세요

그리고 연산-1부터 10까지의 난수를 끌어다가 x와 y부분에 2번 원 안에 들어가게 놓아주세요

그리고 x와 y 둘다 -150부터 150까지로 바꿔줄게요

image

다음으로 형태-크기를 100%로 정하기(10만큼 바꾸기 아님)을 끌어다가 그 밑에다 붙여주세요.

위에서 한것처럼 연산-1부터 10까지의 난수를 끌어서 안에다 넣어주고 숫자를 10부터 200사이의 난수로 바꿔줄게요

image

이쯤했으면 실행을 한번 해볼까요? 우측에 깃발을 눌러서 동작을 확인해볼게요

오 1초 간격으로 랜덤한 곳에서 나왔다가 사라졌다가 반복하고있죠? 일단 빨간색을 눌러서 종료시켜줄게요

자 이젠 변수탭에 가서 변수 만들기를 누르고 시간, 점수 2개의 변수를 만들어줄거에요

image

이번엔 또 다른 클릭했을 때를 만들어볼게요. 위에 블럭에 이어붙이지 말고 다른곳으로 끌어서 이벤트-클릭했을 때를 만들어주세요

그리고 변수탭에 들어가서 나의 변수을(를) 0로 정하기를 끌어다가 2번 밑에 붙여주세요

그리고 시간을 15로 바꿔줄게요

image image image image

제어-~까지 반복하기를 끌어다가 밑에 붙여주세요

image

연산에서 ~ = 50을 끌어다가 ~까지 반복하기의 ~에 넣어주세요 그리고 숫자를 0으로 바꿔주세요

그리고 변수-시간을 끌어다가 앞에 ~ 부분에 집어넣을게요

image

제어-1초 기다리기를 끌어서 시간=까지 반복하기 안쪽에 넣어주세요

변수-나의 변수를 1만큼 바꾸기(정하기 아님!)을 끌어다 그밑에 놓고 변수를 시간으로 바꾸고 숫자를 -1으로 할거에요

이제 시간이 다 지나면 멈춰야되기때문에 제어-멈추기(모두)를 끌어다가 그 밑에 붙여주세요

image

한번 실행해보고 15초 동안 시간이 줄고있다가 0이되면 프로그램이 멈추는걸 확인할 수 있습니다.

이제 클릭했을때 잡히는 동작을 구현해볼거에요

제어-이 스프라이트를 클릭했을 때를 끌어다가 새로운 블럭을 만들어주세요

image

변수-나의 변수를 1만큼 바꾸기를 끌어서 밑에 붙여주고 나의변수를 클릭해서 점수로 바꿔줍니다

형태-모양을 ~(으)로 바꾸기를 끌어다가 붙여줍니다

그리고 ghost-a를 ghost-c로 바꿔줍니다

image image

그대로 안녕!을 2초동안 말하기를 끌어다가 안녕!을 으악!으로 바꿔주고 0.3초로 바꿔줍니다!

그리고 형태-숨기기를 밑에 붙이고 다시 ghost-a(으)로 바꾸기 블록을 끌어다 놓아줍니다

image

이제 한번 깃발을 눌러서 실행해볼까요? 이번에는 스프라이트를 클릭하면 사라지고 점수가 올라갑니다!!

1차 완성본

image

스프라이트 고르기를 눌러서 하나 더추가해줍니다. 마음에 드는 아무거나 해도 돼요! 전 Dot이라는 우주강아지?로 골랐어요

image

자 이제 여기서 팁 들어갑니다! 첫번째 스프라이트 Ghost를 클릭해주세요

그리고 맨 위에 블럭을 한번 클릭한 후에 Ctrl+C 키를 눌러줍니다

Dot 스프라이트를 다시 눌러서 Ctrl+V를 눌러볼까요?

와 블럭이 똑같이 복사됐네요!

그리고 1초 기다리기 위와 아래 2블록을 0.7초로 바꿔줍니다.

image image image

다시 또 고스트 스프라이트를 누르고 이번에는 우측 이 스프라이트 클릭했을때를 클릭해서 Ctrl+C를 해주고

옆에 두번째 스프라이트를 눌러서 Ctrl+V를 해줍니다

도중에 실수했다고치면 Ctrl+Z를 눌러서 뒤로가기를 해주면됩니다!^^

이번에는 점수를 2점으로 바꾸고, 모양을 dot-d로 바꾸고, 맨 밑에 모양을 dot-a로 바꿔줍니다.

아 참! 으악!을 말하기에서 멍멍!으로 말하기로 바꿔줬어요ㅎㅎ

image image image

처음 Ghost를 잡으면 1점, 두번째 Dot을 잡으면 2점이 올라가요. 근데 얘는 0.7초만 나오고 사라져서 빨리사라지는거에요!!

이제 마지막 함정 스프라이트를 만들어줄거에요

스프라이트 고르기에서 또 하나를 골라주세요. 저는 Wizard-toad라는 마법개구리를 골랐어요

이번에도 아까처럼 2번째 스프라이트에서 왼쪽 오른쪽 블록을 두번 복사 붙여넣기 해줍시다(동시에는 안돼요)

이번엔 개구리를 클릭했을 때 점수를 -1로 바꿔줄게요.

모양은 wizard-toad-b로 바꿔주고, 멍멍!에서 개굴!로 바꿔주고 맨 밑에 모양을 wizard-toad-a로 바꿔줍니다.

image

휴 이제 끝났어요! 오류가 있다면 이 완성본을 보기전에 자기힘으로 먼저 에러를 찾아보는것을 권장합니다!

그럼 모두 고생많았어요. 여기까지 마무리해볼게요. 이 파일은 자기 컴퓨터에 저장해서 스크래치 홈페이지에 로그인하고 파일 올려서 자기만의 작업실에 업데이트하는거를 추천합니다!

코드 완성본

image image image

추가로 1강에서 배웠던 배경음을 추가해보는것도 좋습니다!

영상입니다.

유튜브


Similar Posts

Comments