본문 바로가기

앱인벤터캔버스컴포넌트2

앱인벤터 도화지 앱 앱인벤터 도화지 앱 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 이번 튜터리얼은 도화지 앱이다. 캔버스 위에 낙서하는 앱을 만들어보자. 이번에는 캔버스 컴포넌트에 낙서하는 앱이다. 기본 개념은 다음과 같다. 캔버스 컴포넌트 위에 손으로 스마트폰 화면을 터치하거나 드래그하면 선을 긋는 간단한 프로그램이다. 여기에 좀더 추가해서 색을 추가해서 다양한 색을 활용하여 낙서를 해보자. 자, 이제 시작해보자... . 도화지 기본 설계 캔버스 컴포넌트를 활용한다. 캔버스 컴포넌트에서 제공하는 드래그 이벤트, 터치 이벤트를 활용하여 캔버스 위에 선을 그려보자. 색을 설정하기 위해 이전에 색 설.. 2022. 10. 5.
앱인벤터 캔버스 컴포넌트 앱인벤터 캔버스 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 캔버스 컴포넌트를 활용하여 스마트폰에서 그리기나 애니메이션 동작을 실현할 수 있는 캔버스에 대해서 실습을 해보자. 캔버스라는 단어에서 알 수 있듯이 그림을 그릴 때 사용하는 캔버스, 즉 도화지를 의미한다. 캔버스 위에 그림을 그리거나 애니메이션 동작 등의 기본 바탕을 제공하는 것이 캔버스이다. 캔버스 위에는 공과 이미지 스프라이트 컴포넌트를 활용하여 그리기와 애니메이션 동작을 사용할 수 있다. . 캔버스 컴포넌트 그리기&애니메이션 팔레트에서 캔버스 컴포넌트가 있다. 처음 볼 컴포넌트를 drag&drop하면 작은 사각형 모양이 나오고 너비와 높이로 캔버스.. 2022. 2. 23.