앱 인벤터 appinventor

앱 인벤터 Kitty Sound 코딩

coding art 2018. 8. 22. 16:10
728x90

앱인벤터로 고양이 소리를 내는 앱을 코딩해 보자. 글쎄 요즈음 쥐새끼들도 별로 없어 쓸모가 없는데 그래도 아파트 앞에 돌아다니는 고양이들이 있으면 한 번 소리를 내서 놀래켜 보는 것도 재미 있을 듯 하다.

 

앱을 터치하면 고양이 얼굴이 떠야 하므로 이미지가 하난 필요하다. 야후에서 app inventor Kitty 로 이미지를 검색하면 Tutorial용 이미지가 많이 뜨니 복사해다가 자신의 폴더에 저장해 두자. 아울러 냥이 소리 파일 (meow.mp3)도 하나 가져 온다.

 

 


New project Kitty를 생성하자.

 

 

 

파일 선택에서 cat.png 파일과 meow.mp3 파일을 업로드 하자.

Button1의 속성 창에서 Image 박스에 cat.png 파일을 지정한다.

 

 

 

 


Label1에 적절한 워딩을 입력하자.

 

 


Sound1에 업로딩 해둔 meow.mp3 파일을 넣어 두자. 지속 시간을 500ms 로 두자.

 

 


Blocks 편집 단계로 넘어가자.
Button1에서 when Button1.click 퍼즐을 드래그 한다. Sound1에서 .Play와 .vibrate를 드래그 하여 끼운다. Built-in에서 Math에서 숫자 입력창을 드래그 하여 500을 입력 후 공지에 끼운다. 디자이너로 빠져 나가서 저장하도록 한다.
connect 탭에서 AI Companion 명령을 선택 실행 후 QR 코드를 스캔한다. 앱을 설치하도록 하고 실행해 보자.