Status: Not Started
Font Size
14
Parentheses autocomplete
Wrap lines
Editor
Theme
Code with blocks by default
Auto-Format
Console Font Size
12
Console Theme
Show Screenshot Button
Show File Tab Bar
Code Running Environment

Use the newest vesion of the JavaScript library.

9 Make a Drawing app!
default.js
function start() {
// Clicking with the mouse is analogous to tapping on the phone
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Output
Docs
Exercise
More
This student is viewing this assignment in English. View this page in English?

10 points

Modify this program to make a drawing app! The first thing you will need to do is change the code on line 4 to mouseDragMethod(onTap);. This will make it so the function onTap is called when you drag your finger or mouse across the canvas, instead of when you click or tap the screen.

Now you have an app where you can drag your finger to draw pictures!

If you have time, you can add other features such as:
- Change the color. For an added challenge, give the user an option to pick which color they would like to use
- Change the size of your circle. For a challenge, make the size of the circle change as the user is drawing.
- Instead of drawing a circle, draw another shape. You can also layer shapes on top of each other for a cool effect!

The Docs tab is a great place to look if you aren’t sure how to do something. Have fun with it!

After you are finished, share your app with your family and friends.

Reset Code

Slides and Notes

No slides available for this video

About

JavaScript Graphics (no console)