본문 바로가기

앱인벤터110

앱인벤터 이미지스프라이트 컴포넌트 앱인벤터 이미지스프라이트 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 이미지스프라이트 컴포넌트를 활용에 대해 알아볼 것이다. 이는 캔버스 내에 움직이는 공 컴포넌트와 유하사면 모양이 공 모양 대신에 이미지로 대치하는 것이다. 볼 컴포넌트와 마찬가지로 시간간격과 속도를 등을 설정하면 이미지는 자동으로 움직인다. . 이미지스프라이트 컴포넌트 그리기&애니메이션 팔레트에서 이미지스프라이트 컴포넌트가 있다. 처음 이미지스프라이트 컴포넌트를 drag&drop하려면 캔버스 컴포넌트를 먼저 추가한 후, 이미지스프라이트를 캔버스 위에 drag&drop한다. 팔레트 이미지스프라이트 컴포넌트는 '그리기&애니메이션'에 있다. 이미지스.. 2022. 2. 24.
앱인벤터 캔버스 컴포넌트 앱인벤터 캔버스 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 캔버스 컴포넌트를 활용하여 스마트폰에서 그리기나 애니메이션 동작을 실현할 수 있는 캔버스에 대해서 실습을 해보자. 캔버스라는 단어에서 알 수 있듯이 그림을 그릴 때 사용하는 캔버스, 즉 도화지를 의미한다. 캔버스 위에 그림을 그리거나 애니메이션 동작 등의 기본 바탕을 제공하는 것이 캔버스이다. 캔버스 위에는 공과 이미지 스프라이트 컴포넌트를 활용하여 그리기와 애니메이션 동작을 사용할 수 있다. . 캔버스 컴포넌트 그리기&애니메이션 팔레트에서 캔버스 컴포넌트가 있다. 처음 볼 컴포넌트를 drag&drop하면 작은 사각형 모양이 나오고 너비와 높이로 캔버스.. 2022. 2. 23.
앱인벤터 볼 컴포넌트 앱인벤터 볼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 볼(ball)컴포넌트를 활용하여 움직임의 속도나 방향을 지정하는 실습을 해보자. 볼 컴포넌트는 이미지 스프라이트와 다르게 이미지를 지정할 수 없다. . 볼 컴포넌트 그리기&애니메이션 팔레트에서 볼 컴포넌트는 캔버스 컴포넌트에서 동작하는 컴포넌트이다. 처음 볼 컴포넌트를 drag&drop하면 검정색 작은 원 모양이 캔버스에 보인다. 블록 코딩으로 볼을 속도와 위치 등을 활용하여 마음대로 움직여보자. 팔레트 볼 컴포넌트는 '그리기&애니메이션'에 있다. 볼 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 본 예제에서는 볼 컴포넌트를 동작시키기 위해 텍스.. 2022. 2. 21.
앱인벤터 얀덱스번역 컴포넌트 앱인벤터 얀덱스번역 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 얀덱스번역 컴포넌트를 활용하여 다른 언어간의 번역을 해주는 컴포넌트이다. 얀덱스(Yandex)번역은 러시아의 대표적인 검색엔진 사이트이다. 우리나라의 네이버나 구글과 유사하다. . 얀덱스번역 컴포넌트 미디어 팔레트에서 얀덱스번역 컴포넌트는 문장을 받아 번역 서비스에 연결해주는 기능이다. 얀덱스번역 컴포넌트는 보이지않는 컴포넌트이다. 팔레트 얀덱스번역 컴포넌트는 팔레트에 “미디어”에 있다. 얀덱스번역 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 본 예제에서는 얀덱스번역 컴포넌트를 동작시키기 위해 텍스트박스 컴포넌트, 버튼 컴포넌트, 레이블 컴포넌트,.. 2022. 2. 20.

티스토리툴바