CMU CS Academy 2.3.1 General Shape Properties

CMU CS Academy
2.3.1 General Shape Properties.

Learning Target: I can recognize and change different shape properties, like position and size, and use math operations to see how these changes affect the shape's appearance.

By Maria Cruz Farooqi

Dropdown

Position Properties

The position properties are: left, ​

Select answer

, top, ​

Select answer

, centerX, and ​

Select answer

.

Multiple Choice

Which of the following are not position properties?

• right and bottom

• centerX and centerY

• width and height

• left and top

Dropdown

Size Properties

The size ​

Select answer

are: ​ width and ​

Select answer

.

Dropdown

Align Property

The ​

Select answer

property can be useful when ​

Select answer

a shape and aligning it in ​

Select answer

.

Dropdown

There are ​

Select answer

legal values for align -- the same as the ​

Select answer

for a gradient. The previous example shows 5 of these 9 legal values. Here we see see an image showing ​

Select answer

.

Multiple Choice

What error prints in the console when you run the previous code and then click the mouse?

• You can't get or set the align property

• We can only use align when we first create a shape.

• Don't do that!

• There is no error message.

Dropdown

Fill and Border Properties

The ​

Select answer

and border properties are: fill, ​

Select answer

, borderWidth, ​

Select answer

, and dashes.

Multiple Choice

Which of the following are not fill and border properties?

• 
  fill and border

• 
  opacity and dashes

• borderWidth

• 
  gradient and rgb

Dropdown

Other Properties

Some other ​

Select answer

include: ​

Select answer

and visible.

Multiple Choice

Which rectangle turns counterclockwise when you click the mouse in the previous example?

• 
  none of them

• 
  the blue one (r2)

• the red one (r1)

• the green one (r3)

Dropdown

Changing Properties

Now that we know about all these shape properties, we will want to know how we can ​

Select answer

them. We can use += ​

Select answer

to a property, and - = ​

Select answer

from it.

Multiple Choice

In the previous example, what happens if we change this line:

r 1.centerX += 10

to this:

r 1.centerX -= 10

• The gold rectangle would move up.

• The gold rectangle would move to the left.

• 
  The gold rectangle would move down.

• The gold rectangle would move to the right.