본문 바로가기

앱인벤터볼2

앱인벤터 볼던지기 앱 앱인벤터 볼던지기 앱 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 이번 튜터리얼은 볼더지기 앱이다. 캔버스 위에 볼 컴포넌트를 활용하여 볼을 움직이는 앱이다. 이번에는 캔버스 컴포넌트 위에 볼 컴포넌트를 움직여보는 앱을 만들어보자. 기본 개념은 다음과 같다. 캔버스 컴포넌트 위에 볼 컴포넌트를 상/하/좌/우 움직여 보는 것이다. 자, 이제 시작해보자... . 볼던지기 디자인 앱인벤터 볼던지기 디자인은 화면의 반 정도는 캔버스 컴포넌트를 배치하고 그 위에 볼 컴포넌트를 위에 올려놓는다. . 볼던지기 기본 설계 캔버스 컴포넌트를 활용한다. 볼 컴포넌트를 캔버스 컴포넌트 위에 위치시킨.. 2022. 10. 6.
앱인벤터 볼 컴포넌트 앱인벤터 볼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 볼(ball)컴포넌트를 활용하여 움직임의 속도나 방향을 지정하는 실습을 해보자. 볼 컴포넌트는 이미지 스프라이트와 다르게 이미지를 지정할 수 없다. . 볼 컴포넌트 그리기&애니메이션 팔레트에서 볼 컴포넌트는 캔버스 컴포넌트에서 동작하는 컴포넌트이다. 처음 볼 컴포넌트를 drag&drop하면 검정색 작은 원 모양이 캔버스에 보인다. 블록 코딩으로 볼을 속도와 위치 등을 활용하여 마음대로 움직여보자. 팔레트 볼 컴포넌트는 '그리기&애니메이션'에 있다. 볼 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 본 예제에서는 볼 컴포넌트를 동작시키기 위해 텍스.. 2022. 2. 21.