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

Input needed: ES theming improvements

Scheduled Pinned Locked Moved Projects and Themes
themethemingemustationimprovementsbrainstorm
255 Posts 32 Posters 164.1k 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.
  • N
    Nismo @Zigurana
    last edited by 20 Dec 2016, 14:25

    @Zigurana Thanks a lot, it's a nice commit, i'll try to find some time to test and comment here, I'm a little busy lately because the christmas.

    1 Reply Last reply Reply Quote 0
    • R
      Rookervik Global Moderator @Zigurana
      last edited by 20 Dec 2016, 17:41

      @Zigurana Ok this version works. I will test it out some when I have a little more time.

      1 Reply Last reply Reply Quote 1
      • R
        Rookervik Global Moderator
        last edited by 23 Dec 2016, 17:13

        I do not think video preview is working in this build of ES. I tried setting it up for 3 days and couldn't get it to work. I downloaded fieldofcow's ES and it worked right away.

        I will test the carousel bar next.

        Z 1 Reply Last reply 14 Jan 2017, 14:00 Reply Quote 2
        • Z
          Zigurana @Rookervik
          last edited by 14 Jan 2017, 14:00

          @Rookervik / anyone else :
          Did you manage to try out the theming of the carousel bar?
          If there are no open bugs, I'll prepare a PR for this.

          If tetris has thought me anything, it's that errors pile up and that accomplishments dissappear.

          J N 2 Replies Last reply 14 Jan 2017, 16:48 Reply Quote 1
          • J
            jdrassa @Zigurana
            last edited by 14 Jan 2017, 16:48

            @Zigurana

            I haven't had a chance to test your changes, but I did look over your code and had a couple of suggestions.

            • Make element names camel case. This would make it consistent with how the other elements are named.
            • Merge logosizex and logosizey into a single logoSize element. This is how size is specified everywhere else in the theme.

            Here is an example of the theme with these changes.

             <systemcarousel name = "carousel">
                <yPos>0.80</yPos>
                <height>0.1</height>
                <color>f0f0f000</color>
                <infobarColor>90909060</infobarColor>
                <infobarFontPath>./art/font.ttf</infobarFontPath>
                <infobarFontSize>0.033</infobarFontSize>
                <infobarFontColor>ffffffff</infobarFontColor>
                <logoScale>1.2</logoscale>
                <logoSize>0.22 0.24</logoSize>
                <maxLogoCount>5</maxLogoCount>
            </systemcarousel>
            

            Also, I believe that you mentioned that you fixed the default sizes, but it doesn't look like that change made it into your branch on github.

            It is all nitpicky, but I figured I would mention it. Great job though. Can't wait to see this change land.

            Get latest build of EmulationStation for Windows here

            1 Reply Last reply Reply Quote 2
            • N
              Nismo @Zigurana
              last edited by Nismo 14 Jan 2017, 17:07

              @Zigurana I like a lot the commit you did, and it's very nice to theming carousel bar, it was something that I always thinking that must be themable, i'm glad with you for this commit, but unfortunately i need to compile it for windows to test it, because I don't have money to buy a Rpi, and I'm very busy with other things, I don't have time to do tests or try to compile it for windows.

              Anyway I'm here for helping the forum and contribute with everything I can, so if I can help you on anything else, please tell me, I'll be glad to help you.

              I hope you understand me welll, sorry for my poor english.

              Regards mate.

              M 1 Reply Last reply 14 Jan 2017, 21:16 Reply Quote 1
              • M
                mattrixk @Nismo
                last edited by 14 Jan 2017, 21:16

                @Nismo there is a pre-compiled version here (you can find it a bit further up this thread). I haven't had the chance to test it yet as I'm on mobile, but Rook said it works.

                My ES themes: MetaPixel | Spare | Io | Indent

                1 Reply Last reply Reply Quote 0
                • R
                  Rookervik Global Moderator
                  last edited by Rookervik 14 Jan 2017, 22:46

                  I only just got the ES with themable carousel to work. The logos are still extremely small, and the right hand logo loads slowly. I will try theming the bar now. ES also crashes on exit. So it doesn't seem terribly stable.

                  Getting a lot of "lvl1: OptionListComponent too narrow!" Errors in debug.

                  And in trying to get the carousel themed, I had no luck. With the download mattrixk provided in the comment above.

                  M 1 Reply Last reply 15 Jan 2017, 03:16 Reply Quote 0
                  • M
                    mattrixk @Rookervik
                    last edited by 15 Jan 2017, 03:16

                    @Rookervik My bad, I must have misread what you said. Too lazy to go up and check.

                    My ES themes: MetaPixel | Spare | Io | Indent

                    R 1 Reply Last reply 15 Jan 2017, 03:55 Reply Quote 0
                    • R
                      Rookervik Global Moderator @mattrixk
                      last edited by 15 Jan 2017, 03:55

                      @mattrixk No bad on your part. I just couldn't get the carousel to theme. Not your fault in any way.

                      1 Reply Last reply Reply Quote 0
                      • B
                        ben0bi @Zigurana
                        last edited by 16 Jan 2017, 03:26

                        @Zigurana Is it done? I really could use it for my carbon based special theme here: http://github.com/ben0bi/esLIEB

                        Need to adjust y position.

                        Regards
                        ben0bi

                        1 Reply Last reply Reply Quote 0
                        • B
                          ben0bi @Zigurana
                          last edited by 16 Jan 2017, 03:29

                          @Zigurana Cool. Did not see it, sorry for the other reply.

                          1 Reply Last reply Reply Quote 0
                          • E
                            EctoOne
                            last edited by EctoOne 23 Jan 2017, 14:27

                            wow, i think i need to try to build this on my pi so that i can get from this
                            before
                            to this
                            after.

                            Awesome Job!

                            M L 2 Replies Last reply 24 Jan 2017, 00:50 Reply Quote 1
                            • M
                              mattrixk @EctoOne
                              last edited by 24 Jan 2017, 00:50

                              I like the look of that theme @EctoOne. I'm curious to see the rest of it.

                              My ES themes: MetaPixel | Spare | Io | Indent

                              E 1 Reply Last reply 24 Jan 2017, 01:16 Reply Quote 0
                              • L
                                lilbud @EctoOne
                                last edited by 24 Jan 2017, 00:53

                                @EctoOne 0_1485219232472_upload-22f36353-e98d-4425-8d26-ef9e40d92ccc

                                Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                                Backlog: http://backloggery.com/lilbud

                                N 1 Reply Last reply 24 Jan 2017, 03:26 Reply Quote 0
                                • E
                                  EctoOne @mattrixk
                                  last edited by EctoOne 24 Jan 2017, 01:16

                                  @mattrixk It's basically a Mix of NBBA and your Systemlogos from the Io theme. I just removed the dynamic graphics from NBBA, googled for a dark wallpaper and a different font (for the carousel mod, I actually had to add an invisible font as well to completely hide the 'XX Games available' text).
                                  I was looking for a theme that had the same look as the Quartz theme I use on Kodi. And NBBA was almost perfect in terms of layout, although I'm kinda missing the description text but it would look bad with my square Mix Images from the Universal XML Scraper.
                                  Maybe I can upload a screenshot of the basic and detailed view later when I'm back home.

                                  M 1 Reply Last reply 24 Jan 2017, 01:47 Reply Quote 0
                                  • M
                                    mattrixk @EctoOne
                                    last edited by 24 Jan 2017, 01:47

                                    @EctoOne That sounds good. If you have the time I'd like to see it. Is it a work in progress? Are you planning to release it to the world?

                                    I'm surprised anyone knows of Io. I made it mainly to practice using <include>.

                                    Sorry to hijack the thread. I'll be giving this build a test today during my lunch break.

                                    My ES themes: MetaPixel | Spare | Io | Indent

                                    E 1 Reply Last reply 24 Jan 2017, 02:03 Reply Quote 0
                                    • E
                                      EctoOne @mattrixk
                                      last edited by EctoOne 24 Jan 2017, 02:03

                                      @mattrixk Io was the first theme that caught my attention when I got my Pi a few months ago because it was dark and simple. Then I found DarkAde but since then I kept the black and white Systemlogos from Io.
                                      But I don't think I will release it, because I'm not sure about all those copyright things. Maybe we can make a new thread about custom modded themes and use pastebin and some instructions to get around that, I don't know. In my case people just have to get their on wallpaper and font, download Io and paste my main theme.xml over yours (should work I guess).

                                      Edit: Here are Images of Basic and Detailed View

                                      1 Reply Last reply Reply Quote 0
                                      • N
                                        Nismo @lilbud
                                        last edited by Nismo 24 Jan 2017, 03:26

                                        @lilbud Sorry for the offtopic but... are you from spain?

                                        L 1 Reply Last reply 24 Jan 2017, 11:21 Reply Quote 0
                                        • M
                                          mattrixk
                                          last edited by mattrixk 24 Jan 2017, 03:51

                                          Hi @Zigurana, I had a little play with this Carousel Mod during my lunch break. I love it and can't wait for it to be a part of the main RetroPie install. I do have a small list of issues, and another list of questions/ideas.

                                          Issues

                                          • Changing themes will occasionally send the start menu down to "Quit" instead of staying on the "UI Settings" option.
                                          • The right hand logo takes a second to "pop" in (you already know this one).
                                          • There seems to be a slight overlap or border (about 1px) between the Carousel and Infobar. You can see it if both are set to <color>FFFFFF33</color>.
                                          • Transparency doesn't work for <infobarfontcolor> (I don't know if transparency is supposed to work for text in general).
                                          • If you make the <height> less than the <logosize>, the <infobar> sits over the bottom of the logo. Maybe swap their z-index so the carousel is "higher" than the infobar?
                                          • If you only have 3 systems and set the <maxlogocount> to 4 or 5, it still only shows 3. I don't think many people would only have 3 systems, but it's worth mentioning.

                                          Questions

                                          • Is it possible to set the origin point of the carousel? At the moment the <ypos> works from the top of the carousel. It would be handy if we could set the <origin> point to either the center or the bottom.
                                          • Are we able to set the Infobar font to lowercase (or capital case)?
                                          • Is it possible to have the Infobar above the Carousel?
                                          • Is it possible to add a background to the Carousel (and Infobar), like a pattern or image? I realise we could just add <image name="behind_carousel" extra="true"> or something, but that image would disappear when you scroll between systems. It's not a big thing, I just thought I'd mention it.

                                          I think that's it for now. I'll keep playing with it over the next few days. I also want to the give the Video Mod a go too. This is fun.

                                          My ES themes: MetaPixel | Spare | Io | Indent

                                          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.

                                            [[user:consent.lead]]
                                            [[user:consent.not_received]]