RetroPie forum home
    • Recent
    • Tags
    • Popular
    • Home
    • Docs
    • Register
    • Login

    Arcade 16:9 Overlays (1920x1080)

    Scheduled Pinned Locked Moved Projects and Themes
    overlay
    75 Posts 11 Posters 33.7k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • UDb23U
      UDb23 @Stuart2773
      last edited by UDb23

      @stuart2773 said in Arcade 16:9 Overlays (1920x1080):

      not sure how to get it to work but is there anyway to have the bezel sitting behind the game? so that the ingame graphics are not obscured by the bezel. like how the "mame .lay files work?"

      Unfortunately Libretro does not support backdrops.
      As you correctly pointed out Mame does (with its own lay format) and can be implemented in Mame 2010 onwards but it makes the games too slow.
      We are (kindly) "pushing" advancemame's developer to make the older Mame artwork (.art) work correctly. We could then run the classics games using "backdrop" in advancemame.

      1 Reply Last reply Reply Quote 1
      • J
        johnWick @Stuart2773
        last edited by

        @stuart2773
        thanks for sharing this post

        1 Reply Last reply Reply Quote 1
        • Stuart2773S
          Stuart2773
          last edited by Stuart2773

          New "projected" bezels

          Space Invaders Deluxe / Part 2
          Discs of TRON / Environmental
          Triple Hunt (Witch Hunt)
          Boot Hill

          alt text

          alt text

          alt text

          alt text

          1 Reply Last reply Reply Quote 4
          • Stuart2773S
            Stuart2773
            last edited by Stuart2773

            new overlays added

            Kageki
            Galaga 88
            Shao Lins Road
            Berzerk
            Fix it Felix Jr.

            alt text

            0_1533223403347_galaga88-ovl.png

            0_1533223507005_shaolins-ovl.png

            0_1533223534555_berzerk-ovl.png

            0_1533223559534_felix.png

            1 Reply Last reply Reply Quote 5
            • J
              jozzy1
              last edited by

              wow, really amazing works man. I especially like the projected ones (space invaders)… very cool :D

              1 Reply Last reply Reply Quote 1
              • GreenHawk84G
                GreenHawk84
                last edited by

                Could you make the Contra one with a smaller "game information" section? It covers the nice jungle art!

                Stuart2773S 1 Reply Last reply Reply Quote 0
                • JesseBlueJ
                  JesseBlue @Stuart2773
                  last edited by

                  @stuart2773 said in Arcade 16:9 Overlays (1920x1080):

                  Retroarch quick menu / onscreen overlay / overlay opacity = 0.50
                  (0.50 seems to be a good compromise)

                  Why don´t you do it in the PNG itself? This way the borders could be at 100% and the screen at 50%.

                  1 Reply Last reply Reply Quote 0
                  • Stuart2773S
                    Stuart2773 @GreenHawk84
                    last edited by

                    @greenhawk84 said in Arcade 16:9 Overlays (1920x1080):

                    Could you make the Contra one with a smaller "game information" section? It covers the nice jungle art!

                    If i made the "game information" any smaller it would become unreadable on screen.

                    @jesseblue said in Arcade 16:9 Overlays (1920x1080):

                    @stuart2773 said in Arcade 16:9 Overlays (1920x1080):

                    Retroarch quick menu / onscreen overlay / overlay opacity = 0.50
                    (0.50 seems to be a good compromise)

                    Why don´t you do it in the PNG itself? This way the borders could be at 100% and the screen at 50%.

                    It doesn't work like that, its not the png screen part that needs to 50% its the actual game screen sprites that need to be 50%. The overlays actually sit behind the game play field,

                    by reducing the game play field to around 50% this makes it semi transparent, so the overlay png behind it shows though.

                    1 Reply Last reply Reply Quote 0
                    • GreenHawk84G
                      GreenHawk84
                      last edited by

                      @Stuart2773, it's okay, "game information" or "how to play" lol, it's your stuff (and it's good work) but I thought I would send one nitpick.

                      Thanks for the nice bezels!

                      1 Reply Last reply Reply Quote 1
                      • johnodonJ
                        johnodon
                        last edited by

                        @Stuart2773 @UDb23 It would be awesome if you guys could collaborate and have one big happy repo. :D

                        1 Reply Last reply Reply Quote 1
                        • JesseBlueJ
                          JesseBlue
                          last edited by JesseBlue

                          @stuart2773 said in Arcade 16:9 Overlays (1920x1080):

                          It doesn't work like that, its not the png screen part that needs to 50% its the actual game screen sprites that need to be 50%. The overlays actually sit behind the game play field, by reducing the game play field to around 50% this makes it semi transparent, so the overlay png behind it shows though.

                          I don´t think that´s correct. The overlay (as the name suggests) sits above the gameplay. Libretro Documentation: Overlays

                          This is your modified Space Invaders overlay with 35% opacity on the screen and 100% on the bezel :

                          Retroarch Setting:

                          video_scale_integer = "true"
                          input_overlay_opacity = "1.000000"

                          0_1534623169292_invaders_ovl.jpg

                          The overlay png:

                          0_1534630118866_invaders_ovl.png

                          UDb23U Stuart2773S 3 Replies Last reply Reply Quote 1
                          • UDb23U
                            UDb23 @JesseBlue
                            last edited by UDb23

                            FYI
                            Overlays are of course placed on top of the game graphics.
                            As already said libretro cores do not support Backdrops and these would be needed for Space Invaders background. Probably Advancemame will correctly support these in the future.
                            Concerning Libretro overlays, the setting for overlay opacity in the cfg file impacts the opacity (read : inverse of transparency) of the whole overlay image.
                            PNG files can contain transparency information (JPG cannot) and therefore to "simulate" a backdrop you apply transparency % (by using a graphics/photo editor software) to the part of the overlay image that is supposed to be "below" game graphics.
                            This makes the game graphics stand out even if the overlay is on top.

                            1 Reply Last reply Reply Quote 0
                            • Stuart2773S
                              Stuart2773 @JesseBlue
                              last edited by

                              This post is deleted!
                              1 Reply Last reply Reply Quote 0
                              • Stuart2773S
                                Stuart2773 @JesseBlue
                                last edited by Stuart2773

                                @jesseblue

                                cheers :O, i really didn't think it was possible to get the same effect but you proved me wrong, thanks for pointing me in the right direction, im going to attempt and try to recreate what you done on some other overlays i did.

                                thanks again for the heads up, much appreciated :)

                                UPDATE: i tried but with no luck :(

                                Space Invaders PT2, BootHill, Discs of Tron, in photoshop i set the screen image to 35% Opacity, the bezel sides were already set at 100%, saved the image, transferred to the pi, loaded the games, set the RA input_overlay_opacity = "1.000000"

                                but no luck, i wasnt able to see the game, the overlay just obstructed everything,
                                what am i doing wrong? its some silly oversight that im completely missing.

                                alt text

                                cheers.

                                JesseBlueJ 1 Reply Last reply Reply Quote 0
                                • JesseBlueJ
                                  JesseBlue @Stuart2773
                                  last edited by JesseBlue

                                  @stuart2773: It doesn't work because that png has no transparency at all. ;)

                                  I'm not sure what went wrong, but maybe you want to check out my psd file of the Space Invaders overlay: invaders.psd

                                  It consists of two layers: The bezel at 100% opacity and the background at 35%.

                                  1 Reply Last reply Reply Quote 0
                                  • Stuart2773S
                                    Stuart2773
                                    last edited by Stuart2773

                                    @JesseBlue

                                    can you take a look at these? and see where im going wrong?

                                    1 Reply Last reply Reply Quote 0
                                    • JesseBlueJ
                                      JesseBlue
                                      last edited by JesseBlue

                                      boothill: No opacity set for the background layer. The default Photoshop background layer (the one with the little lock icon) should not be activated.

                                      dotron: Same as boothill.

                                      frogs: The four background layers should be grouped into a folder. This new folder should be set to 35% (or whatever you prefer) opacity.

                                      invaders: No opacity set for the background layer.

                                      invadpt2: The default Photoshop background layer should not be activated.

                                      triplhnt: This one is a bit messed up. ;) You don't have the foreground and background properly separated. Unfortunately, there is no easy fix aside from starting from scratch. This is how it might look: www.atarimuseum.com/orubin/Witch-Hunt.jpg

                                      Here are the corrected files: bezels_fixed.zip

                                      I hope this helps. I really appreciate your work! :)

                                      Stuart2773S 1 Reply Last reply Reply Quote 2
                                      • johnodonJ
                                        johnodon
                                        last edited by

                                        This is awesome! I hope this all works as hoped because those 3d'ish bezel look fantastic!

                                        1 Reply Last reply Reply Quote 0
                                        • Stuart2773S
                                          Stuart2773 @JesseBlue
                                          last edited by Stuart2773

                                          @jesseblue

                                          thanks for those, i understand how its working now, but for some strange reason even with the fixed versions you provided im unable to get any of the transparency to work, its driving me crazy, i keep getting the same files everytime. my photoshop must be f***ed up

                                          i even created a new bezel from scratch using your method and i get exacly the same non working bezel with no transparency :@ agghhhhhhhhhhh

                                          i dont have any problem whatsoever with the transparency with normal bezels i created, just these "projected ones"

                                          JesseBlueJ UDb23U 2 Replies Last reply Reply Quote 0
                                          • JesseBlueJ
                                            JesseBlue @Stuart2773
                                            last edited by JesseBlue

                                            @stuart2773

                                            That's odd. How do you save your png files within Photoshop?

                                            FYI
                                            I've managed to recreate the Triple Hunt / Witch Hunt overlay. :)

                                            0_1534701071965_triplhnt.jpg

                                            0_1534713842859_triplhnt.png

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

                                            Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.