gamepadviewer.com Open in urlscan Pro
2606:4700:3034::6815:3a4c  Public Scan

Submitted URL: http://gamepadviewer.com/
Effective URL: https://gamepadviewer.com/
Submission: On February 02 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form id="url-form">
  <div class="form-group"><label for="p-input">Player Number: </label><select id="p-input" name="p">
      <option value="">None (Meant for Chroma-Key users)</option>
      <option selected="" value="1">Player 1</option>
      <option value="2">Player 2</option>
      <option value="3">Player 3</option>
      <option value="4">Player 4</option>
    </select><span class="clear"></span></div>
  <div class="form-group"><label for="s-input">Skin: </label>
    <select id="s-input" name="s">
      <option value="">Choose a skin (Xbox One is Default)</option>
      <option value="1">Xbox One</option>
      <option value="0">Xbox One (White)</option>
      <option value="4">Xbox 360</option>
      <option value="2">PlayStation 3</option>
      <option value="10">PlayStation 3 (White)</option>
      <option value="5">PlayStation 4</option>
      <option value="8">PlayStation 4 (White)</option>
      <option value="9">GameCube</option>
      <option value="6">FightPad Pro</option>
      <option value="7">Fight Stick</option>
      <option value="3">NES</option>
      <option value="11">Nintendo 64</option>
    </select><span class="clear"></span>
  </div>
  <div class="form-group"><label for="smeter-input">Strength Meter: </label><input id="smeter-input" type="checkbox" name="smeter" value="1"><span class="clear"></span>
  </div>
  <div class="form-group"><label for="nocurve-input">Stick Curving: </label><input id="nocurve-input" type="checkbox" name="nocurve" class="flipped" value="1"><span class="clear"></span></div>
  <div class="form-group"><label for="sc-input">Scale Modifier: </label><input id="sc-input" type="text" name="sc" placeholder="1 = Normal, 2 = 2x, .5 = Half, etc..."><span class="clear"></span></div>
  <div class="form-group"><label for="dz-input">Deadzone Value: </label><input id="dz-input" type="text" name="dz" placeholder="Number from 0.0 to 1.0"><span class="clear"></span>
  </div>
  <div class="form-group"><label for="op-input">Opacity Value: </label><input id="op-input" type="text" name="op" placeholder="Number from 0.0 to 1.0"><span class="clear"></span>
  </div>
  <div class="form-group"><label for="delay-input">Delay Value: </label><span class="input-unit">ms</span><input id="delay-input" type="text" name="delay" placeholder="1000 = 1 second"><span class="clear"></span></div>
  <div class="form-group"><label for="rot-input">Rotation Stop: </label><span class="input-unit">deg</span><input id="rot-input" type="text" name="rot"><span class="clear"></span></div>
  <div class="form-group"><label for="soffset-input">Stick Offset Value: </label><span class="input-unit">px</span><input id="soffset-input" type="text" name="soffset" placeholder="Default is 22"><span class="clear"></span></div>
  <div class="form-group"><label for="css-input">Custom CSS URL: </label><input id="css-input" type="text" name="css" placeholder="http://url.to/custom/stylesheet.css"><span class="clear"></span></div>
  <div class="form-group"><label for="editcss-input">Edit CSS URL: </label><input id="editcss-input" type="text" name="editcss" title="This MUST be linked with https:// to work!" placeholder="https://url.to/custom/stylesheet.css"><span
      class="clear"></span></div>
  <input type="text" name="map" id="map-input" hidden="">
</form>

Text Content

Thank you so much for donating! You're awesome!
The GPV 2 Beta is live! Try it out now!!
menu
Currently Viewing: None Player 1 Player 2 Player 3 Player 4
Xbox One Xbox One (White) Xbox 360 PlayStation 3 PlayStation 3 (White)
PlayStation 4 PlayStation 4 (White) GameCube FightPad Pro Fight Stick NES
Nintendo 64

color_lens
GPV 2 Beta Discord
 * 

There are currently no gamepads connected. Press any button to enable...


