Input Overlay - Config Tool Tutorial

Поделиться
HTML-код
  • Опубликовано: 12 янв 2025

Комментарии • 82

  • @vrsal
    @vrsal  3 года назад +2

    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

  • @absurddive
    @absurddive 2 года назад +14

    This was *a lot easier* than I'd originally thought.
    Thank you VERY much for this guide!

  • @radagamchannel8565
    @radagamchannel8565 11 месяцев назад +1

    dude thank you so much for not only creating the plagin, but for website and guide! this is awesome!!!

  • @CouchCit
    @CouchCit 2 года назад +2

    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?

  • @Phazox47
    @Phazox47 3 года назад +2

    Thankyou for this, it has helped with a few of the problems I'm having.

  • @FabioRBelotto
    @FabioRBelotto 3 года назад +1

    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)

  • @overdev1993
    @overdev1993 3 года назад +7

    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

  • @delilh325
    @delilh325 6 месяцев назад

    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.

  • @jebronekitty
    @jebronekitty 2 года назад +1

    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

  • @Intro_TheCharter
    @Intro_TheCharter 7 месяцев назад

    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

  • @hotdrowlibrarian
    @hotdrowlibrarian 7 месяцев назад

    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

  • @hianara3126
    @hianara3126 3 года назад +3

    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.

    • @polhikkii2431
      @polhikkii2431 3 года назад

      try running obs as admin

    • @hianara3126
      @hianara3126 3 года назад

      @@polhikkii2431 running as admin had no effect sadly

    • @polhikkii2431
      @polhikkii2431 3 года назад

      @@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.

    • @hianara3126
      @hianara3126 3 года назад

      @@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.

    • @polhikkii2431
      @polhikkii2431 3 года назад

      @@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.

  • @JonDTM
    @JonDTM 2 года назад

    Simply amazing, thank you!

  • @slimscudtwo
    @slimscudtwo 4 месяца назад

    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 ?

  • @FalB27
    @FalB27 3 года назад +1

    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.

    • @umakorn
      @umakorn 3 года назад

      Have you found the font used? If not I think it could be BIGNOODLE OBLIQUE ITALIC...

    • @FalB27
      @FalB27 3 года назад

      @@umakorn Nope. Sadly not.

  • @xRays6
    @xRays6 2 года назад

    thank you so much! Wicked stuff!

  • @sasugaaniki8314
    @sasugaaniki8314 3 года назад

    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

  • @kimalyn202
    @kimalyn202 Год назад +2

    why its unlisted? make it public please!

  • @wapeddell
    @wapeddell 2 года назад

    What are the navigation keys and inputs you're using for the website because I'm having trouble panning around the canvas.

    • @kaaiuta
      @kaaiuta 2 года назад +5

      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

  • @rostranj2504
    @rostranj2504 3 года назад

    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

  • @NickKnack0
    @NickKnack0 9 месяцев назад

    what program are you using?

  • @Bruceja
    @Bruceja 11 месяцев назад

    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...

    • @update8269
      @update8269 10 месяцев назад

      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.

  • @zombie_kurz
    @zombie_kurz 3 года назад +4

    does exist any layout free include on software Input Overlay?

  • @justcuz8202
    @justcuz8202 Год назад

    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.

  • @michaelwplde
    @michaelwplde 2 года назад

    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.

    • @NicMediaDesign
      @NicMediaDesign Год назад

      Yes, you can add the input overlay as many times you want with different textures and layouts.

  • @kingboy6144
    @kingboy6144 3 года назад +1

    where do i get the image texture file from i cant find where to download it

  • @ekombat2149
    @ekombat2149 Год назад

    nice and awesome and photoshop files for the keyboard and controller?

  • @polhikkii2431
    @polhikkii2431 3 года назад +1

    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
      @bloodninja4628 3 года назад

      im trying to do the same thing and i have the latest version how did you get yours to work?

    • @polhikkii2431
      @polhikkii2431 3 года назад

      @@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

    • @bloodninja4628
      @bloodninja4628 3 года назад

      U added a controller overlay ?im talking about a dpad overlay

    • @bloodninja4628
      @bloodninja4628 3 года назад

      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?

  • @coldReactive
    @coldReactive Год назад

    What font do you use for the text on these?

  • @Xishere430
    @Xishere430 7 месяцев назад

    do you have a preset? im to lazy to make my own

  • @Pendoodler
    @Pendoodler 3 года назад +1

    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.

    • @NicMediaDesign
      @NicMediaDesign Год назад

      Just deactivate the overlay via hotkeys in OBS - or - use a key to trigger the image with OBS hotkeys instead of this overlay.

  • @0Metatron
    @0Metatron Год назад

    Does this work with vjoy/joystick gremlin?

  • @PandaDuhhh
    @PandaDuhhh Год назад

    What Software Do I Use to Edit it

  • @srobset8241
    @srobset8241 3 года назад +1

    can you change the colors of the keys?

    • @NicMediaDesign
      @NicMediaDesign Год назад

      Yes, you can create an overlay exactly like you want it.

  • @SkyboyGaming
    @SkyboyGaming 3 года назад

    This is amazing!!

  • @alexandervouzenthal8163
    @alexandervouzenthal8163 3 года назад +1

    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

    • @NicMediaDesign
      @NicMediaDesign Год назад

      He showed it all. I was able to create an overlay from scratch in half an hour. What steps are you missing?

  • @AddictiiveGamer
    @AddictiiveGamer 4 месяца назад

    how i can change the input

  • @milla4devs195
    @milla4devs195 3 года назад

    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.

  • @yumpox
    @yumpox 3 года назад +2

    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:-(

    • @FabioRBelotto
      @FabioRBelotto 3 года назад

      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.

  • @bamkillerr
    @bamkillerr 3 года назад +2

    How cann I add it now in OBS?

    • @bamkillerr
      @bamkillerr 3 года назад +2

      or what do I need to do now with the json data?

    • @realkiwisadge
      @realkiwisadge 3 года назад

      @@bamkillerr if you find out what youre supposed to do pls let me know

    • @bamkillerr
      @bamkillerr 3 года назад

      @@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 :)

    • @bamkillerr
      @bamkillerr 3 года назад

      @@Incompleteness nothin. Idk why we should make it

    • @bamkillerr
      @bamkillerr 3 года назад

      @@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.

  • @cobrinaricato1981
    @cobrinaricato1981 3 года назад

    thanks, now I understand that

  • @lbmcconnell
    @lbmcconnell 2 года назад

    So in theory I should be able to create a Reddragon keypad and show that.

    • @NicMediaDesign
      @NicMediaDesign Год назад

      Yes, I created a "Movemaster" overlay from scratch, works like a charm.

  • @JaxxHunter
    @JaxxHunter 3 года назад

    It's dropping by 4 pixels not 3

  • @Bitcoin_Baron
    @Bitcoin_Baron 3 года назад

    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
      @NicMediaDesign Год назад

      Plugin is usable. There is another video for the installation in the forum post through which you found this video...

    • @thorinteague989
      @thorinteague989 Год назад

      @@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.

  • @TechSupportDave
    @TechSupportDave Год назад

    Actually incredible.