transparency of Game buttons

[ycarpenterphet]

In #19 @pixelzoom said

Oops... I take that back. The buttons in the HTML5 version are actually less transparent (0.75) than in the Java version (0.6). 1.0 is opaque, 0 is invisible.

In interviews, two students nearly missed counting a molecule obscured by the Check/Next button, possibly due to the increased opacity. They did spot it eventually, but it would be better if the transparency were increased slightly.

I'm not sure what will look OK on the white background, though - whether it needs the increased opacity to stand out on white. Can you show me what it would look like with the same transparency as the Java (0.6)?

[pixelzoom]

@ycarpenterphet I've added query parameters so that can experiment with opacity of the buttons and face in the Game screen. The parameters are buttonsOpacity (0.75 default) and faceOpacity (0.65 default). Values range from 0 (invisible) to 1 (opaque) inclusive. Exceed that range and the sim will crash.

Here's the dev version:

http://www.colorado.edu/physics/phet/dev/html/reactants-products-and-leftovers/1.0.0-dev.15/reactants-products-and-leftovers_en.html

Here's an example with the query parameters:

http://www.colorado.edu/physics/phet/dev/html/reactants-products-and-leftovers/1.0.0-dev.15/reactants-products-and-leftovers_en.html?buttonsOpacity=0.1&faceOpacity=0.3

Let me know what values you'd like for each of these, then I'll remove these query parameters.

[ycarpenterphet]

Let's go with just a slight reduction in opacity for both

buttonsOpacity=0.65 faceOpacity=0.5

[pixelzoom]

Opacity values changed as specified, query parameters removed, closing.