Materialdesign: Controller D-Pad directions

Created on 5 Jan 2018  路  12Comments  路  Source: Templarian/MaterialDesign

It would be great if someone designs controller buttons. Like an A-Button, a B-Button and a Cursor. Like the ones from an old GameBoy

Contribution Icon Request

Most helpful comment

All 12 comments

gamepad already exists. For A and B, you could simply layer the characters over one of the many circle icons. See #1299 for further discussion on letter "icons".

gamepad

Adding the Alpha-Numeric tag so we can track this when we have more time to build out the Letters and Numbers font. We would have to look into circle/box designs for these.

Might need to think about the names. The A, B, X, Y and d-pad buttons are also used for Nintendo consoles, not only Xbox.
Also, as @PeterShaggyNoble showed above, the PlayStation d-pad is named gamepad.

It's pretty blurry. Maybe there's another way to make it pixel perfect?

image

The A, B, X, and Y buttons are now covered by the alpha-*-circle icons. I really don't think we need the D-pad direction designations.

I definitely don't think we need 2 variations, anyway; @GreenTurtwig's last 4 based on gamepad should suffice.

We'll use this issue to track the four D-Pad directions contributed by @GreenTurtwig.

dpad
dpad2
dpad-outline
dpad-outline2
dpad-right
dpad-right2
switch-button-right
switch-button-right2
I made some Nintendo Switch style stuff just to try it.

Added. Not 100% sure on the naming, but wanted to keep it generic.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

xaviergonz picture xaviergonz  路  3Comments

alvaroc1 picture alvaroc1  路  3Comments

puytr picture puytr  路  3Comments

giooliveira picture giooliveira  路  3Comments

JackDrakkar picture JackDrakkar  路  3Comments