Overlays that mimic the borders of an older TV

Concat

Does anyone use TV overlays for consoles, or have a link to some different ones? They look pretty cool and the more I think about it, the more I want to set it up for my build along with Arcade bezels and handheld overlays.

undefined

I must be a white belt in google fu, because I can't find much.

Floob

You can use this video manager tool, or just rip the overlays out of it:
https://github.com/biscuits99/rp-video-manager

It also configured mame to have bezels and shaders etc..

http://libretro.com/forums/showthread.php?t=4047
https://github.com/libretro/common-overlays
http://libretro.com/forums/forumdisplay.php?f=11
http://retroarchborders.blogspot.co.uk/2014/02/size2this-guide-is-for-adding-display.html

Ekstreme

@Floob Do you know if there is a way to move the banner prompts when using overlays. EG, the yellow messages about controllers connected when them rom loads.

If you use overlays, it cuts the message off.

Floob

It shouldnt cut messages off, do you mean obscures them? You can increase the size in the retroarch.cfg with video_font_size = 12

Or position with this

video_message_pos_x = "0.040000"
video_message_pos_y = "0.050000"

Ekstreme

Thanks @Floob I'll give it a try

Ekstreme

Hi @Floob
For your video script, with modified settings of below look great on a 1080p screen. I can see my my RetroAchievement and other notifications perfectly without any obstruction from the overlays.

My default retroarch.cfg has video_font_size = "32"

Nintendo Gameboy:
video_font_size = "24"
video_message_color = 000000
video_message_pos_x = 0.335
video_message_pos_y = 0.233

Sega Master System:
video_message_pos_x = 0.175
video_message_pos_y = 0.06

Sega Mega Drive:
video_message_pos_x = 0.20
video_message_pos_y = 0.09

NES:
video_message_pos_x = 0.175
video_message_pos_y = 0.065

Super Nintendo:
video_message_pos_x = 0.20
video_message_pos_y = 0.09

I know it's not concise yet, but I'll work on other and share if you think it might be a good addition to your script?

Water White

I am using this one:

http://libretro.com/forums/showthread.php?t=481

Ekstreme

Just playing around, I've also made a much better Atari Lynx and added NGP\NGPC overlay. I need a better effect, but I'm having issues finding one to fit that is evenly square to match my real NGPC. I don't fully understand how the overlay effect works yet.

Ekstreme

I spent hours last night tearing my hair out over the overlay effect. Does anyone know exactly how the effect works when used in a border as oppose to filter and how to create it?

I copied and pasted a few screen cut outs from other borders onto mine, which worked but look crappy, as above. Seems to be getting the scan line\lcd pixel effect shape right and making sure it's smartly using the PNG transparency color, usually straight black

edmaul69

@Ekstreme post your actual .png files and i will gladly fix them for you

Ekstreme

I'll do it when I get home. Can you perhaps enlighten me to the secret?

Ekstreme

@edmaul69 Here you go. Thanks https://www.dropbox.com/sh/3ih6va6cepua3rw/AACltNCnWMbQB8_d8DVyKY_qa?dl=0

edmaul69

@Ekstreme the ng pocket pic isnt useable in the form you sent. your first problem is you cant make a filter in a .jpg. it needs to be a .png. second you dont put a filter over the whole image. and you cant use a program like mspaint. i just cut out one of the lcd screens from one of the overlays already made and carefully cobbled together a 1080p version and use that to cut out pieces to the size i need. these settings should work for the lynx.

video_fullscreen_x = 1920
video_fullscreen_y = 1080
custom_viewport_width = 968
custom_viewport_height = 628
custom_viewport_x = 443
custom_viewport_y = 228
aspect_ratio_index = 22
input_overlay = /opt/retropie/emulators/retroarch/overlays/1080p_4-3/Lynx_1080p.cfg
input_overlay_enable = "true"
input_overlay_opacity = 1.000000
input_overlay_scale = 1.000000
video_smooth = true

undefined

Ekstreme

@edmaul69 Sorry I'm a bit confused. The jpg was the Lynx file, I've upload the correct one, sorry about that, I was in a rush. This does have my attempt at an affect in it.

So how exactly do you create the image to have the correct looking effect? I thought it was a matter of creating the image cutting a display area out of the png leaving black (the png transparency color) then putting the effect over that area?

Ekstreme

Hi @edmaul69 I'd really appreciate you input on the png issues please. I think I can help add value to this project. or if you can point me to any more info.

Thanks

edmaul69

@Ekstreme so i just took the transparency filter used on other overlays and carefully made a full 1080 image of it so i can cut out a piece at any size i need. The transparency piece has to be done in a program that wont make it a solid color like ms paint. And it needs to be done as a png. I can post an image of the 1080 lcd overlay if you would like. Did i do the lynx how you wanted it? I tried to make it the best max lcd screen size so it wasnt super tiny like the original lynx overlay was.

Ekstreme

I haven't tried it yet as I was a bit confused. I can see the imaged has dithered a little bit too, but I can fix that. Other than that, it looks like it will do the trick.

I actually just quickly created my ones in Irfanview, but I'd use Gimp to do the final versions. Irfanview is not really an editor

If you could post the overlay you use that'd be great and I can get cracking. Might be best as an archive as I'm not sure if this forum compresses images.

edmaul69

@Ekstreme the file is actually on imgur for me. I have it set to not compress or resize the images.

edmaul69

I had posted a zip file with it before. Here it is:
overlays

Ekstreme

Perfect, thanks