VIDEOGAME_ASSET GAMEPAD VIEWER



 * info_outlineInfo
 * help_outlineFAQ
 * insert_drive_fileDocs
 * new_releasesChangelog
 * linkGenerate URL
 * gamepadRemap Buttons
   
   
 * contact_mailContact
 * starsDonate
 * 
 * chatDiscord Server
 * view_carouselTrello Board
 * live_tvTwitch
 * subscriptionsYouTube Channel
 * forumOBS Forums

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


PARAMETERS LIST

Ayyy

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


INFO & ABOUT


ABOUT THIS TOOL



I started out making this tool because I found that all the alternatives to
display gamepad input were too much of a hassle to set up or simply weren't
customizable enough to my liking. After a while, I realized that other people
could benefit from the tool I made, and ever since I've been updating and
extending the original features. I started out with only the Xbox 360 skin and
since then I've added several skins, the ability to create custom skins,
scaling, input delay and many more features.

Thankfully, this is all possible due to Marcin Wichary's Gamepad.js and
Tester.js libraries, which I've modified for my own purposes.


CHROMA KEY INSTALLATION

 1. Create new window capture source
 2. Select the window with the gamepad viewer
 3. Enable "Color Key"
 4. Next to "Color" click the "Select" button and use the eyedropper tool to
    select the brown background on the page
 5. Set the "Similarity" and "Blend" to your desired values
 6. Enable "Sub-Region"
 7. Click on "Select Region" and shrink the region box to the desired size
 8. Click "OK" and you're done!


CLR BROWSER INSTALLATION

 1. Head to the URL Generator to create your own gamepad URL
 2. Click on the generated preview URL to copy it
 3. In OBS, create a new CLR Browser source
 4. Paste the copied URL in the "URL" text box in the browser source
 5. The width and height will require playing around with inorder to get the
    right values, so simply work your way up or down from the default values the
    source already has set
 6. Click "OK" and you're done!

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


FREQUENTLY ASKED QUESTIONS


WHAT EXACTLY IS THIS?

This is a web-based tool used for representing gamepad input visually. You
basically get to see what you're doing with your gamepad on screen. Usually,
people would use a tool like this for showing their controller input on screen
for a stream or recorded video.


HOW DO I SET THIS UP TO RECORD/STREAM?

Just follow the steps on the Info page and you should be ready to go in no time.


HOW DO I MAKE A CUSTOM SKIN?

Well, you need to have some basic knowledge of CSS and how it works to make one
from scratch, but I have an example file which can help you. be sure to check up
on it every once in a while though as I do make changes to in to coincide with
updates on the site.


CAN I EDIT THE SKINS INSTEAD OF JUST MAKING A CUSTOM ONE?

Yes! You can use the editcss= URL parameter to point to a properly formatted CSS
file which will edit the currently selected skin. Here's a small example edit
file just to show what can be done.

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


PARAMETER DOCUMENTATION

This section contains documentation of each URL parameter. If you'd like to
generate your own custom URL, please visit this page.


PLAYER NUMBER

https://gamepadviewer.com/?p=1
 * N/A
 * 1
 * 1,2,3,4
 * Setting this parameter initiates "Compact Mode", which removes the background
   and UI elements so only the controller is displayed

The player number parameter is the main method of selecting which connected
controller to view in Compact Mode.


SKIN ID

https://gamepadviewer.com/?s=1
 * N/A
 * 1
 * 0,1,2,3,4,5
 * Setting the ID to anything other than the values above defaults the skin to
   '1', which is the "Xbox One" skin
 * Setting a player number (p=) is required if you plan on using the skin ID
   parameter

Setting a skin ID is the only way to choose what gamepad it is you'd like to
display in Compact Mode. If you'd like to use a custom skin, you'll need to read
about the css= parameter below.


STRENGTH METER

https://gamepadviewer.com/?smeter=1
 * N/A
 * 0
 * 0,1
 * Any value other than '1' disables this setting

When this setting is enabled, the visual representation for the triggers will be
strength meters instead of opacity levels.


