RetroPad Editor - create and edit onscreen gamepads

Sorry, I am a newbie,Every adjustment is not very accurate in the editor.how can I accurately determine the X or Y axis coordinate position of the image? thank you!

Sorry to bother you, I finally figured it out. It turns out that the coordinates are confirmed by the center point. I always thought it was the upper left point. :sweat_smile:

Hey @Valent-in, Is there a way to turn off the vibration for some buttons? I use buttons for some background images to build the overlay but I want just the real buttons used to play to vibrate not the whole thing.

Cheers.

Use reach_x = 0 for those buttons.

1 Like

Thanks for the tip, it worked.

1 Like

Hey there, is there a way to use RetroPad editor to set a hotkey for both keyboard and controller that can switch overlays? I noticed that RetroArch doesn’t have a built-in hotkey for this. It would be really cool to be able to cycle through overlays without having to dive into the menu every time.

Do you mean switch through different .cfg files? I do not think this is possible.

1 Like

Never mind. I’ll just create a dropdown menu to switch between my preferred overlays. Thank you for your time.

Cheers.

Hi, I dont understand I’m facing the same problem and added the following lines from neo-retropad.cfg(and something similar to the potrait that points to landscape) but Its still not working.

overlay0_desc20 = ā€œoverlay_next,0.50000000000000000000,0.04397705544933078192,radial,0.02150537634408602322,0.03824091778202676900ā€

overlay0_desc20_next_target = ā€œportraitā€

full cfg:

overlays = 2

overlay0_name = "landscape"
overlay0_full_screen = true
overlay0_normalized = true
overlay0_range_mod = 1.5
overlay0_alpha_mod = 2.0
overlay0_aspect_ratio = 1.7777778
overlay0_auto_x_separation = true
overlay0_auto_y_separation = true
overlay0_block_x_separation = false
overlay0_block_y_separation = false
overlay0_descs = 20
overlay0_desc0 = "left,0.07188,0.77778,radial,0.04479,0.06852"
overlay0_desc0_overlay = dpad-left.png
overlay0_desc1 = "right,0.17813,0.77778,radial,0.04479,0.06852"
overlay0_desc1_overlay = dpad-right.png
overlay0_desc2 = "up,0.12500,0.68333,radial,0.03854,0.07963"
overlay0_desc2_overlay = dpad-up.png
overlay0_desc3 = "down,0.12500,0.87222,radial,0.03854,0.07963"
overlay0_desc3_overlay = dpad-down.png
overlay0_desc4 = "left|up,0.05625,0.65556,rect,0.03021,0.05370"
overlay0_desc5 = "right|up,0.19375,0.65556,rect,0.03021,0.05370"
overlay0_desc6 = "left|down,0.05625,0.90000,rect,0.03021,0.05370"
overlay0_desc7 = "right|down,0.19375,0.90000,rect,0.03021,0.05370"
overlay0_desc8 = "a,0.93750,0.77778,radial,0.04167,0.07407"
overlay0_desc8_overlay = A.png
overlay0_desc9 = "b,0.87500,0.88889,radial,0.04167,0.07407"
overlay0_desc9_overlay = B.png
overlay0_desc10 = "x,0.87500,0.66667,radial,0.04167,0.07407"
overlay0_desc10_overlay = X.png
overlay0_desc11 = "y,0.81250,0.77778,radial,0.04167,0.07407"
overlay0_desc11_overlay = Y.png
overlay0_desc12 = "start,0.60000,0.91852,rect,0.03958,0.04444"
overlay0_desc12_overlay = start_rounded_big.png
overlay0_desc13 = "select,0.40000,0.91852,rect,0.04063,0.04259"
overlay0_desc13_overlay = select_rounded_big.png
overlay0_desc14 = "l,0.03089,0.13277,rect,0.05208,0.09259"
overlay0_desc14_overlay = L1.png
overlay0_desc15 = "save_state,0.14736,0.13861,rect,0.03939,0.06682"
overlay0_desc15_overlay = show.png
overlay0_desc16 = "r,0.97083,0.13453,rect,0.05208,0.09259"
overlay0_desc16_overlay = R1.png
overlay0_desc17 = "load_state,0.85121,0.13744,rect,0.04115,0.06799"
overlay0_desc17_overlay = hide.png
overlay0_desc18 = "menu_toggle,0.07800,0.43509,radial,0.02604,0.04629"
overlay0_desc18_overlay = rgui.png
overlay0_desc19 = "toggle_fast_forward,0.92092,0.43567,radial,0.02539,0.0429"
overlay0_desc19_overlay = fast_forward.png
overlay0_desc19_overlay = fast_forward.png
overlay0_desc20 = "overlay_next,0.50000000000000000000,0.04397705544933078192,radial,0.02150537634408602322,0.03824091778202676900"
overlay0_desc20_next_target = "portrait"


