Question: Javascript P5 Animation Problem: 1. Paint Brush Read and understand the template code: http://alpha.editor.p5js.org/doubleshow/sketches/rJnNyAI8M The code draws a circle as the user moves the cursor

Javascript P5 Animation Problem:

1. Paint Brush

Read and understand the template code:

http://alpha.editor.p5js.org/doubleshow/sketches/rJnNyAI8M

The code draws a circle as the user moves the cursor around the canvas. Your task is to implement the following enhancements:

Each circle should have a random color (currently only black).

Circles should keep changing sizes, increasing and decreasing between 10 and 30 (currently the size is fixed).

Circles are only drawing in the drawing mode; a user can toggle the drawing mode by clicking on the canvas. (hint: you need to work with the "isDrawing" variable).

Some links for info on mouseX and mouseY:

mouseX: https://p5js.org/reference/#/p5/mouseX

mouseY: https://p5js.org/reference/#/p5/mouseY

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!