SCALE MULTIPLIER

https://gamepadviewer.com/?sc=1.2
 * N/A
 * 1
 * Any number, including decimal values
 * Negative values simply flip the skin, while also scaling it negatively

Enabling this setting allows you to scale the gamepad's size using either
integer or decimal values.


DEADZONE RADIUS

https://gamepadviewer.com/?dz=0.3
 * N/A
 * .25
 * Any number from 0 to 1, including decimal values
 * Setting this to 1 or anything greater basically disables the sticks' movement

This setting is ideal if you have an old gamepad that's experiencing stick
drifting, or simply don't want every tiny movement made with the gamepad to be
displayed.


INPUT DELAY

https://gamepadviewer.com/?delay=2000
 * Milliseconds
 * 0
 * Any positive number

If you capture gameplay from a PS4 and have your controller connected to both
the computer and console, this setting is for you. Simply enter the stream delay
from the console to your PC in milliseconds and your inputs will be synced,
instead of ahead.


ROTATIONAL STOP

https://gamepadviewer.com/?rot=450
 * Degrees
 * 120
 * Any positive number
 * This number is half the total rotational stop of the wheel. E.g. A wheel with
   a 900deg max rotation will have a 450deg rotation stop.
 * Deadzone values WILL affect this setting. Setting dz=0 is recommended.

This setting is meant mainly for having the thumbsticks represent wheels, with
the option to set their max degree of rotation.


CUSTOM CSS URL

https://gamepadviewer.com/?css=https://gist.githubusercontent.com/mrmcpowned/d61ff0d8d0c57cc207d8/raw/minimal%2520xbox.css
 * N/A
 * None
 * Any URL pointing to a properly formatted CSS file
 * This parameter disables the id= parameter
 * Whatever the selected skin's CSS class is is replaced with the .custom class

Using this parameter allows you to completely change the design of the Gamepad
Viewer into one of your own or one somebody has shared.


EDIT CSS URL

https://gamepadviewer.com/?editcss=https://gist.githubusercontent.com/mrmcpowned/a787fc4f5307b7c008fb/raw/edit%2520example.css
 * N/A
 * None
 * Any URL pointing to a properly formatted CSS file
 * The .edit class is applied to all gamepads

Similar to the css= parameter, you can edit the currently selected skin's css
instead of making a completely new skin.

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


CHANGELOG


VERSION 0.7.0 - MARCH 8, 2017

 * New Skin: There's a sorta-new skin in the available list: The white PS3
   controller. Edits are courtesy of Million Lights
 * OBS Studio & Issues: A recent update to OBS Studio has updated the browser
   source, and in doing so has partially broken the Gamepad Viewer. A workaround
   exists so you can continue using the Gamepad Viewer until I can find out
   where it is exactly the bug that's causing this issue is, and fix it (but
   that will most likely take some time, cause school). The steps to fix are as
   follows: 1. Double click the Browser Source which has your Gamepad Viewer
   custom URL 2. Scroll down and click "Clear Cache" 3. Click "Cancel", not "OK"
   and not the "X" button at the top right 4. Make DOUBLE sure you click
   "Cancel" else you'll have to repeat steps 2 and 3.
 * I'm not dead: I'm still alive, even though school has me beaten down. I still
   answer emails though, so if you have any issues just send one of those, or if
   you're more of a cool kid like me, join me in my Discord server.


