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.
    • 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
                                          • UDb23U
                                            UDb23 @Stuart2773
                                            last edited by

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

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

                                            Do you flatten the image before saving the image ? That destroys transparency.
                                            Usually I use "merge visible" layers before saving to PNG and it keeps transparencies.

                                            Stuart2773S 1 Reply Last reply Reply Quote 0
                                            • 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.