내가 좋아하는 음악으로😊

리듬게임을 만들며 완성합시다.🖐️🖐️🖐️

✅어떤 수업인가요?

스스로 첨부한 음악 속 드럼 박자에 맞춰

스페이스바로 히트하는 리듬게임을 직접 만들어봐요!

✅이런 아이들에게 추천해요

🎧 음악을 좋아하는 아이

🎮 게임을 만들고 싶은 아이

💻 코딩은 처음이지만 재미있게 시작하고 싶은 아이

✅수업 포인트

✔️내가 직접 업로드한 음악으로 플레이

✔️음악 분석 기술을 활용해 드럼 비트를 시각화

✔️키보드로 리듬을 따라 치며 점수까지 획득

✔️수업이 끝나면 내 손으로 만든 웹게임 완성!

✅게임 방법 및 예시

1️⃣ mp3를 업로드

2️⃣ 음악 속 드럼 리듬 분석

3️⃣ 드럼비트가 떨어지면, 스페이스바를 박자에 맞게 누르기

4️⃣ “Hit!”, “Great!”, “Combo!”와 같은 응원 노출

✅수업 정보

🎯 대상 : 초등 4~6학년

⏰ 시간 : 60분

🛠 사용 툴 : HTML+JavaScript, 메모장, Chrome 브라우저

✅ 준비물 :

1️⃣ 음악 mp3 1곡 (* 필수X, 없는 친구는 선생님이 제공)

2️⃣ 크롬 브라우저가 설치된 PC

3️⃣ chatGPT

4️⃣ 메모장

✅ 수업 전 준비사항

- 줌은 반드시 PC에서 실행(패드+PC인 경우 줌 채팅으로 프롬프트 제공 불가능)

- 수업 전, 브라우저에 chatGPT 열어놓고, 메모장과 파일 탐색기 펴놓기

- 바탕화면에 아이 이름으로 폴더 생성해두기

- 음악 mp3 파일을 바탕화면 속 아이 이름 폴더에 저장해두기

✅수업 타임 테이블

- 오프닝 (~5분)

- 게임 만들기를 위해 알아야 하는 기본 액션(폴더, 메모장 저장 방법 등) (~10분)

- 게임 컨셉 및 규칙 정하기 (~20분)

- 게임 구현하기 (~30분)

- 내가 좋아하는 음악 업로드하기 (~35분)

- 게임 실행하기 (~45분)

- 게임 업그레이드 해보기 (~55분)

- 소감 나누기 (~60분)

✅기대효과

❗내가 좋아하는 애니메이션을 게임이 되는 경험

❗나만의 게임을 만들어 본 성취감

❗코딩을 ‘배움’이 아닌 ‘놀이’로 접근

코딩을 놀아봐야👌, 만들기도 할 수 있습니다☝️

어려운 코딩이 아닌, 누리는 코딩에 입문하세요!😄