P5 Drawing and Variables

Shapes/Colors

100

This function was one of the first we learned and has only an x and y coordinate. [Optional Z coordinate]

Point

200

These are the arguments for the ellipse function.

ellipse(x, y, w, [h])

300

This is the RGB values to create white.

(255,255,255)

400

In order to make a rounded corner rectangle, what are all of the rectangles arguments?

rect(x, y, w, [h], [tl], [tr], [br], [bl])

or

rect(x, y, w, h, [detailX], [detailY])

500

Describe this color.

fill(0,255,255)

Teal, Aqua, turquoise

Variables

100

Give two names for a variable that is used to count the number of cookies that are eaten.

cookiesEaten, ummmCookies, chocolateChip, cookieMonster

200

This function is used to declare a variable.

Let

or Const, Var

300

A type of variable that can be used throughout the program.

Global Variable

400

This system variable is used to store the previous mouse x coordinate.

pmouseX

500

These are the three steps for user-created variables

Declare, Initialize, and Use

Debugging

100

Why will the rectangle not appear?

There is not createCanvas command.

200

Why will the sketch not work?

The system variable 'width' can not be used outside of the functions. 

300

The triangle is expected to move, but it will not. Why?

The incremental operator is supposed to be +=

400

What is the issue with the program. It will not create colored spikes. 

The variable b is not initialized.

500

The program is supposed to follow the cursor, but the circle does not follow the cursor. 2 Errors 

The smallCX and smallCY variables need to be in the draw function.

and smallCY is not declared

Functions

100

This function is used to determine the size of the canvas.

createCanvas

200

This function is used to select a floating point number between two points.

random()

300

These are the arguments for the map function.

map(value, start1, stop1, start2, stop2, [withinBounds])

400

What is the value of the variable 'jump' after 4 loops in the draw function?

jump = 48;

jump -=6

'jump' will have the value of 24.

500

This function can be used for real time variable monitoring. 

console.log()

P5

100

This page that holds all of the functions and how to properly use them.

Reference page

200

This type of bracket contains the functions that will be executed within the setup and draw functions.

Curly Brackets { }

300

Name one of the three languages that P5 uses to code

JavaScript, HTML, CSS

400

The proper name for the variable naming convention where the first letter of a second word is capitalized but the first words letters are not.

Camel Naming or Camel Case

500

What are the html < and > symbols names that are used to indicate a different section in an HTML file?

tags