phetsims / number-line-distance

"Number Line: Distance" is an educational simulation in HTML5, by PhET Interactive Simulations.
GNU General Public License v3.0
0 stars 3 forks source link

Add x2 and x1 labels to distance statement #40

Closed amanda-phet closed 3 years ago

amanda-phet commented 3 years ago

In our discussion 7/8/21, we decided that it would be helpful to keep x2 and x1 labels in the distance statement somehow. This is most important in the Explore screen, but ideally it will be in both.

This is what we are thinking, and to accommodate it on both screens, we might need to make the overall accordion box taller, but not by too much.

Startup: image

After dragging one object up: image

With two objects dragged up: image

Generic screen: image

Notice that I made the absolute value bars shorter, and moved that whole statement down to make room for the x2 and x2 labels. The absolute value bars might be a bit short, so that's why I think we might still need to make the accordion box taller, but I'd like to minimize how much larger we make it, so we'll want to shorten those bars for sure.

SaurabhTotey commented 3 years ago

Alright, I have added the labels and shortened the absolute value marks. Assigning to @amanda-phet to review.

amanda-phet commented 3 years ago

Awesome! I think they look great.