Skip to content

README.md

Latest commit

 

History

History
52 lines (37 loc) · 1.99 KB

README.md

File metadata and controls

52 lines (37 loc) · 1.99 KB
Raw

playstation-ds5-white

A white DualSense (PS5) controller skin for gamepadviewer.com — SVG layers that tilt the sticks, compress the triggers, and light the buttons live as you play.

Preview

What it is

A fork of the PS5 white skin from Istador/gamepadviewer-skins, packaged as a standalone repo. It's a set of SVG layers + a single style.css that positions and animates them in response to gamepad input. Face buttons are shown at all times.

How to use

On gamepadviewer.com, paste this into the custom CSS field of the URL-generation dialog:

https://brendanwelsh.github.io/playstation-ds5-white/style.css

What's in here

  • base.svg / shell.svg — controller body
  • abxy.svg — face buttons (Cross / Circle / Square / Triangle, always shown)
  • dpad.svg — directional pad
  • sticks.svg — analog sticks
  • triggers.svg / bumpers.svg — L1/L2/R1/R2
  • back_start.svg — Create / Options
  • touchpad.svg — center touchpad
  • lightbar.svg — light bar above the touchpad
  • meta.svg — PlayStation logo button
  • disconnected.svg — fallback when no controller is connected
  • style.css — positions + animates the layers from gamepad input
  • preview.png — static preview image

Credit

Related

License

Mozilla Public License 2.0 — see LICENSE.md. Modifications to source files must stay MPL-2.0; combined works can use another license as long as the MPL files keep their notices.