한국어

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/


List of Articles
번호 제목 글쓴이 날짜 조회 수
51 2020 게임제작과 직업교육 실습 자료  twin 2020.12.07 290
50 [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법  twin 2018.08.27 720
49 [앱인벤터] 에뮬레이터, 녹스(nox) 앱플레이어 사용법  twin 2018.08.27 839
48 드림코드  twin 2017.11.10 842
47 [앱인벤터2 강좌] 나침반과 센서  twin 2018.08.27 842
46 [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기  twin 2018.08.27 915
45 [앱인벤터] Sound를 이용한 실로폰 앱  twin 2018.08.27 985
44 [앱인벤터] 성적계산기  twin 2018.08.27 1035
43 앱인벤터2를 이용한 피아노 어플 제작  twin 2018.08.27 1037
42 [앱인벤터] 방향센서와 나침반  twin 2018.08.27 1046
41 앱인벤터 교육사이트  twin 2017.09.28 1083
40 [앱인벤터]Player(플레이어)를 이용한 I have a dream 앱  twin 2018.08.27 1095
39 [앱인벤터2] 캔버스와 이미지스프라이트, Bouncing Ball 예제  twin 2018.08.27 1122
38 [앱인벤터] 카메라와 캔버스, PaintPot 앱  twin 2018.08.27 1322
37 [앱인벤터2] BMI 계산기  twin 2018.08.27 1353
36 [앱인벤터] App Inventor 2 Tips  twin 2018.08.27 1355
35 [앱인벤터2 강좌] 만보기앱, Pedometer 센서  twin 2018.08.27 1468
34 [앱인벤터2 강좌] 폭탄 돌리기  twin 2019.09.17 1496
33 [앱인벤터2] 말하는 Hello World 앱  twin 2018.08.27 1525
32 색상 팔렛트 만들기  twin 2018.09.14 1535
Board Pagination Prev 1 2 3 Next
/ 3