Please note that I do not provide support over RUclips, if you need help please use the obs forums or the github issues. obsproject.com/forum/resources/input-overlay.552/ github.com/univrsal/input-overlay/issues
Thank you for all of this, it's really appreciated. A couple questions for you: - Is there a way to add a mouse movement element but have it use the graphic of a functioning analog stick? - I've partially figured out how to edit and add graphics, but I was wondering if there was a way to alter the way overly graphics appear, i.e. rotate and/or resize an element independently of other elements?
Man! You are amazin! Only a tip for noobs like my! You have to export the JSON (the JSON is the "code" to use as setup on your OBS for showing the right keys)
when I select an area with the red tool and then try to move the canvas with right click and then do a leftclick to get out of the movement mode it recognize it 90% of the time as a new red box selection just cause it tried to get out of the canvas movement mode, this has to be adjusted. it's driving me insane
how do I get a buttons code? I've been struggling with this for a LONG time and there are absolutely no tutorials online that help with this. I have a special controller I was shown but I dont know it's code or how to find or obtain it
cool plugin for sure! im having trouble getting my controller inputs recognized by it. The plugin doesn't seem to "see" the controller when i try to map the inputs to the corresponding buttons
it would seem that the controller input for the recording the binding does not work, nor does the tool have the ability to read the controller input as provided through steamlink. I know this software has only gotten harder to use and less consistent but this is definitely preventing it getting adopted for anything but the most basic use cases
arrow keys just arent compatible?? i wanted to make an overlay for the arrow keys and they work fine in the editor but no response in OBS. i thought maybe i was doing something wrong and decided to do a quick test changing my "up arrow" element to read the "w" key and it worked flawlessly. i would definitely like to know whats the deal with the arrow keys or if it really is something on my end.
@@hianara3126 ok man. You will need the 4.7.4b release. Locate and extract util, and then run demo hook async.exe (make sure obs is closed). Type the key you need and then write down the keycode, which should look like "0x28" for example. Go to the overlay editor and paste the code by unchecking the key detector. I used "0x0028" to make my key work in this example.
@@polhikkii2431 i dont think you understand my problem correctly, i have the input overlay working fine in obs. im using a simple "wasd" layout i created but i would much prefer it to be the arrow keys. i can make a simple video showcasing the two overlays if need be.
When I create a button in github tool, it show the exact key, but when i put the texture and json in obs it makes my keyboard into qwerty (i want to create an azerty so Z makes it W even tho in github it is working) why ?
all preset show wasd where i need (HJKLi) :( update, now i can make my own as the video shown but is there any hjkli texture? i mean i make K key but Q texture/image...i need the K
You right-click to navigate and left-click once to get out of "navigating mode", so to speak. A bit unintuitive but its fine once you get used to it. Hope this might be useful to someone else even if i'm answering 9 months later
How do I convert a .ini file to .json? I tried an online converter but it does not work... I need this to use an old preset that has its config in .ini
On OBS, when you add a new “Imput overlay” source to your scene, you are prompt to select the overlay image and the JSON file, so you browse your overlay image and the json file there.
So they can't... be abnormal sizes, then. Like, the pressed and unpressed buttons have to be *exactly* the same size or it won't work, then, is what I'm getting from this.
Possible to add more than one config? i.e. looks like a more than sufficient keyboard, and mouse, are both included. I'd like to just plug both of those in and rock on. Not finding it obvious in the settings where exactly to do that.
I'm trying to reproduce a joystick look with the keyboard controls. How exactly do you convert the .json into a .ini? EDIT: nevermind, downloading the installer for the version 5 did it for me.
@@bloodninja4628 just get the installer for the latest version, restart your computer if you must and then re add the controller overlay, check into its settings and it should now take your json
Im trying to remap the arcade stick positions into arrow key movements and also trying to remap some png files in place of regular keyboard inputs is that possible?
i have a question, im trying to make my [gif/ custom image] respond anytime i press any button on my keyboard and disappear when im not typing. the image is just a little animated gif. how can i do this? if you wanna chat on discord about it, or if im being too vague let me know.
I'm sure this is very useful but I don't even know where to start, you didn't show those things. I want to make a custom overlay for a game but my one option right now is to use the whole keyboard overlay
The right mouse button it's switched with the middle mouse button, I couldn't correct it. The site does it right, but the end result in OBS gets switched.
Could someone please provide a full keyboard layout .psd, preferably a Qwertz layout? The current layout-projects file only seems to contains a .psd file with the wasd keys only. The layout in the tutorial does contain way more keys:-(
There is a presente with all keys on the download file, exactly as he is showing. You open that "full" file as texture and the "full" json file for config, and then edit it as you want.
@@realkiwisadge I took a preset, and changed the ini data to my keys. In the data is everything explained what u need to change. If u have still questions, feel free to ask me :)
@@Incompleteness you need the key codes (like L is 26) and a preset in data. And now u replace the stuff in the ini data like you want to. It's everything explained in the ini data, so it shouldn't be that hard.
please provide default configurations and graphics for people that are not uber-l337 coders or graphic artists. ALSO - TUTORIALS SHOULD WALK THROUGH THE PROCESS FROM THE BEGINNING! PLUGIN IS UNUSABLE!
@@NicMediaDesign This person is not articulating their problem perfectly and you are not articulating the solutions perfectly. I'm not trying to insult either of you, most of us aren't born teachers. There is a gap between the end of the install video and the beginning of this video. We are definitely missing the foundational information of the config tool. I've been fiddling with it and it seems like some documentation would be helpful. I'm continuing to go through this stuff and see if I missed something. It is usable and a good tool, just confusing on the setup to some people. It sounds like English isn't your first language either which might be a barrier also.
Please note that I do not provide support over RUclips, if you need help please use the obs forums or the github issues.
obsproject.com/forum/resources/input-overlay.552/
github.com/univrsal/input-overlay/issues
This was *a lot easier* than I'd originally thought.
Thank you VERY much for this guide!
dude thank you so much for not only creating the plagin, but for website and guide! this is awesome!!!
Thank you for all of this, it's really appreciated.
A couple questions for you:
- Is there a way to add a mouse movement element but have it use the graphic of a functioning analog stick?
- I've partially figured out how to edit and add graphics, but I was wondering if there was a way to alter the way overly graphics appear, i.e. rotate and/or resize an element independently of other elements?
Thankyou for this, it has helped with a few of the problems I'm having.
Man! You are amazin! Only a tip for noobs like my! You have to export the JSON (the JSON is the "code" to use as setup on your OBS for showing the right keys)
when I select an area with the red tool and then try to move the canvas with right click and then do a leftclick to get out of the movement mode it recognize it 90% of the time as a new red box selection just cause it tried to get out of the canvas movement mode, this has to be adjusted. it's driving me insane
Same.
It's so fast to make! Great tutorial, and the fact it has chapters it's really helpful to just see what you need to see. Really appreciate it.
how do I get a buttons code? I've been struggling with this for a LONG time and there are absolutely no tutorials online that help with this. I have a special controller I was shown but I dont know it's code or how to find or obtain it
cool plugin for sure! im having trouble getting my controller inputs recognized by it. The plugin doesn't seem to "see" the controller when i try to map the inputs to the corresponding buttons
it would seem that the controller input for the recording the binding does not work, nor does the tool have the ability to read the controller input as provided through steamlink. I know this software has only gotten harder to use and less consistent but this is definitely preventing it getting adopted for anything but the most basic use cases
arrow keys just arent compatible??
i wanted to make an overlay for the arrow keys and they work fine in the editor but no response in OBS. i thought maybe i was doing something wrong and decided to do a quick test changing my "up arrow" element to read the "w" key and it worked flawlessly. i would definitely like to know whats the deal with the arrow keys or if it really is something on my end.
try running obs as admin
@@polhikkii2431 running as admin had no effect sadly
@@hianara3126 ok man. You will need the 4.7.4b release. Locate and extract util, and then run demo hook async.exe (make sure obs is closed). Type the key you need and then write down the keycode, which should look like "0x28" for example. Go to the overlay editor and paste the code by unchecking the key detector. I used "0x0028" to make my key work in this example.
@@polhikkii2431 i dont think you understand my problem correctly, i have the input overlay working fine in obs. im using a simple "wasd" layout i created but i would much prefer it to be the arrow keys. i can make a simple video showcasing the two overlays if need be.
@@hianara3126 Yes, I do not understand your problem. If you can re-phrase from the beginning I'm sure it'll work out better for everyone.
Simply amazing, thank you!
When I create a button in github tool, it show the exact key, but when i put the texture and json in obs it makes my keyboard into qwerty (i want to create an azerty so Z makes it W even tho in github it is working) why ?
Yeah but, what's the font used in the default overlay? I need to add F6 and I want to keep the original style you know.
Have you found the font used? If not I think it could be BIGNOODLE OBLIQUE ITALIC...
@@umakorn Nope. Sadly not.
thank you so much! Wicked stuff!
all preset show wasd where i need (HJKLi) :(
update, now i can make my own as the video shown but is there any hjkli texture? i mean i make K key but Q texture/image...i need the K
why its unlisted? make it public please!
What are the navigation keys and inputs you're using for the website because I'm having trouble panning around the canvas.
You right-click to navigate and left-click once to get out of "navigating mode", so to speak. A bit unintuitive but its fine once you get used to it. Hope this might be useful to someone else even if i'm answering 9 months later
How do I convert a .ini file to .json? I tried an online converter but it does not work... I need this to use an old preset that has its config in .ini
what program are you using?
Does anyone know what to do with the .JSON file? The video just cuts off there. I've looked on the wiki but can't find anything documented on it...
On OBS, when you add a new “Imput overlay” source to your scene, you are prompt to select the overlay image and the JSON file, so you browse your overlay image and the json file there.
does exist any layout free include on software Input Overlay?
So they can't... be abnormal sizes, then. Like, the pressed and unpressed buttons have to be *exactly* the same size or it won't work, then, is what I'm getting from this.
Possible to add more than one config? i.e. looks like a more than sufficient keyboard, and mouse, are both included. I'd like to just plug both of those in and rock on. Not finding it obvious in the settings where exactly to do that.
Yes, you can add the input overlay as many times you want with different textures and layouts.
where do i get the image texture file from i cant find where to download it
idk
nice and awesome and photoshop files for the keyboard and controller?
I'm trying to reproduce a joystick look with the keyboard controls. How exactly do you convert the .json into a .ini?
EDIT: nevermind, downloading the installer for the version 5 did it for me.
im trying to do the same thing and i have the latest version how did you get yours to work?
@@bloodninja4628 just get the installer for the latest version, restart your computer if you must and then re add the controller overlay, check into its settings and it should now take your json
U added a controller overlay ?im talking about a dpad overlay
Im trying to remap the arcade stick positions into arrow key movements and also trying to remap some png files in place of regular keyboard inputs is that possible?
What font do you use for the text on these?
do you have a preset? im to lazy to make my own
i have a question,
im trying to make my [gif/ custom image] respond anytime i press any button on my keyboard and disappear when im not typing.
the image is just a little animated gif.
how can i do this?
if you wanna chat on discord about it, or if im being too vague let me know.
Just deactivate the overlay via hotkeys in OBS - or - use a key to trigger the image with OBS hotkeys instead of this overlay.
Does this work with vjoy/joystick gremlin?
What Software Do I Use to Edit it
can you change the colors of the keys?
Yes, you can create an overlay exactly like you want it.
This is amazing!!
I'm sure this is very useful but I don't even know where to start, you didn't show those things. I want to make a custom overlay for a game but my one option right now is to use the whole keyboard overlay
He showed it all. I was able to create an overlay from scratch in half an hour. What steps are you missing?
how i can change the input
The right mouse button it's switched with the middle mouse button, I couldn't correct it. The site does it right, but the end result in OBS gets switched.
Then switch it in your texture...
Could someone please provide a full keyboard layout .psd, preferably a Qwertz layout? The current layout-projects file only seems to contains a .psd file with the wasd keys only. The layout in the tutorial does contain way more keys:-(
There is a presente with all keys on the download file, exactly as he is showing. You open that "full" file as texture and the "full" json file for config, and then edit it as you want.
How cann I add it now in OBS?
or what do I need to do now with the json data?
@@bamkillerr if you find out what youre supposed to do pls let me know
@@realkiwisadge I took a preset, and changed the ini data to my keys. In the data is everything explained what u need to change. If u have still questions, feel free to ask me :)
@@Incompleteness nothin. Idk why we should make it
@@Incompleteness you need the key codes (like L is 26) and a preset in data. And now u replace the stuff in the ini data like you want to. It's everything explained in the ini data, so it shouldn't be that hard.
thanks, now I understand that
So in theory I should be able to create a Reddragon keypad and show that.
Yes, I created a "Movemaster" overlay from scratch, works like a charm.
It's dropping by 4 pixels not 3
No, it is dropping by three pixels.
please provide default configurations and graphics for people that are not uber-l337 coders or graphic artists. ALSO - TUTORIALS SHOULD WALK THROUGH THE PROCESS FROM THE BEGINNING! PLUGIN IS UNUSABLE!
Plugin is usable. There is another video for the installation in the forum post through which you found this video...
@@NicMediaDesign This person is not articulating their problem perfectly and you are not articulating the solutions perfectly. I'm not trying to insult either of you, most of us aren't born teachers.
There is a gap between the end of the install video and the beginning of this video. We are definitely missing the foundational information of the config tool. I've been fiddling with it and it seems like some documentation would be helpful. I'm continuing to go through this stuff and see if I missed something. It is usable and a good tool, just confusing on the setup to some people. It sounds like English isn't your first language either which might be a barrier also.
Actually incredible.