아두이노 코딩-162: 초간단 MyCamera 앱 인벤터 코딩

codingart(66)
Published in
#kr
Words
179
Reading
1 min
Listen
Play
8y

noname01.png

커버 그림은 자신이 앱인벤터로 코딩한 클릭 버튼을 사용하여 스마트폰 카메라 기능을 불러내어 찍은 후 스마트폰에서 물어보는 저장 또는 저장안험 버튼 중에 저장을 선택 클릭하면 TinyDB를 통해 저장되며 Gallery에서 자신이 찍은 사진을 볼 수 있다.

앱 인벤터의 카메라 기능은 카메라 자체를 코딩하는 것이 아니라 스마트폰에 부여된 카메라의 기본 기능을 불러다 쓰는 것이라 보면 된다.

이러한 카메라 기능은 MypaintV2에서 Canvas Kitty 사진에 대신하여 인스탄트로 카메라로 찍은 사진을 앱인벤터 화면에 올려 그림판 편집을 하였다. 이때 코딩에 사용된 팔레트 요소는 카메라 버튼 하나와 Media 의 Camera 요소가 사용되었다.

noname02.png

이번에는 이 요소들을 그대로 가져와 사진만을 찍어서 TinyDB에 저장 후 불러서 보는 초간단 카메라를 코딩해 보자. 이 카메라 코딩은 앱인벤터 사용법을 배우는 차원이며 코딩 스킬이 늘게 되면 상당히 고성능의 프로그래머블 카메라 코딩도 가능해 질 것이다.
다음 그림이 카메라 퍼즐 구조이다. 퍼즐 가져오는 곳은 커버 그림에 화살표로 표시되어 있으니 참조하기 바란다.

noname03.png

다음은 디자이너 뷰어 구조와 콤포넨트 창에 사용된 요소들이다.

noname04.png

저장 후 Connect 하여 QR 코드 스캔 후 사진을 찍어 갤러리에서 확인해 보자.

앱 인벤터를 사용하려면 무선공유기 또는 와이파이가 미리 자신의 PC시스템에 설치되어 있어야 한다. 그 내용은 다음의 url을 참고하도록 한다.

아두이노 코딩-119: 아두이노 앱 인벤터의 시작
https://steemit.com/kr/@codingart/118

아두이노 코딩-162: 초간단 MyCamera 앱 인벤터 코딩 | Ecency