Build the PaintPot app
Build a Paint app that lets you draw lines and circles on any picture, including one you take with the camera. You'll learn about Canvases, reacting to the user's touch, and working with color and background properties.
These lessons come from USF Professor David Wolber's AppInventor.org - A great resource for learning App Inventor.
They are copied here simply because YouTube is blocked at our school.
On Canvas.Touched, call Canvas.DrawCircle. On Canvas.Dragged, call Canvas.DrawLine
Watch the video and follow along. Any code/settings can be also found below the video.
> Go to http://beta.appinventor.mit.edu/ to begin.
Drag in three buttons, one for each color. On the click events, change the Canvas.PaintColor
Watch the video and follow along. Any code/settings can be also found below the video.
Add buttons for each size (e.g., 2 and 8) and define a variable dotSize. When clicked, set dotsize to the right value. Use dotSize when you DrawCircle.
Watch the video and follow along. Any code/settings can be also found below the video.
Drag in a Camera component and set the Canvas Background image on Camera.AfterPictureWatch the video and follow along. Any code/settings can be also found below the video.
Watch the video and follow along. Any code/settings can be also found below the video.
When each color button is clicked, changes its color and other button's color so user knows what is selected.
Watch the video and follow along. Any code/settings can be also found below the video.