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

[Theme Changes] Attention Theme Makers: Upcoming Game Collections in ES

Scheduled Pinned Locked Moved Ideas and Development
themescollectioncustom system
224 Posts 21 Posters 121.3k 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.
  • M
    mediamogul Global Moderator @cyperghost
    last edited by 20 Jul 2017, 17:04

    @cyperghost

    Maybe you can work with color gradiation? Red to yellow/orange from outbounds of the star to inner? You need a strong color to keep shape. Otherwise it will look blurry.

    That's a very good idea. I'll try it out.

    RetroPie v4.5 • RPi3 Model B • 5.1V 2.5A PSU • 16GB SanDisk microSD • 512GB External Drive

    1 Reply Last reply Reply Quote 0
    • C
      Capeman
      last edited by Capeman 21 Jul 2017, 02:48

      On the favorites system, every game shows the emulator name in brackets after the game name.

      Can these emulator names be removed in the theme file or is there another setting for this? I see where some people may want to know what system every game on the list is fromt, but I think it just makes the list look cluttered.

      Vector Artist, Designer and Maker of Stuff: Laser Cut Atari / Pixel Theme Bartop

      M C 2 Replies Last reply 21 Jul 2017, 03:46 Reply Quote 0
      • M
        mattrixk @Capeman
        last edited by 21 Jul 2017, 03:46

        @capeman I dunno, it seems kind of necessary. Take Tetris for example. There are at least 30 games for different Systems simply called "Tetris". It's not until the early 90s that they start to be called other names (Super Tetris, Vs Tetris, Tetris II, etc).

        This is just a simple example, but it illustrates my point. A lot of the early cross-console games shared the same name, no matter what console. If I wanted to play the MegaDrive version of The Lion King, I would potentially have to search through 6 Systems (MegaDrive, Super NES, Nintendo Entertainment System, Game Boy, Game Gear, Master System) to find the one I want.

        As an alternative to the [system] suffix, I'd like to be able to display the System Logo of the game somewhere on the screen.

        My ES themes: MetaPixel | Spare | Io | Indent

        C 1 Reply Last reply 21 Jul 2017, 12:31 Reply Quote 0
        • C
          cyperghost @Capeman
          last edited by cyperghost 21 Jul 2017, 06:52

          @capeman You can fork ES and change this behaviour. I also think it's a usefull feature and should not be switched off nor there should be an option to switch it off.

          You can search sourcecode for this and it may work if you comment it out - I didn't test nor can I code anything in c++

          	mCollectionFileName += " [" + strToUpper(mSourceFileData->getSystem()->getName()) + "]";
          

          @pjft Why mDirty?

          P 1 Reply Last reply 21 Jul 2017, 07:03 Reply Quote 0
          • P
            pjft @cyperghost
            last edited by 21 Jul 2017, 07:03

            @cyperghost

            https://stackoverflow.com/questions/13503243/what-does-dirty-flag-dirty-values-mean

            It means it needs the name needs to be updated as it has changed (or not been initialized). I don't want to have to always compute the name every time we render as it's expensive and unnecessary. :)

            @Capeman I'm not considering adding yet another option at this stage, unless there's a significant number of requests. If/when there are changes to the theming architecture to support console icons (and to make clear, that is not on my particular roadmap, as theming is not my forte), then there may be a bigger case to remove them, but for now it seems to be useful for those particular use cases.

            But open to feedback, as usual.

            C C 2 Replies Last reply 21 Jul 2017, 07:11 Reply Quote 1
            • C
              cyperghost @pjft
              last edited by cyperghost 21 Jul 2017, 07:11

              @pjft I told him where the magic of uppercase+romname+[] is ... so I see no problem of compiling onself.
              I agree with you that there no changes will be made ...
              But what do you think of an "advancedsettings.cfg" - file?
              I know you want ES easily be setted up ... but that's the only way I see to get things optional or selectable without overloading the Main Menu in ES.

              Thanks for the link ... writePending would sound more specific.

              P 1 Reply Last reply 21 Jul 2017, 07:12 Reply Quote 0
              • P
                pjft @cyperghost
                last edited by 21 Jul 2017, 07:12

                @cyperghost It's not only about the menus. Creating, maintaining and updating that code - together with testing the possible combinations with new features - can easily turn into a big mess.

                1 Reply Last reply Reply Quote 0
                • C
                  cyperghost
                  last edited by 21 Jul 2017, 07:14

                  I'm with you

                  1 Reply Last reply Reply Quote 0
                  • C
                    Capeman @mattrixk
                    last edited by 21 Jul 2017, 12:31

                    @mattrixk said in [Theme Changes] Attention Theme Makers: Upcoming Game Collections in ES:

                    I dunno, it seems kind of necessary. Take Tetris for example. There are at least 30 games for different Systems simply called "Tetris". It's not until the early 90s that they start to be called other names (Super Tetris, Vs Tetris, Tetris II, etc).

                    I see your point to an extent, but if you have box art enabled, you would know right away which system or version you were playing. I'm just suggesting that it would be an option you could turn off. Even if there were 30 versions of tetris or multiple versions of lion king, you would probably only favorite the one you like best anyway.

                    Vector Artist, Designer and Maker of Stuff: Laser Cut Atari / Pixel Theme Bartop

                    1 Reply Last reply Reply Quote 0
                    • C
                      Capeman @pjft
                      last edited by Capeman 21 Jul 2017, 12:42

                      @pjft said in [Theme Changes] Attention Theme Makers: Upcoming Game Collections in ES:

                      I'm not considering adding yet another option at this stage, unless there's a significant number of requests. If/when there are changes to the theming architecture to support console icons (and to make clear, that is not on my particular roadmap, as theming is not my forte), then there may be a bigger case to remove them, but for now it seems to be useful for those particular use cases.
                      But open to feedback, as usual.

                      If the need to keep them is there maybe possibly cleaning up the naming structure would make it a little more appealing to read.

                      2 Examples:
                      Atari games added to favorites say ATARI2600 with no space
                      Mame games say MAME-LIBRETRO

                      It appears to me (the non-coder noob) that the name is derived from the folder the rom is contained in, maybe instead if it pulled the system name from the <fullname> tag for the system under es_systems.cfg that would make for a cleaner look since those names are meant to be read by the user, where as rom folder names are meant for the backend.

                      BUT of course if the name IS pulled from the folder name, i suppose i could just edit es_systems.cfg to look for a folder called just MAME instead of MAME-LIBRETRO and change the folder name and it should update accordingly, right? OR just move all of my FBA and MAME over to the arcade folder.

                      Sorry if I'm nitpicking but I'm a perfectionist when it comes to UI. Web designer problems i suppose.

                      Vector Artist, Designer and Maker of Stuff: Laser Cut Atari / Pixel Theme Bartop

                      P 1 Reply Last reply 21 Jul 2017, 13:38 Reply Quote 0
                      • P
                        pjft @Capeman
                        last edited by pjft 21 Jul 2017, 13:38

                        @capeman pretty sure I'm reading the short system name that's in the systems config file.

                        Meaning that you can likely edit them yourself, correct. :)

                        1 Reply Last reply Reply Quote 0
                        • O
                          ohmycommodore
                          last edited by 21 Jul 2017, 15:55

                          I think the name in brackets in the collections is handy, though yes, it does clog up some whitespace that adds to the look of some themes. It's a compromise and works well enough as is.

                          If these lists could be formatted so your favourite games, for example, could be presented under headings... that would eliminate the redundant text but retain the functionality.

                          SEGA GENESIS
                          Sonic
                          NHL 94
                          etc

                          C64
                          Jumpman
                          Lode Runner
                          etc

                          One step beyond that might be a toggle to turn on or off these headings, essentially switching between something like this, and the current presentation. A grouped vs ungrouped sort of thing.

                          1 Reply Last reply Reply Quote 0
                          • U
                            UDb23
                            last edited by UDb23 23 Jul 2017, 19:02

                            @pjft Update on icons and text logos.
                            Did some testing about the size of standard Carbon theme System and Controller SVGs.
                            Picked a couple of them (size in pixels):
                            Systems
                            macintosh: 566,92 118,865 no border
                            G&W: 566,92 129,21 left & right border
                            Intellivision: 566,92 89,33 no border

                            controllers
                            lynx: 598 350 border top 62 bottom 52 left 46 right 53
                            mac: 598 350 border top 17 bottom 15

                            For Systems it seems width (566) is fixed ) and it makes sense for icon spacing. There's for sure also a limit in height but height of SVG varies.

                            Controllers have fixed max size: 598 by 350.

                            With this info I resized the custom Folder controller icons so now they should appear of similar size of the other controllers.
                            Can you please test them ?

                            The following new text icon is a test for correct icon sizing and for "simulating" shadows (check inside of F letter).
                            0_1500836026840_d_favorites.PNG
                            As ES does not support transparency or blur, I'm placing shapes with ad hoc gradients.
                            It is a long process to do so let me know if you like the "donkey kong" favorites style and, if shadows appear nicely in ES, I will
                            then complete the logo.

                            I had little time to dedicate this WE so you need to be patient for new "all games" and "collections" logos ;-)

                            You can find all this updated stuff here.

                            P 1 Reply Last reply 23 Jul 2017, 19:10 Reply Quote 1
                            • P
                              pjft @UDb23
                              last edited by 23 Jul 2017, 19:10

                              @udb23 I do like this new style for favorites, actually :)

                              What do you mean by ES not supporting shadows or transparencies, though?

                              U 1 Reply Last reply 23 Jul 2017, 19:45 Reply Quote 0
                              • U
                                UDb23 @pjft
                                last edited by 23 Jul 2017, 19:45

                                @pjft I mean that ES has only limited support for SVG (subset of SVG format functions).
                                If the SVG contains trasparencies or blurring these will not be displayed.

                                Unless there has been an update to ES to fully support SVG standard...

                                U 1 Reply Last reply 23 Jul 2017, 19:46 Reply Quote 0
                                • U
                                  UDb23 @UDb23
                                  last edited by 23 Jul 2017, 19:46

                                  @udb23 And shadows are usually done with those functions in SVG.

                                  P 1 Reply Last reply 23 Jul 2017, 20:02 Reply Quote 0
                                  • P
                                    pjft @UDb23
                                    last edited by 23 Jul 2017, 20:02

                                    @udb23 oh. I had no idea.

                                    Maybe that's something that can be added - I'd suggest not investing in shadows and such things yet as it may be that those can be added in the coming weeks/months, would that be a reasonable thought process?

                                    T 1 Reply Last reply 23 Jul 2017, 20:11 Reply Quote 0
                                    • T
                                      TMNTturtlguy @pjft
                                      last edited by 23 Jul 2017, 20:11

                                      @pjft @UDb23 you can do transparencies, shadows, and blurring with png formats, plus ES handles png files better, and they are easier to create. I understand that the svg format scales better, but having invested a ton of time playing with .svg and .png formats and the help of @pjft in researching and dissecting how ES handles the files I would suggest at least trying to use a png file type and see how it goes. This will solve the issues with the current logos, as well as keep us from investing time into trying to add features for svg files.

                                      U 1 Reply Last reply 23 Jul 2017, 21:13 Reply Quote 0
                                      • U
                                        UDb23 @TMNTturtlguy
                                        last edited by 23 Jul 2017, 21:13

                                        @tmntturtlguy said in [Theme Changes] Attention Theme Makers: Upcoming Game Collections in ES:

                                        you can do transparencies, shadows, and blurring with png format

                                        I'm aware of that ;-)
                                        To create overlays I combine both bitmap AND vector images, using the best of the two worlds. There has been already plenty of discussion in this forum about bitmap (raster) vs vector and what it implies for ES.
                                        Vectors (SVG) often means more effort to create 'em but also means graphics are perfectly scalable (resolution independent). That's the reason why I still prefer SVG for ES logos.

                                        @pjft ES relies on a "miniSVG" library if I remember well. Getting full SVG support (like in web browsers or programs like Illustrator & Inkscape) would probably be quite complicated and, even more, probably be too much taxing for the Pi's processing power.

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          Capeman
                                          last edited by Capeman 24 Jul 2017, 01:27

                                          @pjft said in [Theme Changes] Attention Theme Makers: Upcoming Game Collections in ES:

                                          @udb23 oh. I had no idea.

                                          Maybe that's something that can be added - I'd suggest not investing in shadows and such things yet as it may be that those can be added in the coming weeks/months, would that be a reasonable thought process?

                                          Standardized svg (ie 1.2 TINY) is pretty barebones. When you try to do additional effects such as transparency and drop shadows, all it does is rasterize them into alpha transparent bitmaps dropped into clipping masks when exported. It's basically what happens with eps, you end up with lots of embedded bitmaps or linked files. For a simple drop shadow this might be size efficient, but once you get into complicated vectors with lots of effects, the final output won't be much better in the case of file size than simply using PNG (often time's it's much worse).

                                          The only non-proprietary standard that currently has support for vector transparency is EPS 3.1 (equivalent to Adobe Illustrator 10) - and that's only transparency, things like drop shadows and layer effects are still not supported in any non-proprietary vector format without being converted on output. Adding support for proprietary formats such as Adobe Illustrator, Corel Draw, Affinity Designer, Freehand or other such files would be an overly complicated endeavor. It's best to just mimic effects your looking for in your actual vector drawing in a way that is compatible with the most basic svg functions with the creative use of gradients, shapes and intersections.

                                          I do logo design for a day job and stock vector imagery on Adobe Stock and Shutterstock on the side, the guidelines for vector compatibility in the stock vector space are extremely tight, one open curve or added effect is instant image rejection, so this specific issue is something I'm very familiar with. If anyone needs any tips on how to achieve vector effects without using "effects" i can help out.

                                          I tossed together a quick mockup of the donkey kong effect done in ES svg safe vectors, it's easy enough to mimic if you want to spend a couple minutes.

                                          0_1500860522772_Screen Shot 2017-07-23 at 9.32.43 PM.jpg

                                          Vector Artist, Designer and Maker of Stuff: Laser Cut Atari / Pixel Theme Bartop

                                          U 1 Reply Last reply 24 Jul 2017, 05:40 Reply Quote 1
                                          170 out of 224
                                          • First post
                                            170/224
                                            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.

                                            This community forum collects and processes your personal information.
                                            consent.not_received