Touch enhancements

[jonathanolson]

Current touch areas by default:

Of note:

• Check boxes for Rulers/Timer/Reference Line could have touch areas expanded at least vertically. Preferably 'Rulers' and 'Timer' would have touch/mouse areas expanded out to the right where 'Reference Line's areas end.
• Reset All button, Restart button, Pulse button, Play/Pause button and Step button could all use expansion of their touch areas. Play/Pause and Step might be best to have square touch areas, possibly with Reset All also (circular might work too).
• Slow Motion / Normal could have vertically-extended touch areas
• Wrench should have a fixed touch area as noted in another issue, otherwise the EndNode doesn't need a touch area.
• At least Amplitude / Pulse Width / Frequency slider knobs should have their touch areas end slightly lower, as they can cover up the tweaker (ArrowButton) controls.
• Tweaker (ArrowButton) controls should have an expanded touch area, and preferably if the slider thumb and tweaker are close together, the thumb should take the area in between (thumb should be displayed above the tweakers).
• The overlap in slider touch areas is not significant, but we generally like to avoid it.
• Reference Line should have slightly expanded touch areas (at least for the right squares on its graphic)
• Rulers should NOT have touch areas (could block other controls
• Timer buttons should have increased touch areas

Please append ?showPointerAreas to the URL to visualize, and if possible use a touch device for testing.

[mlearner1]

As for the items

• Reset All button, Restart button, Pulse button, Play/Pause button and Step button could all use expansion of their touch areas. Play/Pause and Step might be best to have square touch areas, possibly with Reset All also (circular might work too).
• Slow Motion / Normal could have vertically-extended touch areas

From my point of view, there're 2 different approaches: 1) modify lib components (Buttons, Radiobuttons), so that programmer can easily change touch areas in all PHET simulations, not WOAS only. In this case, modifications should be made by library developers (not MLL) 2) modify Buttons and Radiobutton in WOAS simulation only, not in the lib. We can easily follow this approach and make changes on our side. Just want to check.

Please let me know what approach you prefer. Feel you free to point me out if I missed something

[jonathanolson]

In the future we may be adding default mouse/touch areas for common components, but for now just set the touchArea/mouseArea properties on the nodes directly.