MoI discussion forum
MoI discussion forum

Full Version: 4K UHD 15.6" display

Show messages: All  1-4  5-12

From: bemfarmer
7 Sep 2022   [#5]
Hi Michael,

Is it possible to make the edit frame more visible, and/or with larger icons, for UHD monitor?

For Windows 11 display setting, I am at recommended 150% scale, and at recommended display resolution of 3840 X 2160.

- Brian
From: Michael Gibson
7 Sep 2022   [#6] In reply to [#5]
Hi Brian,

re:
> Is it possible to make the edit frame more visible, and/or with larger icons, for UHD monitor?

Yes, you can do it by modifying these PNG bitmap image files, resize them to be larger in an image processing program:

GripFrameCorner.png
GripFrameCorner_highlighted.png
GripRotation.png
GripRotation_highlighted.png
FrameOrigin.png
FrameOrigin_highlighted.png

You can find those in the UI folder in the MoI install and you can replace them there or also if you make a UI theme you can put the resized ones in the theme folder and they will get loaded from there.

- Michael
From: bemfarmer
7 Sep 2022   [#7] In reply to [#6]
Thank you Michael,

I'll work on it later tonight/tomorrow...

- Brian
From: bemfarmer
7 Sep 2022   [#8] In reply to [#6]
This simple operation had a steep learning curve :-)

(This is a rough draft.)

How to enlarge certain MoI PNG image files, which have a transparent background, to improve visibility for 4K monitors. (Mine is 28 inches +/-)
Applies to MoI5 beta, and MoI4.
Used on 6 MoI PNG files for Edit Frame located in MoI ui folder. (Or Themes folder for MoI5 beta?), namely:
GripFrameCorner, GripFrameCorner_highlighted,
GripRotation, GripRotation_highlighted,
FrameOrigin, FrameOrigin_highlighted.

This method uses pixlr.com online program PixlrE, which is at pixlr.com/e.

1. Copy the 6 default PNG files to a working directory, such as Libraries > Documents > savedPNG. The pixlrE program is fussy about which directories it will save modified PNG files to.

2. Rename the 6 PNG files in the .ui folder to *BAK.PNG. (e.g.)

3. Go to the pixlr.com website and select pixlrE program.

4. Load one of the 6 PNG files into pixlrE.

5. In the menu, pick Select > pixels. This will highlight the non-transparent pixels.

6. In the menu, pick Edit > Free Transform. This causes a cage with blue squares to appear. For the 2 GripFrameCorner PNG's, Drag the upper right square to maximize the non-transparent pixels, in the existing PNG. For the centered "icons" adjust all of the boxes to (slightly) enlarge. The centered icons only have a limited space to be enlarged.
Apply the Transform.

7. Select File Save, as PNG, and save to Libraries > Documents.

8. Repeat for the other 5 PNG files.

9. Copy the 6 new PNG files to the MoI5beta .ui file.
(Or Themes?) (Or else to MoI4 .ui file. (Assumes PNG's are the same as for MoI5beta.)

- Brian

The 6 PNG images on MoI screen are still small, but are a bit larger, and more legible, IMHO.

Do NOT increase the 64 X 64 PNG pixel size.

The 6 resulting PNG's, which are slightly larger, attached.
(Subject to approval or disapproval of Michael.)

Attachments:
EditFrameLargerPNG.zip


From: Michael Gibson
7 Sep 2022   [#9] In reply to [#8]
Hi Brian, they seem fine are they more visible on your screen now?

- Michael
From: bemfarmer
7 Sep 2022   [#10] In reply to [#9]
Yes Michael, they are more legible on my large screen. The size increase is not a lot, but it makes a big difference for my legibility.

- Brian

I copied them over to MoI4 .ui as well, same positive result.
From: bemfarmer
7 Sep 2022   [#11] In reply to [#10]
I also copied the 6 files over to MoI3, ui file after renaming default names to *BAK.png.
Legibility with MoI3 is improved for my 4k monitor.

The images are still 64 X 64 pixels. Less pixels are transparent.

An earlier quick attempt to just quadruple the pixels to 128 X 128, without enlarging the non-transparent pixel image, did not seem to change size or legibility.
Memory use goes up. No plans at present to make any further attempts at much larger edit frame controls.

The MoI5 beta, improved legibility for 28", "4k" monitor, applies to both Dark and Default color themes.
(Did not try putting the modifications in either Theme folder. I see that I have a Theme folder in AppData, and also in MoI4beta ui file.)

- Brian
From: bemfarmer
8 Sep 2022   [#12] In reply to [#11]
Note: Remarks apply to 4K monitor.

For example, GripRotation.png:
If all versions of the associated former PNG in the ui folder for MoI5beta, are renamed *.BAK the control does not show up in the Edit Frame.
(Absent copies in either of the two theme folders.)

For MoI5beta:
A revised PNG for an element of the Edit Frame can be placed in AppData > "MyCurrentThemeFolder".
Or else in MoI5beta folder > ui > Theme folder for original MoI themes Default, Dark, and also the green one.

If a new instance of MoI5beta is then opened, under a different Theme, with a different version of GripRotation,
the two versions of GripRotation.png may be visually compared, side by side.

For example, if original GripFrame.png is placed in MoI5beta > ui > Dark,
it overrides the modified PNG version in MoI5beta > ui. (Stated as fact, unless I am mistaken.)
(Note, my custom MoI5beta themes are in the AppData themes folder.)

Legibility of the GripFrame's is obviously better. (4K monitor)
Legibility of the GripRotation's is better, but just a little, as the size increase for the non-transparent pixels was slight.

- Brian

I tried a 128 X 128 pixel PNG, with enlarged GripRotation, but it did not seem to be better than modified 64 X 64 pixel version. ???
I'm not sure how the mapping works. ??? Larger transparent pixel map. A larger invisible object looks the same as a smaller invisible object :-) ???

Show messages: All  1-4  5-12