앱 인벤터 3 : 피아노 연주

버튼을 누르면 도레미파솔라시도 소리가 나도록 함.

화면 구성이다.

레이블, 수평배치, 버튼, 소리 컴포넌트를 사용하였다.

- 레이블

피아노 위에 제목을 설정해 주었다.

나는 블로그명으로 입력했다. 

내가 만든 게 계속 느껴지니까 기분이 좋다. ㅎㅎ

- 수평배치

버튼 여러개를 수평으로 배치하기 위해서는 '수평배치' 레이아웃을 불러온 후 버튼 작업을 해야 한다.

- 버튼

피아노 건반을 설정해준다.

조금 유치하지만 색상은 무지개색으로 설정해주었다.

pc 화면만 보고 작업하면 실제 휴대폰이 훨씬 크기 때문에 너비를 설정하기 어렵다. 

AI 컴패니언으로 연결해두고 휴대폰으로 보면서 너비를 조절하는 게 좋다.

pc화면에서는 짤려서 보이지만 휴대폰에서는 딱 알맞게 보인다.

- 소리

피아노 어플에서 가장 중요한 피아노 소리 넣는 작업.

각 버튼(건반)에 맞는 소리를 업로드해서 넣어준다.

- 코딩

 

앱 설치

 

---

앱 인벤터는 처음 알게 되었는데 너무너무 재미있었다.

외부 소스를 많이 활용했기 때문에 쉽기도 했지만, 어플을 직접 설치해서 실행해보는 게 너무 뿌듯했다.

아이들과 함께 해봐도 어렵지 않게 할 수 있을 것 같다!