Can you animate the Dpad as a whole object?
Normally when you press any side, the others should move accordingly. As it is now it looks a bit weird. Though not sure if you can do anything about it.
Looks great otherwise.
1 Like
oh man, you managed to work around the auto-scaling! nice work 
Can you animate the Dpad as a whole object?
I haven’t figured out any way to do so, no. If you treat it as a whole object, you can only do one animation, since it’s not really animation, it’s just using conditional transparency to show something underneath when you press it.
1 Like
I haven’t played with the overlay system too much so I’ll ask my noob questions ;).
Could it do layered transparencies? Like have a all 4 directions layered on top of each other with some parts semi transparent? So when you press right the left gets darker or something like that?
dunno, maybe 
I’ve tried a few things like that with no luck (I’ve also tried using negative transparency values, which apparently doesn’t work), but someone else may come up with something clever
2 Likes
Like @hunterk said. There is no way. As the images you see when the dpad is in not-pressed state. Are shown in screen. And when you press it, It gets transparent. Besides that, the other conflict to recreate that fully dpad, is that every button area cannot overlap with anyother button.
2 Likes
Yeah… kinda… Though you gotta use a different video scaling. Maybe if the autoscaling was enabled for the vertical positioning, the same video scaling could be used. (The Viewport stays aligned to top edge anyways). Maybe that was disabled in a time where all phones/tablets where the same height i guess…
1 Like
That woukd work. But unfortunately buttons can’t overlap with eachother. 
1 Like
Yeah ! Negative values ! If only the alpha setting could hide instead of showing the image on the “press action”.
1 Like
These animated Overlays are really excellent, great job!
I’ve been using the PS1 Overlay ever since I found it.
I have made a GB Overlay but it isn’t animated but I would like it to be.
If I were to upload it could you animate it for me please? I’ve looked at one of the animated cfg files but I can made heads or tails of it 
It would only be the dpad, the A and B buttons and Start, Select.
The animation works by having a static image in the background with everything “pressed”, and then you cover it with “un-pressed” images such that when you press them, the unpressed image becomes transparent, revealing the pressed image underneath.
1 Like
Ok that makes sense but what about the cfg? how do you go fill that out? I assume its positions and such but where do you get the numbers from?
those are normalized coordinates. You can find the input overlay documentation here: https://docs.libretro.com/development/retroarch/input/overlay/
3 Likes
Thank You, looks like I got some reading to do
1 Like
Wow that was a pain but I’ve done it it took ages, I couldn’t figure out a good way of getting the png positions… I basically had to guess then check on pc then rinse and repeat until I got the Dpad/Buttons/Start/Select dialed in… I bet there’s an easy way of doing it but I couldn’t figure it out.
Never Again! lol
2 Likes
heh, i don’t know of any better way, either. Every overlay I’ve made has been trial-and-error.
2 Likes
hey! well you experienced what i was about to reply in your first post, it is really time consuming and you need a lot of patience to get the images on the right spot/size.
like @hunterk said, check the documentation in the link he pointed out, and also i suggest you to use a basic animated overlay to learn how it works, i used the default nes one.
also use this great tool by @Valent-in
3 Likes
I did read the doc Hunter posted (thanks btw) it just didnt help with finding the right png positions.
I did use the nes animated overlay as a base, it actually helped alot
Thanks for the tool link, if I ever attempt another overlay I’ll check it out!
It shows black bars when I load the overlay on my laptop, but on WiiU (TV and Gamepad) the bars are not there.
3 Likes
looking good! and the tool is a SAVIOR!
2 Likes
Hi, @fercho I have some news for this
My PR has been accepted, so new options are available (nighty builds only)
overlay0_auto_x_separation = true
overlay0_auto_y_separation = false
Which are exclusively for auto-scale mode. “True” means separation (shift to sides) is enabled.
Previous parameter now works only for manual adjustment - overlay0_block_x_separation = true means separation is blocked.
You may try to use it even it is not in stable version. Also notice that default value for Y axis is “false”, so if this parameter is not present in config overlay will be centered vertically in portrait and landscape modes
4 Likes
Excellent! I’ll start adapting this ovelay so its ready when the new options are available in the regular RA version. Thanks !
1 Like