7 Moviesflix Top Here

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

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

CLR Browser Installation

Head to the URL Generator to create your own gamepad URL
Click on the generated preview URL to copy it
In OBS, create a new CLR Browser source
Paste the copied URL in the "URL" text box in the browser source
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
Click "OK" and you're done!

7 Moviesflix Top Here

Please select the controller to use as a mapping base.

Axes

Buttons

Add New Mapping Need Help?

remove_circle add_circle

Fix Type:

Up:
Down:
Left:
Right:
Up and Right:
Up and Left:
Down and Right:
Down and Left:

7 Moviesflix Top Here

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.

7 Moviesflix Top Here

About this tool

Chroma Key Installation

CLR Browser Installation

What exactly is this?

How do I set this up to record/stream?

How do I make a custom skin?

Can I edit the skins instead of just making a custom one?

Player Number

Skin ID

Strength Meter

Scale Multiplier

Deadzone Radius

Input Delay

Rotational Stop

Custom CSS URL

Edit CSS URL

Axes

Buttons

Skin Adopters