2-2 Customize Paint Pot

Lesson 2-2: Customize Paint Pot

Objectives:

- Improve the Paint Pot app by adding new functionality.

- For Teachers: Go to this Folder to make a copy of this quiz for your class. Email rothmana@sfusd.edu if you dont have access.

Engage: Complete the Quiz to test your knowledge of Variables

Mini-Lesson

2-3 Paint Pot Customization Day 1

Part I

Watch the video about the Paint Pot Customizations you will build today.

Google Classroom Question:

What is one customization you can make to the app?

Part II: Required Customizations

Challenge #1: Add a 4th Color Button

Add an addition color button on the top row

Challenge #2: Add a custom image to the app

Instead of using the cat image that is provided.

You can upload images to your project from either the Designer view or Blocks Editor view.

Use the image as the Canvas background image.

Make sure to use Creative Commons-licensed images.

Challenge #3: Take a photo with the camera and use that as the Canvas background image

For this you’ll need to use a new Button, the Camera component, and the Camera’s AfterPicture event.

Challenge #4: Line thickness

Create additional buttons that allow the user to increase and decrease the line thickness

Part III: Additional Customizations

Challenge #5: User Interaction

When a color button is chosen, change the background color of the button to its color, and gray others

Challenge #6: DotSize Reset Button

Add a button that resets the size of the dot (circle) back to its original value. Hint: You’ll need a second variable here to remember the original value of the dotsize.

Challenge #7: Slider

Use a slider to the set the dotsize, instead of ButtonPlus and ButtonMinus.

Watch the Video Tutorial to learn how to use Sliders-->

(Do not delete Increase/Decrease dot size buttons!!! The video is only for understanding how the slider works!!!!!)

Challenge #8: Clear Canvas

Clear the drawings by shaking the device.

Hint: Use the accelerometer sensor.

Challenge #9: Fix the Bug

In this app, if the user continues to press ButtonMinus, the value of dotsize will eventually become negative.

If dotsize is negative, what will be drawn when the user touches the screen?

Try fixing this bug by adding an if/then algorithm to the ButtonMinus block.

Handout

2-3 Paint Pot Customizations 2.0

Check Your Understanding

What value will the variable dotsize have after the following sequence of blocks are executed?

Page updated

Report abuse