1-5. 부록. 카멜레온 악기모드

단원1에서 제시된 자율행동 모드에 로봇의 센서를 이용하여 악기를 연주할 수 있는 카멜레온 악기 모드도 있다. 카멜레온 악기 모드 역시 다른 자율 모드처럼 전원버 튼과 등 버튼의 횟수 조절을 통해 간단하게 모드로 진입할 수 있다.

1카멜레온 악기 모드로 진입하기

카멜레온 악기 모드에 진입하기 위해서는 다음과 같이 전원버튼의 조정을 통해 자율행동 모드로 켜 준다.

전원 켜기
이미지. 터틀 로봇의 아랫부분 사진이 3장이 이어붙어있다. 전원 버튼에 동그라미가 쳐져있으며 왼쪽 사진엔 오른쪽 화살표, 가운데 사진엔 왼쪽 화살표, 마지막 사진에는 오른쪽 화살표가 그려져 있다

ON → OFF → ON 으로 자율 행동 모드 진입하기

다음으로 등 버튼의 횟수를 통해 다양한 모드로 진입하는데 카멜레온 악기 모드는 등 버튼을 가볍게 한 번 눌러준다.

카멜레온 악기 모드 진입하기
이미지. 거북이 옆모습 사진. 등 위에 아래 화살표가 그려져 있다

등 버튼을 1회 누르기

2음을 인식시키기

이제 카멜레온 악기 모드로 진입은 끝났다. 거북이의 얼굴 아래쪽을 보면 센서가 있다. 센서를 색상 카드에 가져다 대면 색상별로 다른 소리가 나는 것을 확인할 수 있다.

카멜레온 악기 모드에 사용되는 색상은 총 7가지로 구성되어 있으며 각 색상별로 계이름이 정해져 있다.

카멜레온 악기 모드에서 사용하는 색상의 RGB 컬러는 다음과 같다. 출력하는 프린터의 성능에 따라 색상이 달리 표현되므로 RGB 값을 정확하게 입력하여야 한다.

이미지. 색상, 계이름,  RGB값 표 그림. 빨강, 도, R:255, G:0, B:0, 주황, 레,R:255, G:99, B:0, 노랑, 미, R:255, G:255, B:0, 초록, 파, R:0, G:255, B:0, 하늘색, 솔, R:0, G:255, B:255, 파랑색 , 라, R:0, G:0, B:0, 보라색, 시, R:255, G:0, B:255

또한 카멜레온 악기 모드는 한 옥타브를 올린 음까지 연주할 수 있으며 한 옥타브를 올리는 방법은 등버튼을 누르고 있는 상태에서 색상을 인식시키면 된다.

한 옥타브 올려서 연주하기
이미지. Blockly 화면의 스크린샷

등 버튼을 1회 누르고 색상 인식 시키기

이미지. 카멜레온 악기 모드 동영상의 스크린샷

3연습 해 보기

다음의 음악을 카멜레온 악기 모드로 연주해 보자

이미지. 웹페이지에서의 Blockly 스크린샷.
어떤 음악이 연주 되었는지 써 보자.

1-5. 부록2. Blockly

1Blockly란

Blockly는 구글에서 개발한 웹 기반 블록형 프로그래밍 언어다. 이 프로그램을 통해 자바스크립트 기반으로 직접 실습을 하면서 일반 프로그래밍 언어에 쉽게 접근할 수 있도록 도움을 준다. 또한 PC 환경에서 다양한 방법으로 Blockly를 접근해 볼 수 있다. 구글에서 개발한 Blockly 게임을 통해 텍스트 기반의 프로그램 언어(파이썬, C언어, 자바스크립트 등)를 사용할 준비가 가능해진다.

2Blockly 사용해 보기

Blockly 라이브러리는 코딩의 개념을 연결하여 조립된 블록으로 나타낸다. 웹 환경에서 블록 꾸러미에서 필요한 블록을 드래그 앤 드롭 방식으로 가져와서 사용할 수 있다. 또한 필요한 코드를 블록으로 만들어서 사용할 수도 있다. 완성된 블록은 자바스크립트, 파이썬 코드 등의 원하는 프로그램 언어로 출력이 가능하며 이는 사용자로 하여금 쉽게 프로그램 언어를 이해할 수 있도록 도와준다.

이미지. blockly 스크린샷.

3Blockly의 사용

Blockly는 수백 개의 교육적 프로젝트에서 사용되고 있다. 또한 교육용 코딩 로봇도 로봇에 적합한 Blockly 프로그램을 자체적으로 개발하여 교육 활동에 적용하고 있다.

이미지. blocky Games의 배너 이미지
이미지. CODE의 배너 이미지
이미지. make w/code 배너이미지
이미지. microsoft makecode의 배너 이미지
이미지. micro:bits의 배너 이미지
이미지. ozo blockly의 배너 이미지
이미지. wonder 배너이미지
이미지. robotmagic의 배너 이미지
이미지. roberta의 배너 이미지
이미지. nova pbs의 배너 이미지
이미지. code spells 배너이미지
이미지. app inventor의 배너 이미지

4웹 환경에서의 Blockly 사용

Blockly의 웹 페이지는 다섯 가지의 지원 가능한 프로그램 언어와 사용자가 직접 코드를 편집하는 기능을 포함하고 있다. 아래에 나오는 Blockly의 게임에서 사용자는 Blockly의 오른쪽 라이브러리에서 필요한 블록을 자유롭게 사용하여 문제를 해결하는 능력을 기르도록 도와준다. Blockly는 순수한 자바 스크립터에 기반을 둔 라이브러리를 사용하고 있으며 사용자가 자신에게 맞는 블록을 선택하고 만들도록 한다. 또한 모든 브라우저(Chrome, Firefox, Safari, Opera, Internet Explorer)와 호환이 가능하다는 장점이 있다.

이미지. 악보, 밑에는 색상값이 칠해져 있다.