feat: CPS for Keystrokes (HUD)

[MukjepScarlet]

It can record mouse button and keyboard clicks.

Width may need adjustment, English text is too long.

[liquidsquid1]

Nobody needs to know the cps of the space key, they normally only care about the mouse buttons. Also, you can use the abbreviation “LMB” and “RMB” as people will understand what that means from other clients.

[MukjepScarlet]

Now the client uses localized name of keys and mouse buttons. LMB and RMB may be confusing if the players don't play game in English, or they just don't bind attack and use to LMB and RMB (Although this is rare).

[liquidsquid1]

maybe you can make some sort of input translator as a typescript file where it changes keybinds to known abbreviations (like Left Button will Return LMB) so that other binds are proper.

[MukjepScarlet]

I'd like to use icons for them. It's better than abbreviations I think.

[MukjepScarlet]

It will be something like this. But I don't know how to draw SVG, so this may require the help of others.

[1zun4]

just write the digit, no icon, no cps:

[MukjepScarlet]

Left Button
     4

Like this? the "Right Button" will still wrap lines.

[1zun4]

Left Button
     4

Like this? the "Right Button" will still wrap lines.

no just put the number, no one needs to know if its right or left button

[MukjepScarlet]

OK

[liquidsquid1]

i think the idea of the arrows on the top buttons would be nice, means there is less text on the screen

[1zun4]

i think the idea of the arrows on the top buttons would be nice, means there is less text on the screen

the arrows look super weird

[MukjepScarlet]

This could be merged, I still uses localized names for keys, and only CPS value for mouse buttons.
@1zun4

[MukjepScarlet]

If we use icons instead, this (#3897) can be solved too.

[1zun4]

PR on hold and waiting for completion of #3884