NINTENDO "NES" - Animated Overlay

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

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 :man_shrugging: 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. :pensive:

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! :slight_smile: 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 :stuck_out_tongue: 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 :slight_smile:

1 Like

Wow that was a pain :stuck_out_tongue: but Iā€™ve done it :slight_smile: 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 :slight_smile:
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