[스크래치] 숫자 픽셀 표현하기

#만들 프로젝트 설명

• 만들어야 할것.
  1. 1 ~ 9 중 하나를 선택하면 클릭한 숫자를 28개의 칸으로 표현하기
  2. 애니메이션을 구상하기
  3. 애니메이션 구현하기
• 만들기 전 설명 가로 4 , 세로 7 , 총 28 칸으로 숫자를 표현해 볼게요.
  위에 있는 애니메이션을 보시면 빈칸을 클릭하면 아무것도 없는 화면이 나오죠?
  그럼 각 숫자에 맡는 숫자를 마우스로 클릭해서 직접 만들어보시고, 각 위치에 맡는 블록 번호를 잘 기억해두세요.

#블록 번호 위치 설명해줄게요.

가로	4칸	세로	7칸
1	2	3	4
5	6	7	8
9	10	11	12
13	14	15	16
17	18	19	20
21	22	23	24
25	26	27	28

ex) 숫자 1

블록 번호 : 4 8 12 16 20 24 28

ex) 숫자 2

블록 번호 : 1 2 3 4 8 12 13 14 15 16 17 21 25 26 27 28

저는 시작을 아이들이 이해하기 쉽게 0 이 아닌 1로 시작을 했어요.

---

1. 디자인

1.1 스프라이트

• 블록

속성	내용	예시
생성 방법	스프라이트 그리기
스프라이트 이름	블록
모양 개수	2 개
x	상관 X
y	상관 X
보이기	on
크기	100
방향	90

• 1 ~ 9 , 빈칸 버튼

속성	내용	예시
생성 방법	1.스프라이트 고르기 2.그리기 추가	Button 3 고르고, Text로 숫자 입력
스프라이트 이름	해당 숫자 이름 변경	1번,2번,3번…
모양 개수	1 개
x	마우스 이동
y	마우스 이동
보이기	on
크기	100
방향	90

---

1.1.1 스프라이트 그리기

• 블록 그리기 순서

순서	설명	상세 변경사항
1	스프라이트 그리기 클릭
2	“직사각형” 선택 후, 중앙에 박스 그리기	사이즈 : 57 X 53
3	모양 이름 변경하기	“일반”
4	채우기색 변경하기	색상 : 0 채도 : 0 명도 : 90
5	윤곽선 색 변경하기	색상 : 0 채도 : 0 명도 : 90 선 굵기 : 10
6	모양 복사하기	“일반(모양)” 복사
7	복사한 모양 이름 변경하기	“클릭”
8	복사한 모양, 채우기색 변경하기	색상 : 0 채도 : 0 명도 : 70
9	복사한 모양, 윤곽선 색 고정	변경 x

1.2 배경

• 없음.

---

2. 블록코딩

2.1 변수

1. 블록 번호
   1.1 이 스프라이트에서만 사용
2. 반복문 카운트
   2.1 모든 스프라이트에서만 사용

• 설명
  1. “블록 번호(변수)”는 복제(생성)된 블록의 순서를 지정해주기 위해서 생성됨.
  2. “블록 번호(변수)”가 왜 이 스프라이트에서만 사용일까?
     2.1 이유 : 복제(생성)된 스프라이트가 각각의 변수를 갖게 하기 위함. 만약 모든 스프라이트에서만 사용이면, 모든 블록 번호가 같아짐.
  3. “반복문 카운트(변수)”는 왜 사용했을까 ?
     3.1 스크래치에서는 반복문(n번 반복하기)에서 현재 몇 번째 실행중인지 안알려줌…
     (아마 앤트리는 알려주던 걸로 기억함…)

2.2 내 블록

1. 모양 바꾸기

   설명 : 숫자에 맡는 모양을 변화주기 위함.

2.3 리스트

1. 블록번호_리스트(위치_리스트)

   설명 : 각 숫자에 맡는 블록 번호를 리스트에 저장후, 리스트에 존재하면 해당 블록 번호의 모양을 바꿔줄 것.

2.3 스프라이트 블록코딩

• 블록

• 설명

  ⓐ 부분

  숫자를 연속으로 클릭하면 블록 복제의 개수가 한정되어 있어서
  복제가 정상적으로 안되는 현상을 방지
  종종 복제가 제대로 안되면 🏴 을 클릭해서 재실행할 것.

  ⓑ 부분

  블록을 4 x 7 형태로 만들어주는 부분
  참고로 ⓔ 부분에서 숫자를 표현

  ⓒ 부분

  각각의 블록 번호을 부여.

  ⓓ 부분

  블록을 클릭하면 모양을 반대로 변경

  ex) 일반 모양에서 클릭하면 클릭 모양으로 변경
  클릭 모양으로 변경하면 일반 모양으로 변경

  ⓔ 부분

  숫자 모양에 맡는 블록 번호를 확인하고, 모양 변경

  ex) 숫자 1 을 클릭하면 리스트 안에 4 8 12 16 20 24 28 이 들어가고,
  ⓔ 부분에서 리스트 안에 숫자와 블록 번호를 비교해서 같으면 모양 변경.

• 1 ~ 9 , 빈칸 버튼

• 설명

  위 사진은 숫자 1 을 클릭했을 때의 코드이에요.

  1. x y 이동 : 클릭 시, 이동 방지하기 위함. (없어도 무방)
  2. “숫자 클릭” 신호 보내기 : 모든 버튼 공용
  3. 리스트 항목 모두 삭제 : 모든 버튼 공용
     3.1 만약 이 블록이 없으면 리스트에 블록 번호가 누적됨.
  4. “리스트”에 추가하기 : 숫자 버튼에 따라 달라짐
     4.1 위 사진은 숫자 1 이기에 4 8 12 16 20 24 28 이 리스트에 들어감
     4.2 만약 다른 숫자 클릭하면 이 부분을 변경해주면 됨

---

오늘은 여기까지 😘😘 ~~

---