학교/스타트업모바일앱

유수봉 교수의 APP-09

공부 기록장 2023. 11. 9. 17:50

https://blog.naver.com/newbongman/223259847748

 

SmartPhone ??

SmartPhone ?? 스마트폰(Smartphone)은 휴대 전화에 여러 컴퓨터 지원 기능을 추가한 지능형 단말기로, ...

blog.naver.com

 

https://blog.naver.com/newbongman/223259848839

 

App Invernteor2-1

App Invernteor2-1

blog.naver.com

 

https://blog.naver.com/newbongman/222899113531

 

App#1a : DDG Game

App#1a : DDG Game ▶ 두더지(Mole) 땃쥐목 두더지과에 속하는 포유류. 이름이나 생김새 때문에 쥐로...

blog.naver.com

 

 

 

 

 

google 에 ai2 검색

 

 

 

 

Create Apps! 클릭

 

 

 

start new project 클릭하면 새 프로젝트 실행

 

 

 

 

DDG학번 으로 이름 설정

 

 

 

화면 구성은 다음과 같다.

 

 

 

 

 

newbongman 블로그에서 DDG 를 검색한 다음 자료들을 다운받는다.

 

 

 

 

Appearance 에서 높이 너비를 설정할 수 있다.

 

 

 

 

가운데 정렬한 모습

 

 

 

 

ImageSprite를 클릭하고 드래그

 

 

 

 

Media에서 upload file 클릭 후 두더지 사진 선택

 

 

 

 

Picture에서 DDG.png 선택

 

 

 

 

Clock 추가

 

 

 

 

Block 으로 들어온 후 Clock 선택

 

 

 

 

너비 높이를 250으로 설정하였기 때문에 x와 y는 대략 200까지로 설정

 

 

 

 

만든 프로젝트를 실행하기 위해 aistarter 검색

 

 

 

 

 

window 용 설치

 

 

 

 

aistarter 실행 모습

 

 

 

Connect에서 Ai companion을 클릭하면

 

 

 

 

다음과 같은 qr코드가 나타나고 qr코드로 설치가능하다.

 

 

 

Emulate 를 클릭하면 다음 화면처럼 된다.

 

 

 

점수 설정을 위해 다음과 같이 설정

 

 

 

점수 설정을 위해 블록들을 설정한다.

 

 

 

 

실제로 구현되는 모습(두더지를 클릭할 때마다 5점이 증가한다)

 

 

 

배경화면을 클릭했을 때 점수는 -2 가 되게 설정

 

 

 

하지만 두더지를 클릭했을 때 3점이 오르는 문제가 발생한다. 두더지를 클릭했을 때 두더지와 배경화면 모두 클릭되기 때문에

 

 

 

다음과 같이 설정한다.

 

 

 

 

 

다음과 같이 설정한다

 

 

 

 

시간을 줄이는 기능을 위해 다음과 같이 블록 설정

 

 

 

 

 

 

 

두더지를 클릭할 때마다 잽 사운드가 들리도록 블록 설정

 

 

 

 

player 대신 Sound를 삽입 MinimumInterval 은 딜레이 시간을 말함

 

 

 

Sound도 다음과 같이 블록 설정

 

 

시간이 음수값으로 되면 멈추도록 설정

 

 

 

닭을 추가한다.

 

 

 


결과물

AppInvertor Designer

 

 

AppInventor Block (DDG)

 

 

 

 

AppInventor Emulator (DDG)

 

휴대폰으로 직접 실행한 모습