-
Notifications
You must be signed in to change notification settings - Fork 31
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Distorted font with non-standard monitor DPI setting #27
Comments
Yeah that's a known issue and unrelated to the v6502r implementation. With fractional scaling, one can either have crisp text with scaling artifacts, or blurry text. Does it looks better when starting with this URL (this activates "highdpi" mode which then takes devicePixelRation into account, so if the fractional scaling is correctly communicated to the browser it might help a bit: https://floooh.github.io/visualz80remix/?highdpi The other option would be to switch to a different font and render the text with linear filtering, like I'm doing in this sample: https://floooh.github.io/sokol-html5/imgui-highdpi-sapp.html |
The first link looks basically the same; the second link doesn't have the problem. Would it be possible to add a theme and/or checkbox that enables the font and filtering? I didn't see an option for that in the menu. |
Deleted a previous comment (I thought it's the highdpi setting that looks good, not the different font and filtering). Just plugging the font from the second demo into the app won't work unfortunately because it needs to be a monospace font, otherwise formatting in the text editor, and the layout in the debugging editor will break. I'll need to check how it looks keeping the default monospace font but enabling high-dpi and linear filtering for the text rendering. It will definitely look blurry but that may be the less bad option for fractional scaling. I won't have time for this anytime soon though, but I'll keep the ticket open as reminder. |
Thanks! While I can just use the second monitor (or a VM...) it will probably matter for other users. |
Whenever I move the browser window containing visual6502r to a monitor with a DPI setting <> 100% (via "Settings | Display | Scale & layout") the font becomes distorted, making it very unpleasant to read.
OS: Windows 11 Pro 23H2
browsers: Firefox 126.0.1 / Chrome 126.0.6478.115
monitor 1: size=3840x2160, scale=150%
monitor 2: size=2560x1440, scale=100%
monitor 1:
![visual6502r_1](https://private-user-images.githubusercontent.com/1885014/341532980-167dcdde-d9cb-4026-bbce-7a2526dda43f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MTYzMzMsIm5iZiI6MTcyNDcxNjAzMywicGF0aCI6Ii8xODg1MDE0LzM0MTUzMjk4MC0xNjdkY2RkZS1kOWNiLTQwMjYtYmJjZS03YTI1MjZkZGE0M2YucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMjM0NzEzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWM2NDRmYjE0M2ViOGQwOTkxMmU0MzJmODI5OTQ1NzQ3MDdkMWViODZmMGRkZTRmMTYxMzc1OGI5YzI4Zjc4MyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.yKSAg_eGpDt4QjXv7PfEFIOJgbSY5965TBWxHP1J-gc)
monitor 2:
![visual6502r_2](https://private-user-images.githubusercontent.com/1885014/341533114-f7d9e390-0bd1-462d-ac55-c23e6e229d02.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MTYzMzMsIm5iZiI6MTcyNDcxNjAzMywicGF0aCI6Ii8xODg1MDE0LzM0MTUzMzExNC1mN2Q5ZTM5MC0wYmQxLTQ2MmQtYWM1NS1jMjNlNmUyMjlkMDIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMjM0NzEzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Y2QxNWIyZjZmYzA0NTVkNWUwNjMxMzAwMGFkYTk1YmM4MDZhMzEzZjJhNzVjMWNhMTAzYTM1N2E1ZmE3NWM0MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.9fTbA3Ny1n66dztqq8NbMwoW6cR29VS3354725cPJ_g)
The text was updated successfully, but these errors were encountered: