I just saw this answer and was kicking myself for not thinking of this first, but I think it's a fantastic idea to use images for keyboard keys and console buttons. Can we get or does there already exist a web resource that has buttons for all the various buttons for game controllers and keyboard keys?
I think if we started using these types of images across the board when discussing button combos it would really make the website look great.
combining the <kbd> tag with unicode and html entities can give some great results.
Directional arrows:
↑ <kbd>↑</kbd>
↓ <kbd>↓</kbd>
← <kbd>←</kbd>
→ <kbd>→</kbd>
Basic Buttons + Analog stick:
ⒶⒷⒸⓁⓄⓇⓊⓍⓎⓏⓐⓑⓒⓧⓨⓩ△○✕□①②◉Shoulder + Other Buttons
L <kbd>L</kbd>
R <kbd>R</kbd>
L1 <kbd>L1</kbd>
L2 <kbd>L2</kbd>
R1 <kbd>R1</kbd>
R2 <kbd>R2</kbd>
+ <kbd>+</kbd>
- <kbd>-</kbd>
home <kbd>home</kbd>
options <kbd>options</kbd>
select <kbd>select</kbd>
share <kbd>share</kbd>
start <kbd>start</kbd>
So remember: ↑↑↓↓←→←→ⒷⒶstart
You can already do this using the <kbd> HTML tag, like so..
A B X
<kbd>A</kbd> <kbd>B</kbd> <kbd>X</kbd>
and, you can use HTML entities for up down and so forth.
↑ ↓ ← →
<kbd>↑</kbd> <kbd>↓</kbd> <kbd>←</kbd> <kbd>→</kbd>
List of HTML entities:
http://www.zytrax.com/tech/web/entities.html
Symbols for your copy pasting needs:
△ ◯ ✕ □ ▷← ↑ ↓ →↹ ↲ ⟵ ̲↓␣ ␛ ␡⌥ ⎋ ⌫ ⇪Don't go too overboard with these, however, as they may not display correctly everywhere.
I think that's a great idea. For now:
D-pad: < > v ^
Buttons: A B X Y C Z + - home 1 2 start select [insert shape name]
Triggers: -L- -R- -L1- -L2- -R1- -R2-
Analog Sticks: (o) (L) (R)
< kbd > text < /kbd > for the buttons-like appearance.
Edit: There are many ways to display these, but there should be a non-technical user friendly way to input them.
No one asked but:
Icon (<kbd>![image]</kbd>) |
Image link |
|---|---|
RMB  |
https://i.sstatic.net/LPwD4.png |
LMB  |
https://i.sstatic.net/FwrAW.png |
MMB  |
https://i.sstatic.net/OASpJ.png |
MW  |
https://i.sstatic.net/v1vyT.png |
This is copied from this answer posted by user Gandalf3 on Blender Meta.
I added buttons for the Mouse Wheel up and down scroll motions (also from the (old) Blender Wiki, but with the MWD icon slightly changed for improved visibility and consistency):
Icon (<kbd>![image]</kbd>) |
Image link |
|---|---|
MWU  |
https://i.sstatic.net/7Vtba.png |
MWD  |
https://i.sstatic.net/doOIR.png |
I'd also suggest installing the script linked there (and here) as it makes creating <kbd> notations a lot easier (although, bound to Ctrl+Y, it interferes with the 'Undo' functionality of Markdown, but the script can easily be edited in Tampermonkey, and I bound it to Ctrl+E).
I have quickly forked it here, with the added support for Mouse Wheel up and down movements (and some extra changes).
I've said this before elsewhere, but we really need a symbol palette. It would greatly simplify typing in something like the ↑↑↓↓←→←→ⒷⒶ[Select]Start Konami Code, for example.