VERSION 0.7.0 - AUGUST 17, 2016

 * Patreon: Yup, this thing's on Patreon. If you know someone who'd be willing
   to support, feel free to point 'em in the right direction.
 * New Skin: The long-awaited and much-requested GameCube skin is finally out!
   Sorry I kinda took too long with this one, it's just that I wanted to get
   some stuff together and ship this with some other things that needed to be
   done, as follows...
 * GameCube controller Fix: So, if you own a GameCube controller and MayFlash
   adapter, you'd get some really weird values for the triggers and sticks, even
   if you tried remapping. Now, there's new remapping setting which can help you
   solve that! Just watch the update video to find out how to do just that!
 * Remapping Axis/Button exclusion: Another small but useful update to button
   remapping is the ability to disable a button or axes' ability to be selected
   when remapping inputs. This is typically useful for when you have an out of
   control axis that changes values rapidly and don't want it interfering with
   remapping. To cancel an input's mapping ability, simply right click it's blue
   box on the mapping page after a player is selected. To re-enable the input,
   simply right click the red box.
 * DPAD POV Mapping: Another common issue was that of DPADs that show up as a
   single axis input, or a Point-Of-View Hat Switch. With the new "DPAD"
   remapping option, just select the DPAD's axis, fill in the requested values,
   and the DPAD should be fixed!
 * Remapping feedback: When I was asking someone to test the new remapping
   options, i found that they had a hard time of telling if something worked or
   if it failed. To fix that, should a mapping failed, you'll see a persistent
   error message in red above the appropriate mapping, and if it succeeds, a
   green success message which fades away.
 * Remapping UI Populated via URL: Before when you would access exported
   remapping settings via URL, you couldn't edit them or customize them. Now,
   when accessing the exported mappings via URL, the remapping page will
   populate with the appropriate settings.
 * Input hints in Generate Page: Now, before entering information into the text
   boxes you see input hints. Hopefully this helps with people who are unsure of
   what to place in those inputs.
 * New Generate Page options: You can now disable stick curving and change the
   stick offset as well.


VERSION 0.6.2 - APRIL 27, 2016

 * New Digs: Now sure if you've noticed, but the URL doesn't say
   http://mrmcpowned.com/gamepad anymore! Yup, the site's on it's own special
   domain: https://gamepadviewer.com/ Don't worry about the old links either,
   they'll redirect here properly from the old address.
 * Discord: I've got a Discord Server setup for anyone who feels the need to
   chat or prefers help in a slightly faster manner. I'm usually on, although
   that doesn't mean not busy working either :P
 * Problems? Questions? Concerns?: If anything's broken, or if you need help, or
   just wanna say hi, you can always contact me using the contact form or by
   visiting the discord server linked above.


VERSION 0.6.1 - APRIL 23, 2016

 * Mapping Bugfix: Apparently mapping values for buttons that don't exist (like
   trying to show a touchpad or PS Button press) was broken before, but now it's
   not!
 * Swanky New Skin: Thanks to an anonymous benefactor, there's a new white DS4
   skin, and it looks sweeeeet.
 * DS4 Changes: The DS4's touchpad press is now represented (though not the
   touches on the touchpad, as I have no way of figuring out that information
   from the Gamepad API), as well as the PS button. Also, the sticks are
   inverted now when pressed, and I have no idea why I didn't set them to do
   that before. Enjoy!
 * Not much else: Yeah, not much else to this update. I've mostly been working
   on a site redesign for a podcast, so that's been my main focus so far in
   terms of work. Once I'm done with that, I'll probably get to work on this and
   go through the tasks I have listed on the trello.


