한국어

Programming

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

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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

 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
번호 제목 글쓴이 날짜 조회 수
50 [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기  twin 2018.08.27 124
» [앱인벤터2 강좌] 폭탄 돌리기  twin 2019.09.17 131
48 [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법  twin 2018.08.27 137
47 드림코드  twin 2017.11.10 140
46 [앱인벤터2] 캔버스와 이미지스프라이트, Bouncing Ball 예제  twin 2018.08.27 150
45 [앱인벤터] App Inventor 2 Tips  twin 2018.08.27 155
44 [앱 인벤터] 캔버스와 이미지 스프라이트, 두더지잡기 게임(Molemash)  twin 2018.08.27 157
43 [앱인벤터2 강좌] 가위 바위 보 앱  twin 2019.09.18 162
42 [앱인벤터2] 말하는 Hello World 앱  twin 2018.08.27 171
41 [앱인벤터] Sound를 이용한 실로폰 앱  twin 2018.08.27 172
40 색상 팔렛트 만들기  twin 2018.09.14 172
39 [앱인벤터]Player(플레이어)를 이용한 I have a dream 앱  twin 2018.08.27 174
38 [앱인벤터] 에뮬레이터, 녹스(nox) 앱플레이어 사용법  twin 2018.08.27 175
37 [앱인벤터2 강좌] 나침반과 센서  twin 2018.08.27 176
36 [앱인벤터] 방향센서와 나침반  twin 2018.08.27 179
35 앱인벤터 교육사이트  twin 2017.09.28 192
34 [앱인벤터] 카메라와 캔버스, PaintPot 앱  twin 2018.08.27 194
33 [앱인벤터] 성적계산기  twin 2018.08.27 194
32 [앱인벤터] ActivityStarter 액티비티 스타터를 사용한 여행앱  twin 2018.08.27 194
31 [앱인벤터2] BMI 계산기  twin 2018.08.27 202
Board Pagination Prev 1 2 3 Next
/ 3