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

                                      @udb23 @JesseBlue

                                      yeah ive been flattening them rather than merging, i will have another attempt at them

                                      @JesseBlue love what you did with the Triple Hunt :P

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

                                        @JesseBlue @UDb23

                                        FINALLY !!!! :) i got it working

                                        will upload the new bezels soon just making a few tweaks

                                        thanks for all your help guys - much appreciated

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

                                          New Fixed Projected Bezels

                                          alt text

                                          alt text

                                          alt text

                                          alt text

                                          alt text

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

                                            Lunar Rescue:-

                                            0_1534775252409_lrescue-ovl.png

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