VERSION 0.6.0 - MARCH 20, 2016

 * Getting Started: There's a getting started video on YouTube for anyone who's
   unsure about how to set up the tool, or for those who are curious and don't
   have a gamepad to test! It's also on the Info & About page too for easy
   access.
 * Pretty Colors: You can now change the color of the background with a click of
   a button! Just click the palette icon after you've connected your controller
   and voila, you're instantly a background artiste.
 * Gamepad Cartesian: Controller button remapping is finally here! It's got a
   swanky new modal, some very intuitive functionality, and even the ability to
   export mappings to the URL generator. Yay! If you're a little lost on how to
   use it, simply choose a connected player, add a mapping, select whether
   you're mapping an axis or button and select the appropriate choice from the
   dropdown, click the button to set an axis/button to be mapped to (at this
   point you have a three second window to press the desired button on the
   controller), and when you're finished that process with all applicable
   mappings, just click "Apply Mappings" or export them for use with Compact
   Mode. Author's Note - Yeah, it's a tad complicated, but I'll be making a
   video soon on how to set mappings up easily. Here's a sort of mini tutorial
   on how to do it. Also, the Touchpad and PS buttons work, it's just that none
   of the skins have anything set up for them when they're pressed.
 * New Skins: Finally, I've included a generic Fight Stick skin setup for use.
   The background's transparent so you can use your favorite image as your own
   background :D
 * White wash: Decided to have the top row of icons all be white to follow some
   sort of consistency.
 * Ah, the [Scale]ne Triangle: So, I kinda might have broken scaling during the
   last update. Luckily, I caught it quick and fixed it a couple days after I
   pushed the last major update, but I thought you should know anyway.
 * Generated Choice: Now if you generate a URL, the tooltip mentions you can
   hold shift and it'll copy the link starting with HTTP instead of HTTPS, which
   leads me to...
 * A word on HTTPS and skins: Ok, so during the last major update, I decided it
   would be great to force HTTPS. I mean, why not, right? Then I realized people
   load skins insecurely from their own sites, to which I hurriedly changed the
   setting. So, if your stylesheet or any assets are loaded via HTTP, access the
   site from HTTP, else use HTTPS.
 * To name, or not to name: Another sort of
   unimportant-but-still-interesting-I-kinda-suppose-maybe updates was changing
   the attribute used to select buttons and axes from name to data-name which
   has it fall more inline with HTML5's semantics. Riveting stuff, I know.
 * Addendum on Remapping: It should be noted that you can't half remap an axis,
   like say you only want to map the positive or only the negative end. If you
   try to do that, the mapping is just straight up ignored.


VERSION 0.5.1 - FEBRUARY 18, 2016

 * FightPad Pro Skin: Not much of an overall update, but an update nonetheless!
   Many a thanks to King Radinov for being the first skin adopter! If you'd like
   to show the right stick instead of the left stick, you can use this edit CSS
   as well.


VERSION 0.5.0 - FEBRUARY 1, 2016

 * New Slide-in Menu: Who needs square buttons when you have a whole menu to
   link to stuff. Stuff like...
 * Modals: All brand-spankin'-new content modals, for everything and anything
   that needs text on it.
 * Contact Form: If you're lonely and want someone to talk to or want to find
   out more info on the new...
 * Adopt a Skin Initiative: I don't think I could properly summarize what I have
   written on the page, so here's a link to it instead!
 * Edit CSS Parameter: Because sometimes you just want to make all the colors
   look psychedelic.
 * Edit Opacity Parameter: Sometimes you just want the controller to melt into
   the background, forever hidden yet always seen.
 * Click to copy: Now you can simply *click* and easily copy a generated URL.
   Speaking of which...
 * Generate custom URLs: Long gone are the cavemen times when man used to place
   numbers into address bars. Behold, a new age of typing things into forms and
   clicking to copy them dawns upon us!
 * Trigger meters: This a feature many of you have asked for, and one that I've
   neglected for far too long. It's finally here though and it looks sweeeeet.
 * Better controller centering CSS: This one isn't a very large announcement,
   since it only really affects custom skins but now centering them is done
   better and no longer necessary on the custom skin's end of things!
 * X360 Quadrant Fixed: Another bugfix, but anyone who would see a black square
   for the quadrant shouldn't be having that issue anymore.


