Imgui icons

[UncraftedName]

Something I've noticed when looking through ImGui examples is the use of icon fonts.

To me this seems like a simple way to add a nice touch to the UI, and I've wanted to add reset/copy buttons to cvars shown in the UI ever since I started.

The ImGui docs suggest choosing an icon from this list. I looking through all of them and chose codicon because:

• the icons are (mostly) fitting for my use case out of all the fonts there
• it's one of the smallest (maybe the smallest) out of the listed fonts (89KB .ttf, and probably a fair bit smaller than that in the output binary since it's stored compressed)

The main window

Player trace tab

Errors/Warnings

SPT info menubar

Text HUD tab before PR

Text HUD tab after PR

The two main places I've added the icons are:

• The tab headers at the top of the main window
• Calls to SptImGui::CvarValue - basically any time a cvar is shown in the UI it will by default have a reset & copy button next to it unless it is a checkbox (this is most clear in the Text HUD Tab). The reset button sets the cvar back to its default value, and the copy button will copy e.g. spt_overlay 0 to your clipboard.

There is a slight adjustment I had to apply to the font to get it to visually line up with the current text font. I decided to make each icon monospace and exactly two english characters wide.

This sample along with all of the other icons and their code points is shown in the Dev tab, and that can be used to find an appealing looking icon.

[lipsanen]

tyty