[알고리즘]그림판🎨 만들기

반갑습니다 :)

 

 

오늘은 지난 시간에 배웠던

 

알고리즘과 순서도의 기초를 가지고

 

체계적으로 프로그램을 만들고자 해요!

 

 

2020/02/21 - [알고리즘/컴퓨터 기초] - [프로그래밍][순서도]변수, 자료형, 초기화/선언 기초

[프로그래밍][순서도]변수, 자료형, 초기화/선언 기초

 

 

그래서 오늘의 목표는

 

신호 보내기 블록 이용, 조건문, 많은 스프라이트 사용, 펜 이용하기

 

!!

 

 

저희가 만들 프로그램 먼저 볼까요?

 

 

실행 영상

 

 

 

 

영상 잘 보셨나요?

 

 

오늘은!

 

여러분들이 한번쯤은 사용해보았던

 

그림판을 만들려고해요!

 

 

결과 화면 먼저 볼까요?

 

 

처음 화면

 

 

 

마우스를 드래그하고 떼었을 때

 

 

빨간색 클릭하고 마우스 드래그하고 떼었을 때

 

 

 

보라색 클릭하고 크기를 제일 큰것으로 클릭했을 때

 

 

왼쪽부터 차례로 남색 클릭 후 중간사이즈, 파란색 클릭 후 작은사이즈

 

 

지우개 클릭 후 드래그하고 떼었을 때

 

 

x표시된 상자 클릭했을 때, 전체 삭제

 

 

 

 

어때요?

 

기능이 엄청 많은 것 같죠?

 

 

 

 

하지만 같은 것을 반복하고 있는 것 보이시나요?

 

색깔 클릭 후 드래그를 하게 되면

 

그 색이 입힌 펜이 작성된다는 것!

 

 

저희는 이 작업을 함수라고 부를 거예요!

 

함수란?

Function, 프로그래밍에서의 함수는

프로그램 소스 코드에서 일정한 동작을 수행하는 코드를 말한다.


출처: https://namu.wiki/w/%ED%95%A8%EC%88%98#s-9

 

 

이렇게 함수는 어떠한 일정한 동작을 수행할 때

 

하나로 묶는 역할을 해요!

 

 

 

 

이처럼 저희가 그림판에서

 

색을 입히는 작업도 일정한 동작을 수행하기 때문에

 

함수를 이용할 거예요!

 

 

 

 

 

그럼 함수를 표현하는 순서도의 기호도 알아야겠죠?

 

 

 

함수 순서도 기호

 

창문처럼 생긴 이 기호가

 

함수를 뜻합니다!

 

 

 

 

 

그럼 먼저 알고리즘을 알아보아요!

 

 

---

 

 

우선 우리가 가장 많이 사용할 것은

 

펜

 

 

이란 변수예요!

 

 

 

 

 

하지만 스크래치에서 변수를 만드는 것이 아니라

 

알고리즘 내에서만 사용하기로 해요!

 

 

 

색깔 입히기

 

 

왼쪽을 보면

 

빨 주 노 초 파 남 보 검 총 8가지의 색이 있네요!

 

 

이 색깔 스프라이트는 한 가지 동작만 수행해요!

 

맞아요! 색깔을 바꾸는 거예요!

 

 

 

 

그럼 하나의 일정한 동작을 수행하는 거니깐

 

함수를 적용시키면 편하겠군요?

 

 

 

 

 

<알고리즘 1>

색 스프라이트 : 색 별로 색깔 바꾸기

 

 

 

 

 

크기 조정하기

 

다음은 펜의 굵기를 조정하는 스프라이트예요!

 

대 중 소 총 3가지로 나눠지네요!

 

 

<알고리즘 2>

펜의 굵기

대: 크기 20

중: 크기 10

소: 크기 5

 

 

 

 

지우개로 쓱싹쓱싹

 

다음은 지우개 스프라이트예요!

 

이 지우개는 마우스를 드래그 한 곳을 지우는 역할인데,

 

지우는 것을 색을 덮는다는 알고리즘을 적용하면 어떨까요?

 

 

예를 들어 검은색을 칠한 다음에

 

지우고 싶을 때는

 

흰색으로 덮으면 되는 것처럼요!

 

 

 

<알고리즘 3>

지우개: 흰색으로 덮어 색칠하기

 

 

 

 

 

전체 삭제

 

 

다음은 전체 삭제 스프라이트예요!

 

지우개와 다른 점은

 

한꺼번에 지울 수 있죠?

 

 

<알고리즘 4>

전체 삭제: 모두 지우기

 

 

 

 

 

 

마지막으로 아무런 클릭도 안 하고

 

처음 녹색 깃발을 클릭했을 때에요!

 

 

 

글자 사이즈는 아마 소(小)에 맞춘 거 같아요!

 

 

 

또한 처음 시작하니깐 기존에 그렸었던 그림을

 

다 지우고요! 

 

 

그리고 검은색 글씨가 써지죠?

 

 

 

 

이를 알고리즘으로 나타내 볼게요!

 

 

 

 

먼저 글씨가 써지는 것은

 

마우스를 길게 눌렀다가 떼었을 때에요!

 

이를 판단 여부를 따질 때에는

 

펜을 올렸는가? 내렸는가?

 

에요!

 

 

 

 

우리가 종이에 글씨를 적을 때에는

 

펜의 상태를 보면 어떤가요?

 

 

펜이 종이에 닿게끔

 

내려가 있죠?

 

 

 

 

하지만 글씨를 다 쓰고

 

그만 쓸 때는요?

 

펜이 종이에서 닿지 않게끔

 

떨어져 있죠?

 

 

이 알고리즘이에요!

 

 

 

 

 

 

<알고리즘 5>

default

-펜의 굵기는 5

-펜의 색은 검은색

-보드 모두 지우기

-펜을 올리고 시작

만약 마우스 클릭했을 때 펜 내리기

아니면 올리기

 

 

.

.

.

.

.

.

.

 

 

 

 

 

 

 

지금까지 나온 알고리즘을 살펴볼까요?

 

<알고리즘 1>

색 스프라이트 : 색 별로 색깔 바꾸기

 

<알고리즘 2>

펜의 굵기

대: 크기 20

중: 크기 10

소: 크기 5

 

<알고리즘 3>

지우개: 흰색으로 덮어 색칠하기

 

<알고리즘 4>

전체 삭제: 모두 지우기

 

<알고리즘 5>

default

-펜의 굵기는 5

-펜의 색은 검은색

-보드 모두 지우기

-펜을 올리고 시작

만약 마우스 클릭했을 때 펜 내리기

아니면 올리기

 

 

엄청 많아 보이지만

 

순서도로 그리면 간단해요!

 

같이 그려볼까요? :>

 

 

---

 

 

펜 이라는 변수는 생성하는 것이 아니라 스프라이트 내에서 사용하기 때문에 순서도에서 선언한 거에요!

 

색깔뿐 아니라 모든 스프라이트를 함수로 해봤어요!

 

총 8개의 순서도 보이시나요? 함수 순서도는 시작부분에 함수명을 적고 기존 순서도랑 똑같이 적으면 되요!!

 

 

 

대 중 소 도 똑같죠?

 

 

쉽죠!

 

 

 

이렇게 해서 순서도 완성입니다!

 

새롭게 배운 "함수"라는 개념 이해되셨나요?

 

 

스크래치로 구현하기

↓

 

2020/02/25 - [스크래치(Scratch)] - 01- [스크래치]그림판 만들기

01- [스크래치]그림판 만들기

 

 

많은 도움되셨다면❤와 구독 부탁드릴게요!

:)