한국어

Programming

twin 주소복사
조회 수 108 추천 수 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를 추가해 방위각을 변동시켜 초기화 해주시면 되겠습니다.


  1. [앱인벤터] 방향센서와 나침반

    Date2018.08.27 Bytwin Views113
    Read More
  2. [앱인벤터] 리스트를 이용하여 녹음이 되는 실로폰

    Date2018.08.27 Bytwin Views227
    Read More
  3. [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법

    Date2018.08.27 Bytwin Views47
    Read More
  4. [앱인벤터] Sound를 이용한 실로폰 앱

    Date2018.08.27 Bytwin Views50
    Read More
  5. [앱인벤터] ListPicker와 WebViewer를 이용한 내가 즐겨찾는 사이트 앱

    Date2018.08.27 Bytwin Views94
    Read More
  6. [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기

    Date2018.08.27 Bytwin Views60
    Read More
  7. [앱인벤터] App Inventor 2 Tips

    Date2018.08.27 Bytwin Views64
    Read More
  8. [앱인벤터] ActivityStarter 액티비티 스타터를 사용한 여행앱

    Date2018.08.27 Bytwin Views75
    Read More
  9. [앱인벤터2] 캔버스와 이미지스프라이트, Bouncing Ball 예제

    Date2018.08.27 Bytwin Views80
    Read More
  10. [앱인벤터2] 아날로그 시계 만들기

    Date2018.08.27 Bytwin Views265
    Read More
  11. [앱인벤터2] 말하는 Hello World 앱

    Date2018.08.27 Bytwin Views42
    Read More
  12. [앱인벤터2] 두 개의 스크린 사이의 값 전달, 구구단 예제

    Date2018.08.27 Bytwin Views354
    Read More
  13. [앱인벤터2] Slider를 사용하는 타이머

    Date2018.08.27 Bytwin Views440
    Read More
  14. [앱인벤터2] PasswordTextBox와 TinyDB를 사용한 PIN 번호 체크

    Date2018.08.27 Bytwin Views318
    Read More
  15. [앱인벤터2] Extension(확장기능)을 사용한 깜박이는 플래시라이트

    Date2018.08.27 Bytwin Views111
    Read More
  16. [앱인벤터2] Clock 센서, 디지털 시계

    Date2018.08.27 Bytwin Views175
    Read More
  17. [앱인벤터2] BMI 계산기

    Date2018.08.27 Bytwin Views91
    Read More
  18. [앱인벤터2 강좌] 폭탄 돌리기

    Date2019.09.17 Bytwin Views13
    Read More
  19. [앱인벤터2 강좌] 만보기앱, Pedometer 센서

    Date2018.08.27 Bytwin Views119
    Read More
  20. [앱인벤터2 강좌] 나침반과 센서

    Date2018.08.27 Bytwin Views108
    Read More
Board Pagination Prev 1 2 3 Next
/ 3