search

phetsims / forces-and-motion-basics

"Forces and Motion: Basics" is an educational simulation in HTML5, by PhET Interactive Simulations.
http://phet.colorado.edu/en/simulation/forces-and-motion-basics
GNU General Public License v3.0
7 stars 10 forks source link

User request: new team colors (color customization) #289

Open oliver-phet opened 2 years ago

oliver-phet commented 2 years ago

I was wondering if you could possibly change the color of the figures in the Forces and Motion: Basics simulation? In my school we are constantly dealing with gangs and their influences. The two major colors of rival gangs are blue and red. It would make the conversation a lot better if it wasn't blue versus red.

ON: This request is very specific (and there's likely not any combination of colors that don't have consequences in some community), but I'm posting an issue because this seems to be another example where having additional customization options would be useful to our users.

arouinfar commented 1 year ago

I think we likely create a preference for the team colors and hook it up to a query parameter. Let's consider when we revisit this sim, unassigning myself for now.

amanda-phet commented 8 months ago

Tagging for design meeting to discuss if we want to address this with https://github.com/phetsims/forces-and-motion-basics/issues/304

amanda-phet commented 7 months ago

It would be relatively easy to recolor this artwork.

We may want to rename the code references from blue/red to left/right so it is color-agnostic (and consistent with the direction of the forces).

Considering replacing blue with purple. We will confirm that these colors pass color blindness.

amanda-phet commented 1 week ago

I'd like to confirm here that we should add a Simulation tab to the preferences dialog, and add an option for the Net Force pullers. Not sure what to call it, or how to style it, but I'm thinking rectangular radio buttons with images of the colors, or aqua radio buttons that say "blue/red" and "purple/orange."

amanda-phet commented 1 week ago

Orange and Purple pullers are uploaded!

For the Preferences, can you add a Simulation tab with the following for the setting:

Net Force Puller Colors

Also, can you make this a query parameter, so it is selected at sim startup for the teachers who want this feature? I'm not sure what to name it... perhaps pullerColor and the options can be blue or purple?

Luisav1 commented 1 week ago

I've added the the option to change the pullers color in the preferences tab like so: image

Additionally, there is now a query parameter pullercolor that can be set at startup. The valid values are blueRed and purpleOrange. I found it clearer to use these names instead of just blue and purple throughout the code, but I'm open to any suggestions to improve them.

I still need to change the FlagNode that's displayed when a color wins to reflect these new colors.

amanda-phet commented 6 days ago

OK great!

Can you make sure the name of the control is in bold? I assumed it was handled by common code, but it might just be that we have to manually make it bold every time we add a preference.

Luisav1 commented 6 days ago

Yes, that was an easy fix! I changed which font from the PreferencesDialog it was using.

The flag node is now updated as well: image image

This is all now ready for your review @amanda-phet.