픽셀 스튜디오 — 그림이 숫자가 되는 원리

사진 위에서 휠을 돌려 넘겨 보세요옆으로 밀어 사진을 넘겨 보세요1 / 3

■ 어떤 도구인가요 컴퓨터가 그림을 어떻게 숫자로 다루는지, 손으로 찍어 보며 알게 하는 도구입니다. 여섯 단계로 이어집니다. 그리기 → 숫자로 → 짝 게임 → 선과 칸 → 색과 숫자 → 사진도 숫자. 마지막 단계에서 손 사진이 24×24 칸의 밝기 숫자로 바뀝니다. 가위바위보 실험실의 인공지능이 사진을 보는 방식과 같아, 두 앱이 하나의 이야기로 이어집니다. ■ 이렇게 씁니다 ① 그리기 모눈 칸을 눌러 그림을 그립니다. 8×8 → 16×16 → 32×32로 바꾸면 칸이 쪼개지며 칸 수가 64 → 256 → 1024로 늘어납니다. 그림은 그대로 남습니다. ② 숫자로 [숫자로 바꾸기]를 누르면 띠가 한 줄씩 훑으며 칸이 0과 1로 바뀌어 숫자판에 쌓입니다. 칸에 손을 올리면 그 숫자에 불이 들어옵니다. [줄여서 보내기]로 압축도 봅니다. ③ 짝 게임 비밀 그림의 숫자만 보고 1인 칸을 칠해 그림을 되살립니다. [맞춰 보기]를 누르면 맞힌 비율이 나오고, 100%면 비밀 그림 이름이 공개됩니다. ④ 선과 칸 손으로 그은 매끈한 선(아날로그)이 칸(디지털)으로 바뀌는 모습을 칸 크기 막대로 비교합니다. ⑤ 색과 숫자 같은 그림을 흑백(칸마다 1자리) · 회색 4단계(2자리) · 8가지 색(3자리)으로 나란히 봅니다. ⑥ 사진도 숫자 손 사진(내 사진 또는 앱 예시)을 칸으로 줄여 0~255 밝기 숫자로 바꿉니다. 사진은 화면 안에서만 쓰고 저장하지 않습니다. ■ 수업 포인트 · 숫자가 네 배로 늘어나는 순간 8×8을 16×16으로 바꿔 보십시오. 칸이 쪼개지며 64개가 256개가 됩니다. “화질이 좋아지면 왜 파일이 커질까”가 여기서 저절로 나옵니다. · 짝 게임 — 숫자만 보고 그림 되살리기 화면에서도, 종이에서도 됩니다. [활동지 인쇄]의 「숫자 보고 그리기 카드」를 켜면 숫자 표와 빈 모눈이 함께 나옵니다. 가장 반응이 좋은 활동입니다. · 아날로그와 디지털 ④ 선과 칸에서 칸 크기를 굵게 했다가 곱게 해 보십시오. 계단이 고와질수록 숫자가 늘어납니다. [6실05-04]의 “디지털 데이터와 아날로그 데이터의 특징”이 화면 하나로 정리됩니다. · 인공지능은 사진을 이렇게 본다 ⑥에서 손 사진이 밝기 숫자 판이 되는 것을 보여 준 뒤 가위바위보 실험실로 넘어가면, “인공지능은 숫자를 비교한다”가 자연스럽게 이어집니다. ■ 40분 흐름 (보기) 5분 — ① 그리기 · ② 숫자로 — 교사가 하트를 그리고 [숫자로 바꾸기]를 함께 본다 10분 — ③ 짝 게임 — 숫자만 보고 비밀 그림 되살리기 10분 — ④ 선과 칸 · ⑤ 색과 숫자 — 칸이 곱고 색이 많을수록 숫자도 는다 10분 — ⑥ 사진도 숫자 — 인공지능은 사진을 이렇게 본다 5분 — 정리 — “디지털 데이터는 결국 숫자다”를 자기 말로 ■ 준비물 준비물 없음. 교실 프로젝터 하나로도 되고, 학생 기기가 있으면 더 좋습니다. ■ 안전·개인정보 수집하는 개인정보가 없습니다. 서버가 없고, 회원가입이 없으며, 바깥으로 나가는 통신이 한 건도 없습니다. 저장도 하지 않아 창을 닫으면 사라집니다. ■ 함께 쓰면 좋은 것 네 앱 모아 보기 · 학습지: kimman-ai.pages.dev 선생님 안내서(PDF 15쪽, 네 앱의 화면 순서·40분 흐름·성취기준): 내려받기 만든 사람 김민 · CC BY-NC-SA 4.0 (출처를 밝히면 비영리 교육 목적으로 자유롭게 쓰고 고칠 수 있습니다)