VERSION 0.4.0 - NOVEMBER 18, 2015

 * Added a new skin, the DualShock 4! The trackpad can't show where your finger
   is, but pushing down on the trackpad is registered (but not shown because I
   haven't implemented that yet).
 * Added a new deadzone setting, just add &dz=[Any number from 0 to 1] to the
   URL! The default is set to .25 and the accepted values are anything between 0
   and 1 (although at 1 you wouldn't have anything showing because the max the
   sticks go to is 1)


VERSION 0.3.4 - NOVEMBER 8, 2015

 * Added a new skin, the DualShock 4! The trackpad can't show where your finger
   is, but pushing down on the trackpad is registered (but not shown because I
   haven't implemented that yet).
 * Added a new deadzone setting, just add &dz=[Any number from 0 to 1] to the
   URL! The default is set to .25 and the accepted values are anything between 0
   and 1 (although at 1 you wouldn't have anything showing because the max the
   sticks go to is 1)


VERSION 0.3.3 - OCTOBER 25, 2015

 * Added queueing, with code provided by romibi, so many a thanks to him.


VERSION 0.3.2 - AUGUST 15, 2015

 * Added custom styles! Now, you too can make your own controller skin and share
   it with your friends!
 * To apply a custom skin, add &css=[url to CSS file] to the end of the address.
 * Added some HTML for future fighstick functionality.


VERSION 0.3.1 - JULY 7, 2015

 * Added back the Xbox 360 skin, cause reasons
 * The new URL ID for the Xbox 360 skin is 4


VERSION 0.3.0 - JULY 6, 2015

 * Hello darkness my old friend I've come to speak with you again...
 * Finally updated the Xbox controller skin
 * Added a dark Xbox controller skin along with a white one
 * The new order of skins for the URL params is 0: White Xbox, 2: Dark Xbox, 3:
   PS Controller, 4: NES Controller
 * New Xbox skin is the first to be saved in SVG format, allowing for infinite
   scalability. Speaking of scaling..
 * You can now scale controllers using &sc=[scale multiplier] in the URL! Do
   note, this currently works best with the Xbox controller skins at the moment
   due to them being scalable vectors. The other controllers will look pixelated
   at larger sizes, but I'm working on moving them over to SVG a well :)
 * Added links to my Twitch, ImRaising and YouTube to the top bar.
 * I believe in the honor system. If you'd like to donate to me for how much of
   a help this tool I've made has been to you, I believe it's up to you to
   decide how much you think this app is worth.


VERSION 0.2.2 - MAY 26, 2014

 * Added the NES skin for some retro-ey goodness.


VERSION 0.2.1 - MAY 24, 2014

 * Now you can control the gamepad display via URL parameters. More on that
   here.


VERSION 0.2.1 - MAY 23, 2014

 * New PS3 Skin!
 * Along with this skin, a way to easily switch skins


PSA - JAN 31, 2014

 * Just want to point out that if you don't see much development happening on
   this, it's not because I've suddenly abandoned the project, but simply
   because school is my main priority; I only have so much time to dedicate when
   I have to allot most of it towards my studies.


VERSION 0.1.8 - JAN 21, 2014

 * The analog sticks may look a little trippy now. Don't worry, that's perfectly
   normal.


VERSION 0.1.7 - JAN 14, 2014

 * Bye, bye emoji. Hello, Font Awesome!
 * Made controller show a red silhouette with the word "Disconnected" when
   disconnected, instead of showing a frozen controller display.
 * Fixed "Changelog" from Chaneglog", because letters.


VERSION 0.1.6 - JAN 4, 2014

 * Changed the favicon to something a little more visually pleasing.


VERSION 0.1.5 - JAN 2, 2014

 * Added a link to the Open Broadcaster thread for discussion and user
   suggestions.


VERSION 0.1.4 - DEC 31, 2013

 * Applied better deadzoning so the analog sticks won't snap to top edges.
   Should be a more of a radial deadzone now.
 * Title now says which player is selected, so you don't have to fumble around
   with figuring out which window you want.


VERSION 0.1.3 - DEC 30, 2013

 * Changed the title from "Xbox Remote Control" to "Gamepad Viewer" for generic
   reasons
 * Moved the Viewer's location to https://mrmcpowned.com/gamepad from
   https://mrmcpowned.com/xbrc. The old URL redirects to the newer one.


VERSION 0.1.2 - DEC 29, 2013

 * Added a warning to the top of the help pane
 * Changed non-connected text to "There are currently no gamepads connected.
   Press any button to enable..."


VERSION 0.1.1 - DEC 28, 2013

 * Moved directional pad arrows to css for cleaner html. Will allow for easier
   skinning of the gamepad in the future.
 * Added a changelog
 * Added Emoji Symbols Font for donation button. If you like my work, and would
   like to "buy me a coffee", then simply click the coffee mug up top 👍.


VERSION 0.1 - DEC 26, 2013

 * Initial release

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


GENERATE CUSTOM URL

Click to copy URL (Hover to show)
Reset

Player Number: None (Meant for Chroma-Key users) Player 1 Player 2 Player 3
Player 4
Skin: Choose a skin (Xbox One is Default) Xbox One Xbox One (White) Xbox 360
PlayStation 3 PlayStation 3 (White) PlayStation 4 PlayStation 4 (White) GameCube
FightPad Pro Fight Stick NES Nintendo 64
Strength Meter:
Stick Curving:
Scale Modifier:
Deadzone Value:
Opacity Value:
Delay Value: ms
Rotation Stop: deg
Stick Offset Value: px
Custom CSS URL:
Edit CSS URL:
 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


BUTTON REBINDING

Please select the controller to use as a mapping base. None Player 1 Player 2
Player 3 Player 4


AXES


BUTTONS

add_circle Add New Mapping Need Help?

A/Cross B/Circle X/Square Y/Triangle LB/L1 RB/R1 LT/L2 RT/R2 Select/Back Start
LS/L3 RS/R3 D-Pad Up D-Pad Down D-Pad Left D-Pad Right PS Button TouchPad Press
LS Horizontal LS Vertical RS Horizontal RS Vertical Click to Set Click to Set
remove_circle add_circle
Fix Type: Trigger (0 to 1) Stick (-1 to 1) Click to Set Value Click to Set Value
 * Up: Click to Set Value
 * Down: Click to Set Value
 * Left: Click to Set Value
 * Right: Click to Set Value
 * Up and Right: Click to Set Value
 * Up and Left: Click to Set Value
 * Down and Right: Click to Set Value
 * Down and Left: Click to Set Value


Export Mapping to URL Generator Apply Mapping
 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


ADOPT A SKIN

All the currently served skins are made by me. I usually make them in my spare
time when I'm not working on the site itself. I also will usually make them to
take care of the demand for a certain skin. I don't get paid to offer this
service to all of you, and I know some of you have been wanting skins made for
some fairly obscure controllers, so as of right now you can adopt a skin! So,
what does it mean to adopt a skin? Well, the perks are as follows:

 * You get a "thank you" link under the Donations page
 * In the upcoming Skin Showcase, you'll have an "Adopted by" next to the skin,
   also with your link of choice
 * You get a copy of all the CSS and Assets for that skin to do with as you
   please
 * The files will be hosted on this site for easy access and use

While there are perks, there are also some stipulations, which are listed below:

 * The skin will be available to all users. This is why it's called "adopt a
   skin", although if you like, you have the option to exclusively use it for a
   MAXIMUM of 1 month.
 * As not every skin is the same, I can't really place a flat price on all of
   them, but the baseline pricing is $25.
 * Adopting a skin is a commitment, both on your part and mine. It takes time
   and vast amounts of effort for me to make these skins to the standard of
   quality I place. Because of this, the payment process will consist of 50% of
   the cost up front, and the other 50% at time of delivery. If you back out or
   decide not to pay the last half, I am entitled to keep the initial payment as
   a severance charge.

If you agree to the terms described above, clicking the button below will open
the contact page with the proper subject selected

I agree to the Terms and Conditions stated above and would like to inquire about
skin adoption.
 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


CONTACT ME

If you want to send me a message about asking me a question or anything like
that, just join the discord.

 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


DONATIONS

I'm a fair believer in the honor system, so I believe it's up to you to set the
amount of what you think my tools are worth to you. Below, you can choose to
give me a donation via PayPal (through Twitch Alerts). I've also set up a
Patreon for those who wish to donate via that.


SKIN ADOPTERS

 * King Radinov


Support via Patreon!
PayPal
 * Info
 * FAQ
 * Docs
 * Changelog
 * Generate URL
 * Remap Buttons
   
   
 * Contact
 * Donate

×


PARAMETERS LIST

Ayyy