한국어

Programming

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

 1. 정해진 시간이 지나면 폭탄이 터지는 게임을 만든다.

 2. 시간을 사용자가 초 단위로 입력할 수 있고, 초기화 시킬 수 있다.

 3. 시간이 지나면 폭탄이 터지는 소리가 난다.

 

 

 bomb.mp3             bomb1.png            bomb2.png        icon_Bomb.png 첨부이미지 미리보기 첨부이미지 미리보기 첨부이미지 미리보기

 

 

 

* 컴포넌트 구성하기

 1. 새 프로젝트 생성하기

 

 2. Screen1 속성에 수평 정렬-중앙, 제목 '폭탄 돌리기 게임'으로 바꾸기

 

 

 3. 빈 줄을 삽입하기 위해 [레이블] 컴포넌트를 가져온다.

    이름 : 빈레이블1      속성 : 높이-20 pixels,  텍스트-없음


 

 4. 초를 입력하는 부분을 위해 [수평 배치] 컴포넌트를 가져온다. 초입력상자, 빈레이블2, 레이블1을 수평으로 정렬한다.

    이름 : 세팅 부분,    속성 : 수평 정렬-중앙, 배경색-없음, 너비-부모에 맞추기

 

 

 5. 설정 시간을 초단위로 입력하기 위해 [텍스트 상자] 컴포넌트를 가져온다.

    이름 : 초입력상자,   속성 : 힌트-초, 숫자만

 

 

 

 6. 간격을 넣기 위해 [레이블] 컴포넌트를 가져온다.

    이름 : 빈레이블2      속성 : 너이-7 pixels,  텍스트-없음

 

 

 

 7. 글자 '초'를 출력하기 위해 [레이블] 컴포넌트를 가져온다.

    이름 : 레이블1      속성 : 글꼴 크기-25,  텍스트-초

 

 

 8. 빈 줄을 삽입하기 위해 [레이블] 컴포넌트를 가져온다.

    이름 : 빈레이블3      속성 : 높이-10 pixels,  텍스트-없음

 

 

 

 9. 메뉴를 입력하는 부분을 위해 [수평 배치] 컴포넌트를 가져온다. 시작정지버튼, 빈레이블4, 초기화 버튼을 수평으로 정렬한다.

    이름 : 메뉴 부분,    속성 : 수평 정렬-중앙, 배경색-없음, 너비-부모에 맞추기

 

 

 

 10. 게임을 시작하거나 일시정지하는 버튼을 만들기 위해 [버튼] 컴포넌트를 가져온다.

      이름 : 시작정지버튼,    속성 : 배경색-흰색, 글꼴 크기-17, 텍스트-START

 

 

 

 11. 간격을 넣기 위해 [레이블] 컴포넌트를 가져온다.

      이름 : 빈레이블4      속성 : 너이-7 pixels,  텍스트-없음

 

 

 12. 게임을 초기화 시키는 버튼을 만들기 위해 [버튼] 컴포넌트를 가져온다.

      이름 : 초기화버튼,    속성 : 배경색-흰색, 글꼴 크기-17, 텍스트-RESET

 

 

 

 

 

 13. 빈 줄을 삽입하기 위해 [레이블] 컴포넌트를 가져온다.

      이름 : 빈레이블5      속성 : 높이-20 pixels,  텍스트-없음

 

 

 14. 폭탄 이미지를 넣기 위해 [이미지] 컴포넌트를 가져온다.

      이름 : 폭탄이미지,    속성 : 사진-bomb2.png

 

 

 15. 시계 기능을 사용하기 위해 [시계] 컴포넌트를 가져온다.

 

 

 16. 폭탄 터지는 소리를 만들기 위해 [소리] 컴포넌트를 가져온다.

      속성 : 소스-boom.mp3

 

 

 

 

 17. 미디어에 폭탄 이미지 bomb1.png를 올린다. 

 


 

 

* 프로그래밍 하기

 1. Screen이 시작되면 배경색은 회색이고, 시계가 동작하지 않게한다.

 

 

 

 2. '시작정지버튼'을 눌렀을 때, '시작정지버튼'이 'START'이면 시간이 가고, 버튼의 텍스트는 'PAUSE'로 바뀌고, '시작정지버튼'이 'START'가 아니면 시계는 멈추고 버튼의 텍스트는 'START'로 바뀐다.

 

 

 

 

 3. 변수를 만들고, 시계가 동작하면 변수에 1씩 더한다.

 

 

 4. 만약 변수의 초 값과 입력된 초값이 같아지면

 

 

 

 5. 폭탄 이미지를 바꾸고, 소리를 내며, 시계는 멈춘다. 또 시작정지 버튼은 START로 바뀐다. (앞에서 작성한 블록을 복사하면 편하다) 

 

 

 

 

 6. 초기화 버튼을 클릭하면 타이머는 멈추고, 초입력상자는 빈칸이 되며, 시작정지 버튼은 START, 변수는 0이 되고, 폭탄 이미지는 boom2가 된다.  

 

 

 ** 코딩 전체

 

 

 

 

 

 

 

 

* 앱 아이콘 만들기 

 1. [디자이너]의 [Screen1] 컴포넌트를 크릭하여 준비한 아이콘 파일을 올린다.

 

 


 

* 앱 실행하기

 1. [빌드]-[앱(.apk 용 QR 코드 제공)] 클릭

 

 

 


List of Articles
번호 제목 글쓴이 날짜 조회 수
30 [앱인벤터] 방향센서와 나침반  twin 2018.08.27 127
29 [앱인벤터] 리스트를 이용하여 녹음이 되는 실로폰  twin 2018.08.27 253
28 [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법  twin 2018.08.27 52
27 [앱인벤터] Sound를 이용한 실로폰 앱  twin 2018.08.27 58
26 [앱인벤터] ListPicker와 WebViewer를 이용한 내가 즐겨찾는 사이트 앱  twin 2018.08.27 132
25 [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기  twin 2018.08.27 68
24 [앱인벤터] App Inventor 2 Tips  twin 2018.08.27 68
23 [앱인벤터] ActivityStarter 액티비티 스타터를 사용한 여행앱  twin 2018.08.27 96
22 [앱인벤터2] 캔버스와 이미지스프라이트, Bouncing Ball 예제  twin 2018.08.27 92
21 [앱인벤터2] 아날로그 시계 만들기  twin 2018.08.27 293
20 [앱인벤터2] 말하는 Hello World 앱  twin 2018.08.27 52
19 [앱인벤터2] 두 개의 스크린 사이의 값 전달, 구구단 예제  twin 2018.08.27 474
18 [앱인벤터2] Slider를 사용하는 타이머  twin 2018.08.27 509
17 [앱인벤터2] PasswordTextBox와 TinyDB를 사용한 PIN 번호 체크  twin 2018.08.27 376
16 [앱인벤터2] Extension(확장기능)을 사용한 깜박이는 플래시라이트  twin 2018.08.27 130
15 [앱인벤터2] Clock 센서, 디지털 시계  twin 2018.08.27 208
14 [앱인벤터2] BMI 계산기  twin 2018.08.27 112
» [앱인벤터2 강좌] 폭탄 돌리기  twin 2019.09.17 28
12 [앱인벤터2 강좌] 만보기앱, Pedometer 센서  twin 2018.08.27 135
11 [앱인벤터2 강좌] 나침반과 센서  twin 2018.08.27 112
Board Pagination Prev 1 2 3 Next
/ 3