Section 312: onMouseMove

What happens when you move the mouse to the right on the canvas?

• mouseX gets bigger

• mouseX gets smaller

• mouseY gets bigger

• mouseY gets smaller

• I'm really not sure

What happens when you move your mouse down on the canvas?

• mouseX gets bigger

• mouseX gets smaller

• mouseY gets bigger

• mouseY gets smaller

• I'm really not sure

Tags

CCSS.HSA.CED.A.2

CCSS.HSA.REI.D.10

If you move the mouse to the right...

• the box will move to the right

• the box will move to the left

• the box will move up

• the box will move down

• I'm really not sure

Answer explanation

The box will move to the right because box.left will get bigger as mouseX gets bigger.

Tags

CCSS.5.G.A.1

CCSS.5.G.A.2

If you move the mouse up, circle c will move...

• up

• down

• nothing will happen

• an error will occur

• I'm really not sure

Tags

CCSS.HSG.CO.A.2

CCSS.HSG.CO.A.5

If you move the mouse down, what will happen?

• circle c will move down

• circle c will move up

• an error will occur

• nothing will happen

• I'm really not sure

Answer explanation

The parameters in the onMouseMove() function definition are x and y. When you try to set c.centerX = mouseX, you can't because mouseX was never defined.

Tags

CCSS.HSG.CO.A.2

CCSS.HSG.CO.A.5

CCSS.HSG.CO.B.6

When you move the mouse to the right...

• circle c will move down and to the right

• circle c will move to the right, but not up or down

• an error will occur

• nothing will happen

• I'm really not sure

Answer explanation

circle c will move to the right and down because centerX and center Y are both based on the x position of the mouse cursor.

Tags

CCSS.5.G.A.1

CCSS.5.G.A.2

When you move the mouse up and down...

• circle c will move left and right

• circle c will move up and down

• an error will occur

• nothing will happen

• I'm really not sure

Answer explanation

The centerX and centerY of the circle are both set to x (which is the x position of the mouse). So, when you move the mouse up and down, nothing happens to circle c.

Tags

CCSS.HSG.CO.A.2

CCSS.HSG.CO.A.4

CCSS.HSG.CO.A.5

If you move the mouse up...

• the box will move to the right

• the box will move to the left

• the box will move up

• the box will move down

• I'm really not sure

Answer explanation

As you move the mouse up, mouseY gets smaller. As mouseY gets smaller, the top of the box will be set to a smaller value and therefore move up.

Tags

CCSS.5.G.A.1

CCSS.5.G.A.2

If you move the mouse down...

• the box will get taller

• the box will get shorter

• the box will get wider

• the box will get thinner

• I'm really not sure

Answer explanation

When you move the mouse down, mouseY gets bigger. Since box.height is set equal to mouseY, the box will get taller.

Tags

CCSS.HSA.CED.A.2

CCSS.HSA.REI.D.10

If you move the mouse to the left...

• the box will get taller

• the box will get shorter

• the box will get wider

• the box will get thinner

• I'm really not sure

Answer explanation

When you move the mouse to the left, mouseX will get smaller. Since box.width is set to mouseX, the box will get thinner.

Tags

CCSS.8.F.A.1

CCSS.8.F.A.3

CCSS.8.F.B.4

CCSS.8.F.B.5

CCSS.8.G.A.3