대디의 IT공방

메뉴-아이콘

프로그래밍 (93)

앱인벤터 강좌 - 스크린 이동하기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 9. 27. 15:57

입인벤터 강좌 - 스크린이동 프로그램을 작성하다가 보면 하나의 스크린에만 작업을 하는 것이 아니라 여러 스크린을 이용하여 결과 값을 전달하거나 화면 전환이 필요할 때가 있는데요 이번에는 앱인벤터에서 스크린 이동하는 방법에 대해 알아보도록 하겠습니다. 앱 인벤터 스크린 이동하기 화면 디자인하기 1. 사용자 인터페이스에서 [버튼]을 클릭하여 호면 처럼 이동을 시켜 줍니다. 2. 옮겨 놓은 버튼을 클릭한 다음 오른쪽 하단에 있는 속성 중 [텍스트]에 있는 내용을 "스크린 2로 이동"변경해 줍니다. 3. 이번에는 스크린을 추가 시켜 보겠습니다. 메뉴에서 [스크린 추가] 버튼을 클릭합니다. 메세지 창이 나타는데 스크린 이름은 원하는 이름으로 입력하시면 됩니다. 그리고 확인 버튼을 눌러줍니다. 4. 아래 그림 처럼..

앱인벤터 강좌 - MP3 음악 재생 앱 만들기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 9. 1. 16:35

이번 앱인벤터 강좌에서는 mp3 음악 파일을 재생시켜 보도록하겠습니다. 앱 인벤터의 player 컴퍼넌트를 이용하여 간단한 음악 파일을 재생시켜 보도록 하겠습니다. 앱 인벤터 MP3 음악 재생 앱 화면 구성하기 팔레트에서 버튼 버튼 3개를 가져다가 화면에 그림과 같이 배치를 먼저 하도록 하겠습니다 Media에 들어가서 Player를 클릭한 다음 드래그하여 화면에 옮겨 놓으면 [보이지 않는 컴포넌트]로 이동됩니다. 배치가 완료 되고 나면 각 버튼을 클릭하여 속성에서 텍스트 글자를 재생, 일시정지, 멈춤으로 텍스트를 변경해 주시고 컴퍼넌트에서 버튼의 이름도 Button1_R, Button1_P, Button1_S로 변경을 해주세요 이제 재생할 음악 파일을 업로드 해야 합니다. 컴포넌트 밑에 있는 Media에..

앱인벤터 강좌 - 카메라 이용하여 사진찍기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 7. 30. 08:00

앱인벤터 강좌- 카메라 이용하여 사진찍기 앱인벤터에 있는 카메라 컴포넌트를 이용하여 사진찍는 앱을 만들어 보겠습니다. 앱인벤터 카메라 - 사진찍기 사진을 찍는 앱을 만들 때 사진을 찍는 블럭과 찍은 후 그 이미지를 가지고 스마트폰 화면에 보여지게하는 부분을 만들어야합니다. 화면구성▲ 화면 구성은 버튼과 이미지 카메라 컨퍼넌트를 가져다 놓고 그림과 같이 배치를 합니다.그리고 버튼의 이름을 변경해 줍니다. 블럭 구성▲ 버튼과 카메라1 에서 블럭을 가져와 넣습니다.버튼을 클릭하면 카메라를 호출하게 됩니다. ▲ 카메라에서 사진을 찍으면 화면에 보여줘야하는 부분을 만드는 것입니다.카메라에서 사진을 찍은 후 사진을 이미지에 넣으라는 뜻입니다. ▲ 이미지1에 카메라1에서 찍은 사진을 가져와 넣으라는 명령입니다. ▲ ..

앱인벤터 강좌 - 캔버스 이용하여 그림그리기

프로그래밍/앱 인벤터(App Invertor) 아빠달 2016. 7. 29. 14:19

