View source for User:Pilot/Sandbox/Replacing Button Texts with SVG Button Images Project

==Uses==
I think this would help to make it less wordy, nicer, and easier to read.<br>
These images wouldn't just be used for [[control schemes]]; they also can be used in other pages like this:
*https://www.halopedia.org/File:H3_Elephant_Flip_Message.jpg Instead of ...ge ("Hold '''RB''' to flip Elephant."), the..., it's ...ge ("Hold (Imagine BR Button Image) to flip Elephant."), the...
*https://www.halopedia.org/Alert_carry
*https://www.halopedia.org/Panoramic_camera_mode
*And more.

==Xbox button SVG files==

===My Choose===
====Absolutely High-Quality====
*'''A''': https://commons.wikimedia.org/wiki/File:Xbox_button_A.svg
*'''B''': https://commons.wikimedia.org/wiki/File:Xbox_button_B.svg
*'''X''': https://commons.wikimedia.org/wiki/File:Xbox_button_X.svg
*'''Y''': https://commons.wikimedia.org/wiki/File:Xbox_button_Y.svg
====Okay====
*'''Left Analog''': https://strategywiki.org/wiki/File:Xbox-Lstick-Neutral.svg or https://commons.wikimedia.org/wiki/File:Xbox_Left_stick.svg
*'''Right Analog''': https://strategywiki.org/wiki/File:Xbox-Rstick-Neutral.svg or https://commons.wikimedia.org/wiki/File:Xbox_Right_stick.svg
*'''Left Bumper''': https://commons.wikimedia.org/wiki/File:Xbox_LB_bumper.svg
*'''Right Bumper''': https://commons.wikimedia.org/wiki/File:Xbox_RB_bumper.svg
*'''Left Analog Click''': https://commons.wikimedia.org/wiki/File:Xbox_L-click.svg
*'''Right Analog Click''': https://commons.wikimedia.org/wiki/File:Xbox_R-click.svg
*'''Left Trigger''': https://commons.wikimedia.org/wiki/File:Xbox_LT_trigger.svg
*'''Right Trigger''': https://commons.wikimedia.org/wiki/File:Xbox_RT_trigger.svg
*'''← D-Pad''': https://cdn.wikimg.net/en/strategywiki/images/archive/a/a8/20260626140621%21Game_Boy-Dpad-Left.svg or https://commons.wikimedia.org/wiki/File:Xbox_D-pad_(L).svg
*'''↑ D-Pad''': https://cdn.wikimg.net/en/strategywiki/images/archive/7/73/20260626140605%21Game_Boy-Dpad-Up.svg or https://commons.wikimedia.org/wiki/File:Xbox_D-pad_(U).svg
*'''→ D-Pad''': https://cdn.wikimg.net/en/strategywiki/images/archive/2/27/20260626140612%21Game_Boy-Dpad-Right.svg or https://commons.wikimedia.org/wiki/File:Xbox_D-pad_(R).svg
*'''↓ D-Pad''': https://cdn.wikimg.net/en/strategywiki/images/archive/5/5d/20260626140615%21Game_Boy-Dpad-Down.svg or https://commons.wikimedia.org/wiki/File:Xbox_D-pad_(D).svg
====Issues====
The main reason they are issues is that between the Xbox 360 and Xbox One controllers's two buttons' icons and names were changed.<br>
*'''"Back" Button''': https://commons.wikimedia.org/wiki/File:Xbox_Back_button.svg to '''"View" Button''': https://commons.wikimedia.org/wiki/File:Xbox_View_button.svg
*'''"Start" Button''': https://commons.wikimedia.org/wiki/File:Xbox_Start_button.svg to '''"Menu" Button''': https://commons.wikimedia.org/wiki/File:Xbox_Menu_button.svg
An X-input controller (not by Microsoft) supports ''Halo MCC'' and ''Halo Infinite'' on PC, in fact, BTW.<br>
Option #1: Use special '''"Back/View" Button'''{{'}}s and '''"Start/Menu" Button'''{{'}}s icons.<br>
Maybe they can be mixed like this Batman/Superman logo, [https://i.pinimg.com/564x/ef/67/d8/ef67d8d1f35cf0c01dde75cc70709b7c.jpg for example].<br>
Option #2: Just use Xbox One controller icons for Halo MCC and subsequent games.<br>
----
*'''White Button''': https://strategywiki.org/wiki/File:Xbox-Button-White.svg<br>
*'''Black Button''': https://strategywiki.org/wiki/File:Xbox-Button-Black.svg<br>
They might be too confusing unless a viewer has to click a button to the template page for information.
----
Outro: I'm not sure it's fine to have some missing button images on a template page.

===Sites with button Images===
*https://commons.wikimedia.org/wiki/Category:Xbox_controller_buttons?utm_source=chatgpt.com
*https://strategywiki.org/wiki/Category:Xbox_360_controller_buttons

==Controller Buttons Order==
Below the table: 
{| class="wikitable sortable"
|+ Controller
|-
!class="unsortable"|Original Xbox!!X-Input
|-
|colspan=2|<center><span data-sort-value="0">'''Unbind'''</span></center>
|-
|colspan=2|<center><span data-sort-value="1">'''Left Analog'''</span></center>
|-
|colspan=2|<center><span data-sort-value="2">'''Right Analog'''</span></center>
|-
|colspan=2|<center><span data-sort-value="3">'''A'''</span></center>
|-
|colspan=2|<center><span data-sort-value="4">'''B'''</span></center>
|-
|colspan=2|<center><span data-sort-value="5">'''X'''</span></center>
|-
|colspan=2|<center><span data-sort-value="6">'''Y'''</span></center>
|-
|'''White Button'''||<center><span data-sort-value="7">'''Left Bumper'''</span></center>
|-
|'''Black Button'''||<center><span data-sort-value="8">'''Right Bumper'''</span></center>
|-
|colspan=2|<center><span data-sort-value="9">'''"Back/View" Button'''</span></center>
|-
|colspan=2|<center><span data-sort-value="10">'''"Start/Menu" Button'''</span></center>
|-
|colspan=2|<center><span data-sort-value="11">'''Left Analog Click'''</span></center>
|-
|colspan=2|<center><span data-sort-value="12">'''Right Analog Click'''</span></center>
|-
|colspan=2|<center><span data-sort-value="13">'''Left Trigger'''</span></center>
|-
|colspan=2|<center><span data-sort-value="14">'''Right Trigger'''</span></center>
|-
|colspan=2|<center><span data-sort-value="15">'''← D-Pad'''</span></center>
|-
|colspan=2|<center><span data-sort-value="16">'''↑ D-Pad'''</span></center>
|-
|colspan=2|<center><span data-sort-value="17">'''→ D-Pad'''</span></center>
|-
|colspan=2|<center><span data-sort-value="18">'''↓ D-Pad'''</span></center>
|-
|}
Notice they aren't in alphabetical order; instead, the order is based on facts and my opinions:<br>

*'''Unbind''' to '''Left Analog''': keyboard and mouse buttons/keys have a '''Unbind''' key whitch is <code>0</code>.

*'''Right Analog''' to '''A''': In many control scheme pages, "stick layouts" is 1st and "button layouts" is 2nd.

*'''A''' to '''Right Trigger''': based on the X-Input code (Source: https://joytokey.net/en/posts/button-mapping-for-xbox-controller/).

*'''Right Trigger''' to '''← D-Pad''': This is due to D-pads being less used than the buttons.

*'''← D-Pad''' to '''↓ D-Pad''': based on the [https://help.mjtnet.com/article/262-virtual-key-codes/ Microsoft keyboard order] (Search for the arrow keys) and [https://www.compart.com/en/unicode/U+2190 ←] [https://www.compart.com/en/unicode/U+2191 ↑] [https://www.compart.com/en/unicode/U+2192 →] [https://www.compart.com/en/unicode/U+2193 ↓]

The original Xbox controller isn't an X-Input controller, but because I couldn't find information about the code order, they aren't in order; however, in Halo: Combat Evolved and Halo 2 on Xbox 360 with backwards compatibility, the "White Button" is "Left Bumper", and the "Black Button" is "Right Bumper".