한국어

Programming

twin 주소복사
조회 수 114 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

이번시간에는 앱인벤터2와 모바일의 센서 기능을 사용해 보겠습니다.
현재는 보편화 되어있는, 스마트 모바일 기기에는 다양한 센서가 장착되어 있는데요.

그중 오늘 저희가 사용해볼 센서는 방향센서 Orientation Sensor 입니다.
Orientation Senso를 사용해서 간단하게 나침반을 만들어 보겠습니다.

우선 나침반이 될 그림을 그려줘야 하는데요, 전 그림에는 소질이 없는 공돌이 출신이라..ㅇㅅㅇ....
PPT를 이용해서 그려보겠습니다!!
원과 삼각형을 이용해서 슥삭슥삭..뚝딱뚝딱하면..간단하게 나침반이 완성이 되는데요.

 


자 이제 그림으로 저장한후 앱인벤터로 이동해 보겠습니다.
지난시간에 사용해본 캔버스 기능을 오늘도 이용해 볼건데요 우선 캔버스를 스크린에 추가해 주시고, 크기를 최대로 넓혀 줍니다.

그리고 ImageSprite기능을 추가해 주시면 되는데요, ImageSprite기능은 캔버스 위에 특정 이미지를 삽입하여 그 이미지가 캔버스위에서 움직이거나 다양한 액션을 할수 있게 도와주는 기능을 하고있습니다.

그리고 이제 PPT를 이용해서 만든 이지를 추가해 주시면 되는데요 아래의 그림에 Media에서 Upload file...을 클릭해 주세요.

그리고 파일 선택을 클릭해 삽입할 파일을 선택해 주시고, OK를 눌러주시면 Media 칸에 선택된 파일이 추가됩니다.

그리고 ImageSprite1 객채를 클릭한 후 우측의 Properties에서 Picture를 클릭해 사용할 이미지를 적용해 줍니다.
제가 만든 이미지의 크기는 200x180 정도되는 크기인데요, 너무 크면 캔버스를 벗어나니 적당한 크기를 넣어줍니다.

Palette에 들어가 오늘 사용할 핵심인 센서를 추가해 줘야하는데요, Sensors에 들어가 OrientationSensor를 스크린에 추가하세요.

자 이제 블럭코딩으로 넘어가 보겠습니다.
추가해준 
OrientationSensor안에 포함되어있는 when OrientationSensor.OrientationChanged 를 사용해 나침반을 표현해 보겠습니다.

그리고 나침반 그림에 표현하기 위해 추가해준 ImageSprite1의 .Heading to 를 추가해 주시고, get azimuth를 붙여줍니다.

자 사실 이기능만 추가해 주면 나침반으로 이용하는데는 불편함이 없는데요, 방위각을 표현해 주도록 해보겠습니다.
Screen1 안에 있는 .Title to 함수
를 사용해 스크린 타이틀에 방위각을 표현해 주겠습니다.

Text를 추가해 주고 get azimuth를 추가해 방위각을 변동시켜 초기화 해주시면 되겠습니다.


List of Articles
번호 제목 글쓴이 날짜 조회 수
30 [앱인벤터2] 아날로그 시계 만들기  twin 2018.08.27 303
29 [앱인벤터2] 캔버스와 이미지스프라이트, Bouncing Ball 예제  twin 2018.08.27 98
28 [앱인벤터] ActivityStarter 액티비티 스타터를 사용한 여행앱  twin 2018.08.27 116
27 [앱인벤터] App Inventor 2 Tips  twin 2018.08.27 82
26 [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기  twin 2018.08.27 74
25 [앱인벤터] ListPicker와 WebViewer를 이용한 내가 즐겨찾는 사이트 앱  twin 2018.08.27 161
24 [앱인벤터] Sound를 이용한 실로폰 앱  twin 2018.08.27 62
23 [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법  twin 2018.08.27 63
22 [앱인벤터] 리스트를 이용하여 녹음이 되는 실로폰  twin 2018.08.27 286
21 [앱인벤터] 방향센서와 나침반  twin 2018.08.27 140
20 [앱인벤터] 성적계산기  twin 2018.08.27 116
19 [앱인벤터] 에뮬레이터, 녹스(nox) 앱플레이어 사용법  twin 2018.08.27 68
18 [앱인벤터] 예제 - 두더지 게임  twin 2018.09.11 370
17 [앱인벤터] 위치센서 LocationSensor를 이용한 거리측정기  twin 2018.08.27 317
16 [앱인벤터] 카메라와 캔버스, PaintPot 앱  twin 2018.08.27 122
15 [앱인벤터]Player(플레이어)를 이용한 I have a dream 앱  twin 2018.08.27 93
14 과제알림장 앱 만들기  twin 2018.10.12 193
13 드림코드  twin 2017.11.10 70
12 메모장 앱 만들기  twin 2018.10.12 126
11 문자메시지 보내기  twin 2018.10.12 87
Board Pagination Prev 1 2 3 Next
/ 3