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

Nav bar icons and other artwork look fuzzy on lower resolution monitors #72

Closed jbphet closed 9 months ago

jbphet commented 2 years ago

On my main monitor, the nav bar icons and the artwork on the lower right of the screen look fine, but they look quite fuzzy on my auxiliary monitor. It might be wise to turn these into mipmaps to make them look a little better in all situations.

Here is a screenshot taken from the auxiliary monitor.

image

marlitas commented 10 months ago

I believe we can tackle this in this upcoming publication while adding character sets.

marlitas commented 10 months ago

@jbphet We would like to address this, but I haven't worked with mipmaps before. Do we just need to upload a higher resolution png of each image to avoid some of the fuzziness?

jbphet commented 9 months ago

Yes, at least I think so. In other words, I believe that higher resolution images would probably improve the situation, but you'd need to try it and do some testing to be sure.

marlitas commented 9 months ago

@amanda-phet and I noticed that moving the images out of a mip-map made the icons much crisper. We are going that route for this initial dev test, and will have QA keep an eye on any discrepancies moving forward.

Nancy-Salpepi commented 9 months ago

I didn't see anything blurry for https://github.com/phetsims/qa/issues/1005 on the platforms I tested.

marlitas commented 9 months ago

Okay great. I'm going to mark this issue as complete then and close. Thanks!