한국어

Programming

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

핑퐁 게임 앱을 만들어 보도록 하겠습니다. 

화면에 두개의 바(bar)가 있고 내려오는 공을 아래 바(bar)로 막으면 공이 튀어 오르고 위로 올라온 공을 위쪽의 바를 이용해서 막으면 공이 아래쪽으로 내려가는 게임입니다. 

 

  1. 주요 기능

    – 튀어 오른 공을 막대(bar)로 막으면 점수가 올라갑니다. 

    – 스마트폰의 상단과 하단에 다으면 점수가 차감 됩니다.  

  2.  스마트폰 방향과 Edge

    – 그림과 같이 방향은 우측부터 시작해서 360도로 구성됩니다.

    – 정면이 90도 이고 좌측이 180도, 하단이 270도가 됩니다. 

    – 가장 자리는 정면이 Edge =1 이되고 하단이 -1 이됩니다. 

    – 각도와 가장 자리는 공이 튀겨 나가는 방향과 관련이 있습니다. 

  3. 화면 UI

    – 점수를 표시하기 위해서  HorizontalArrangement와 라벨 3개를 올려 놓습니다. 

    – canvas 위에 Ball 1개와  imageSprite 2개를 올려 놓습니다.  

    – 공(Ball)의 속도를 조절하기 위해서 버튼 2개를 올려놓습니다. 

     

  4. 블록 프로그램

    – 공의 속도를 저장할 전역 변수를 설정 합니다. 

    – 공이 충동 했을 때의 동작에 대해서 설정합니다.

    – 공이 하단의 바와 충돌하면 30도와 150도 사이에서 임의의 각도로 튕겨져 나갑니다. 

    – 공이 상단의 바와 충돌하면 200도와 330도 사이에서 임의의 각도로 튕겨져 나갑니다. 

    – 공이 스마트폰의 상단(Edge = 1)과 하단(Edge = -1)에 충돌하는 경우 점수가 1점 차감 됩니다.

    – 상단 바와 하단바와 공이 충돌하는 경우 점수가 1점 증가 합니다. 

    – Canvas 를 손가락으로 드래그 하면 상단 바와 하단바가 움직입니다. 

    – 볼의 속도는 1에서 20까지 조절 할 수 있습니다. 

     

  5.  첨부 파일

    – 소스파일 :  ping_pong
    – 실행파일 : ping_pong

     

  6.  참고 사이트

    –  http://ice-dl.cc.gatech.edu/?q=node/695

    – http://opensourceforu.com/2016/04/building-the-pong-game-in-app-inventor-2/


  1. [앱인벤터2] Clock 센서, 디지털 시계

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

    Date2018.08.27 Bytwin Views1353
    Read More
  3. [앱인벤터2 강좌] 만보기앱, Pedometer 센서

    Date2018.08.27 Bytwin Views1468
    Read More
  4. 앱인벤터2를 이용한 피아노 어플 제작

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

    Date2018.08.27 Bytwin Views842
    Read More
  6. 드림코드

    Date2017.11.10 Bytwin Views842
    Read More
  7. Korea SW 자료

    Date2017.10.30 Bytwin Views1750
    Read More
  8. 앱인벤터 교육사이트

    Date2017.09.28 Bytwin Views1083
    Read More
  9. MIT App Inventor 2 소개

    Date2017.03.26 Bytwin Views33848
    Read More
  10. 앱인벤터 에뮬레이터 다운 설치

    Date2017.03.26 Bytwin Views1672
    Read More
  11. 앱인벤터 아두이노 교재

    Date2017.03.18 Bytwins Views1643
    Read More
Board Pagination Prev 1 2 3 Next
/ 3