앱인벤터 강좌 캔버스 - 그림그리기 앱인벤터 이번 시간에는 캔버스를 이용하여 스마트폰 화면에 그림을 그려 보도록 하겠습니다. 앱인벤터 캔버스 - 그림그리기 화면구성 ▲ 팔레트에서 [그리기&애니메이션]에 들어 있는 캔버스를 뷰어 화면에 옮겨 놓습니다. ▲ 캔버스 속성에서 높이와 너비를 부모에 맞추기를 선택하여 캔버스가 화면에 꽉 차게 합니다. 블록설정하기 ▲ 블록으로 이동한 뒤 [캔버스1]을 클릭하여 위 블록을 가져와 배치를 합니다. ▲ 캔버스에서 우리가 할 일은 선을 그리는 일이기 때문에 [호출 캔버스1. 선그리기]블록을 가져옵니다. ▲ 블럭을 위 그림 처럼 두개를 맞춰 줍니다. ▲ 이전X 위에 마우스를 올려 놓으면 위 그림 처럼 [가져오기 이전 X]와 [지정하기 이전X]값이 나타납니다. [가져오기 이전..

캐릭터 이동방법 두가지 비교하기 - 대각선

프로그래밍/엔트리 아빠달 2016. 7. 24. 02:00

캐릭터를 좌우상하로 이동하는 프로그래밍 방법은 여러가지가 있습니다.엔트리에서 캐릭터를 이동하는 프로그램 코드 두가지를 한번 비교해 보겠습니다. 각각 키보드 입력 신호를 만들어 실행 했을 때 동영상 ▲ 각각 키보드를 눌렀을 때 상하 좌우로 이동하는 프로그래밍 방법입니다.예를 들어 왼쪽 화살표와 위쪽 화살표를 눌렀을 때 먼저 받은 신호를 실행합니다.이렇게 되면 대각선으로 이동하는 것은 못하게 됩니다. 계속반복하기와 만일~라면 블록을 이용하여 만들기 ▲ 계속반복하기 블록안에 만일~이라면에 넣는다면 대각선으로 이동이 가능해 짐니다.둘다 신호를 받아야 하기 때문입니다.캐릭터 이동시 어떻게 구현할 것인가에 따라서 프로그래밍을 하시면 될 것 같습니다.

엔트리 프로그래밍 - 걷는 애니메이션 만들기

프로그래밍/엔트리 아빠달 2016. 7. 18. 23:59

캐릭터를 이동시키는데 예를 들어 오른쪽으로 움직일 때 중간에 걷는 동작이 있으면 매우 자연스럽습니다.이번에는 그런 애니메이션을 만들어 보겠습니다.엔트리봇이 걷는 애니메이션 프로그래밍을 해보겠습니다. 엔트리봇 걷는 애니메이션 미션1. 방향키를 누르면 그 쪽 방향을 바로본다.2. 방향키를 누르면 걷는 동작을 한다.3. 방향키 방향으로 캐릭터가 이동을 한다. 모양추가하기▲ 걷는 애니메이션을 만들려면 먼저 왼쪽 오른쪽 이미지가 있어야 하는데 왼쪽 이미지가 없습니다. 그래서 먼저 왼쪽 방향의 이미지를 만들어 보겠습니다.1번 모양을 클릭하여 모양을 추가해 줍니다. 2번 [모양 추가]를 클릭하세요 ▲ 걷는 모습 1과 2를 가져옵니다. ▲ 3번과 4번에 걷는 모습이 추가 되었는데요이것을 반대 이미지로 만들어 보겠습니다..

엔트리 프로그래밍 - 자기복제 총알쏘기

프로그래밍/엔트리 아빠달 2016. 7. 15. 22:37

마우스를 클릭했을 때 이벤트를 이용하여 이번에는마우스를 클릭했을 때 총알을 쏘는 프로그래밍을 해보겠습니다.이 기능은 복제 기능은 엔트리에서 게임을 만들 때 유용하게 쓰이는 방법입니다. 엔트리 자기 복제 미션1. 마우스를 클릭하면 총알 오프젝트가 앞으로 이동을 한다.2. 벽에 닿으면 총알 오프젝트가 사라져야 한다. 오브젝트 추가하기▲ 기존에 오프젝트를 삭제하고 총알 오브젝트를 추가합니다. ▲ 크기를 알맞게 조절해 주고 오브젝트를 회전시켜 주고연필 모양을 클릭하면 방향과 이동방향을 수치로 변경할 수 있습니다. 블록 코딩하기▲ 마우스를 클릭할 때 이벤트가 발생해야 합니다.[마우스를 클릭했을 때] 블록을 가져옵니다. ▲ 똑같은 그림을 계속 사용하는 것 보다 복제를 사용하면 편이 좋습니다. [흐림]에서 [자기의 ..

엔트리 프로그래밍 - 그림 그리기

프로그래밍/엔트리 아빠달 2016. 7. 13. 16:41

화면에 연필로 그림을 그려 보도록 하겠습니다.마우스를 계속 따라다는 것과 마우스를 클릭 했을 때, 해제 했을 때 클릭 이벤트 프로그래밍 기능을 배울 수 있습니다. 엔트리 그림 그리기 미션1. 마우스가 움직이는 방향으로 연필이 따라 움직인다.2. 마우스를 클릭하면 그림이 그려지고 마우스에서 띄었을 때 해제 되어야 한다. 오브젝트 추가하기▲ 오브젝트 추가하기를 클릭합니다. ▲ 연필을 검색하여 선택하고 적용하기를 클릭합니다. ▲ 연필의 크기를 알맞게 조절하여 배치합니다. 블록 코딩하기▲ 연필이 마우스를 계속해서 따라 다녀야 함으로 [계속반복하기]블록을 가져다 놓습니다. ▲ [움직임]에서 [위치로 이동하기] 블록을 가져와 [마우스포인터]로 변경해 줍니다. 중간 실행 결과▲ 마우스를 계속해서 따라 다닙니다. ▲ ..

엔트리 프로그래밍 - 공 튕기기

프로그래밍/엔트리 아빠달 2016. 7. 12. 16:24

오늘은 공을 튕기는 것을 해보겠습니다. 화면에 닿으면 다른 방향으로 이동하는 프로그래밍 방법을 배울 수 있습니다. 엔트리 공 튕기기 미션 1. 시작하기를 클릭하면 공이 움직인다. 2. 벽에 닿으면 튕겨 반대 방향으로 이동을 한다. 오브젝트 추가하기 ▲ [오부젝트 추가하기]를 클릭하여 [동그란 버튼] 선택합니다. ▲ 꼭 체크가 되어있는지 확인하시고 적용하기를 눌러주세요 ▲ 이미지가 오프젝트에 추가되었습니다. ▲ 이미지 크기를 알맞게 조절해 줍니다. ▲ 시작을 누르면 계속해서 공이 이동을 해야 하기 때문에 [계속 반복하기] 블록에 [이동 방향으로 00 만큼 움직이기]블록을 넣습니다. 중간 실행 결과 ▲ 공이 앞으로만 이동을 합니다. ▲ [움직임]에서 [화면끝에 닿으면 튕기기] 블록을 옮겨 놓습니다. 이렇게 ..

엔트리 프로그래밍 - 마우스 따라 다니며 도장찍기

프로그래밍/엔트리 아빠달 2016. 7. 10. 07:49

오늘은 프로그래밍은 엔트리 블록에 있는 도장찍는 방법을 배워 보도록하겠습니다. 미션을 수행하면서 배울 수 있는 것은1. 오브젝트를 추가하는 방법과 마우스를 따라 객체를 움직이는 방법2. 마우스 클릭 이벤트를 배울 수 있습니다. 엔트리 마우스 따라 다니며 도장찍기 미션1. 들꽃이 마우스를 따라 움직인다.2. 마우스를 클릭할때마다 도장이 찍힌다. 오브젝트 추가하기▲ 엔트리를 실행 시키고 기존에 있던 엔트리봇은 삭제합니다. ▲ 오브젝트 추가하기를 클릭합니다. ▲ 1번 창에 들꽃 이라고 입력을 하고 검색하면 여러가지 꽃 종류가 나오는데 마음에 드는 것으로 선택하면됩니다.2번 처럼 객체를 선택해 줍니다. 선택을 할 때 3번에 체크가 되어 있는지 확인하고 4번 위치에 들어가 있어야 합니다.3번과 4번을 체크하지 않..

Copyright © 대디의 IT공방 All Rights Reserved
Designed by JB FACTORY

티스토리툴바