overlay1_name = "portrait"
overlay1_full_screen = true
overlay1_normalized = true
overlay1_range_mod = 1.5
overlay1_alpha_mod = 2.0
overlay1_aspect_ratio = 0.56236559139784946237
overlay1_auto_x_separation = true
overlay1_auto_y_separation = false
overlay1_block_x_separation = false
overlay1_block_y_separation = false
overlay1_descs = 21
overlay1_desc0 = "left,0.12037,0.85411,radial,0.07963,0.03856"
overlay1_desc0_overlay = dpad-left.png
overlay1_desc1 = "right,0.30926,0.85411,radial,0.07963,0.03856"
overlay1_desc1_overlay = dpad-right.png
overlay1_desc2 = "up,0.21481,0.80094,radial,0.06852,0.04481"
overlay1_desc2_overlay = dpad-up.png
overlay1_desc3 = "down,0.21481,0.90725,radial,0.06852,0.04481"
overlay1_desc3_overlay = dpad-down.png
overlay1_desc4 = "left|up,0.09259,0.78532,rect,0.05370,0.03023"
overlay1_desc5 = "right|up,0.33704,0.78532,rect,0.05370,0.03023"
overlay1_desc6 = "left|down,0.09259,0.92288,rect,0.05370,0.03023"
overlay1_desc7 = "right|down,0.33704,0.92288,rect,0.05370,0.03023"
overlay1_desc8 = "a,0.88889,0.85411,radial,0.07407,0.04169"
overlay1_desc8_overlay = A.png
overlay1_desc9 = "b,0.77778,0.91663,radial,0.07407,0.04169"
overlay1_desc9_overlay = B.png
overlay1_desc10 = "x,0.77778,0.79157,radial,0.07407,0.04169"
overlay1_desc10_overlay = X.png
overlay1_desc11 = "y,0.66667,0.85411,radial,0.07407,0.04169"
overlay1_desc11_overlay = Y.png
overlay1_desc12 = "start,0.70000,0.64984,rect,0.07037,0.02502"
overlay1_desc12_overlay = start_rounded_big.png
overlay1_desc13 = "select,0.30000,0.64984,rect,0.07222,0.02398"
overlay1_desc13_overlay = select_rounded_big.png
overlay1_desc14 = "l,0.04815,0.68007,rect,0.09259,0.05210"
overlay1_desc14_overlay = L1.png
overlay1_desc15 = "save_state,0.10359,0.52789,rect,0.06449,0.03650"
overlay1_desc15_overlay = show.png
overlay1_desc16 = "r,0.95185,0.68007,rect,0.09259,0.05210"
overlay1_desc16_overlay = R1.png
overlay1_desc17 = "load_state,0.89641,0.52847,rect,0.07324,0.03825"
overlay1_desc17_overlay = hide.png
overlay1_desc18 = "menu_toggle,0.51388,0.5238,radial,0.04633,0.02606"
overlay1_desc18_overlay = rgui.png
overlay1_desc19 = "toggle_fast_forward,0.51563,0.64912,radial,0.0499,0.02599"
overlay1_desc20 = "overlay_next,0.02473118279569892428,0.95602294455066916257,radial,0.02150537634408602322,0.03824091778202676900"
overlay1_desc20_next_target = "landscape"
overlay1_desc20_reach_x = 1.6
overlay1_desc20_reach_y = 1.6

It’s not reading your last descriptor, so it can’t take effect. That is, this needs to be ā€˜21’ instead.

1 Like

working now! thanks mod man.

1 Like

How do I add custom icons? I’ve been trying for days.

Edited cfg myself to point but it still doesn’t load. Edited icon .png to be transparent Resized .png Compared .pngs that load in the editor to .pngs that don’t and can’t find the difference

What gives?

Maybe wrong file format (jpg image saved with png extension)?

Hi there. New to the forums, and registered exclusively to make a question.

I’ve been trying to make animated Overlays for Gameboy… but I can’t make the buttons ā€œanimateā€. Found your tool couple days ago, but I’ts not that user friendly for me. Sure, I got the Buttons all scaled up and in the ā€œproperā€ position with the X-Y sliders, but ultimately couldn’t find how to export everything as exporting .cfg file didn’t worked. I’m assuming it must be me.

Does anyone know of a more intuitive tool that I could use in order to make animated overlays with more ease?

Thanks in advance!

Overlay consists of two parts: config file and images. Download and unpack archive with images (link near .cfg export), put config in folder with .png files.

Looks like first question already answered. Also you can use Common-Overlays Repo as reference

1 Like