한국어

Programming

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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


기능
1. 랜덤하게 두더지가 나타나면 터치해서 두더지를 잡는 게임
2. 잡은 수와 놓친 수를 출력
3. 배경음악
4. 두더지 잡으면 다른 그림으로 변경
5. 속도 변경 기능 
6. 점수 초기화  기능

프로그램 작성
[Designer]
1. Component
    1) Screen
        Title : 두더지 잡기
     2) Drawing and Animation > Canvas
        BackgroundImage : bgimage.jpg
        Height, Width : 320 pixels
     3) Drawing and Animation > ImageSprite (두더지 그림 - 터치 인식)
        Picture : mole.png
        Height : 42 pixels
        Width : 36 pixels
     4) Layout > HorizontalArrangement1 ( 속도 변경 관련 버튼, 텍스트박스)
        Width : 100%
     5) User Interface > Button1
        Text : 속도변경
     6) User Interface > TextBox
         Width : Fill parent
         Hint : ms 단위 지연 시간
     7) Layout > HorizontalArrangement1 ( 잡은 수, 놓친 수 표현 영역)
        Width : 100%

        AlignVertical : center
     8) User Interface > Label1
        Width : 50 pixels
        Text :  잡은 수
     9) User Interface > Label2
        Width : 50 pixels
        Text :  0
        Rename : Label_잡은수
     10) User Interface > Label3 (여백용)
        Width : 30 pixels
        Text :  ""
     11) User Interface > Label4
        Width : 50 pixels
        Text :  놓친 수
     12) User Interface > Label5
        Width : 50 pixels
        Text :  0
        Rename : Label_놓친수

     13) User Interface > Button2
         Text : 다시 하기
     14) Media > Sound1 (두더지 잡았을 때 효과음)
         Source : hit.wav
     15) Media > Player1 (배경음악)
        Source : bgm.mp3
        Volume : 30
     16) Sensor > Clock
        TimeInterval : 500

2. Media
      1) bgimage.jpg : 배경 그림
      2) bgm.mp3 : 배경 음악
      3) hit.wav : 두더지를 터치 했을 경우 효과음
      4) mole.png : 두더지 이미지 - 일반 상태
      5) mole_hit.png : 두더지 이미지 - 맞은 상태

[Block]

 

두더지가 랜덤하게 이동하는 프로시저를 생성한다.
프로시저 이름으로 "두더지이동"으로 설정한다.
이동하는 두더지를 나타내는 ImageSprite의 Picture를 mole.png로 설정한다.
두더지를 나타내는 ImageSpirte를 이동한다.  
두더지의 이동범위는 Canvas의 내부 영역에  random하게 x, y 값을 결정한다.

image2.png

Screen이 초기화 되면 "두더지이동" 프로시저를 호출하여 랜덤한 위치로 이동시킨다. 
call Player1.Start 기능을 호출하여 배경음악을 재생한다.
배경음악의 재생이 완료되면(Completed), Player1.Start 를 호출하여 배경음악 재생을 반복한다.

image3.png

두더지 스프라이트를 터치하며 효과음을 재한다.

 

Canvas를 터치하면, 두더지 ImageSprite가 터치되었냐에 따라 처리한다.
ImageSprite가 터치되었으면,
잡은 수를 출력하는 Label의 값을 1 증가하고,
두더지의 이미지를 mole_hit.png로 변경한다.
Canvas를 터치했는데, ImageSprite가 터치된 것이 아니면
놓친 수를 출력하는 Label의 값을 1 증가한다.
터치에 대한 처리를 하는 동안 Clock.TimerEnabled를 false로 해두었다가
작업이 마치고 true로 변경한다.

image5.png

지정된 클럭이 시간이 완료되면, "두더지이동" 프로시저를 호출하여 다음 위치로 이동시킨다.

image6.png

속도 변경을 위한 Button1을 클릭하면
속도를 지정한 텍스트박스의 값으로 Clock의 Timeinterval을 설정한다.

image7.png

다시하기 버튼(button2)를 클릭하면 잡은 수와 놓친 수를 출력하는 Label의 텍스트를 0으로 초기화시킨다.

 


  1. 앱인벤터 동영상 강좌 app123.kr

    Date2018.09.17 Bytwin Views51716
    Read More
  2. MIT App Inventor 2 소개

    Date2017.03.26 Bytwin Views33848
    Read More
  3. [앱인벤터] 예제 - 두더지 게임

    Date2018.09.11 Bytwin Views11717
    Read More
  4. 스톱워치 만들기

    Date2018.09.14 Bytwin Views7688
    Read More
  5. 지도에 내 위치 표시하기

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

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

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

    Date2018.08.27 Bytwin Views3723
    Read More
  9. [앱 인벤터2] 알람시계

    Date2018.08.27 Bytwin Views3267
    Read More
  10. [앱인벤터] 위치센서 LocationSensor를 이용한 거리측정기

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

    Date2018.08.27 Bytwin Views3036
    Read More
  12. [앱 인벤터2] 간단한 계산기

    Date2018.08.30 Bytwin Views3013
    Read More
  13. [앱인벤터2] 아날로그 시계 만들기

    Date2018.08.27 Bytwin Views2971
    Read More
  14. [앱인벤터2 강좌] 가위 바위 보 앱

    Date2019.09.18 Bytwin Views2966
    Read More
  15. [앱인벤터] ListPicker와 WebViewer를 이용한 내가 즐겨찾는 사이트 앱

    Date2018.08.27 Bytwin Views2783
    Read More
  16. [앱 인벤터2] 우주선게임

    Date2018.08.30 Bytwin Views2700
    Read More
  17. [앱 인벤터] 캔버스와 이미지 스프라이트, 두더지잡기 게임(Molemash)

    Date2018.08.27 Bytwin Views2655
    Read More
  18. [앱 인벤터2] 두더지 잡기 게임2

    Date2018.09.14 Bytwin Views2620
    Read More
  19. [앱 인벤터2] 위치센서와 문자 보내기, SOS 앱

    Date2018.08.27 Bytwin Views2555
    Read More
  20. 과제알림장 앱 만들기

    Date2018.10.12 Bytwin Views2431
    Read More
Board Pagination Prev 1 2 3 Next
/ 3