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

    Pixel Theme

    Scheduled Pinned Locked Moved Projects and Themes
    themepixel
    690 Posts 92 Posters 883.2k 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.
    • RookervikR
      Rookervik Global Moderator @Necro
      last edited by

      @Necro

      To make the pixel art I try to find a photo of the system at a particular angle, then take it into Graphics Gale and do the outline. Then transfer it into Photoshop to color it. But you brought up a great point...

      TG16 CD really should have it's own section. It's no different than the Sega CD. So if you'd like, I will make a section for it.

      RookervikR 1 Reply Last reply Reply Quote 0
      • RookervikR
        Rookervik Global Moderator @Rookervik
        last edited by Rookervik

        Here's the console.png that I will add to Pixel. You can use it right away :D Make sure to rename it "console.png" since I named it "tgcd_console.png" just to keep it sorted out from other files in my dropbox.

        TGCD Console Image: https://db.tt/SSnoScao

        Pixel Theme update 8 (Including TGCD theme): https://db.tt/5Eqmr1oF

        1 Reply Last reply Reply Quote 0
        • N
          Necro
          last edited by

          You rock, thanks! Mine's close, but I'll use the official!

          1 Reply Last reply Reply Quote 0
          • R
            Redstoner @Rookervik
            last edited by

            @Rookervik thx!
            im gonna try and make my own theme now.

            "See, if I start running slightly earlier than someone else, I seem faster." -Johan Cruyff

            1 Reply Last reply Reply Quote 0
            • mattrixkM
              mattrixk
              last edited by

              @Rookervik

              I love the look of the Pixel theme, but is there a way to get the game's metadata (game summary and number of players are the main ones I care about) in the space under the main image, instead of the console details?

              My ES themes: MetaPixel | Spare | Io | Indent

              RookervikR 1 Reply Last reply Reply Quote 0
              • RookervikR
                Rookervik Global Moderator @mattrixk
                last edited by

                @mattrixk Yep, code it! It's pretty easy!* I meant to do it months ago but... yeah.

                *"easy" depends on your region and your background

                RookervikR mattrixkM 2 Replies Last reply Reply Quote 0
                • RookervikR
                  Rookervik Global Moderator @Rookervik
                  last edited by

                  There's currently a massive debate on what is the most important meta data to include. One persons' most-important is much different from the next persons'. The only way to make everyone happy is to put all of the meta data in that bottom right area. But that doesn't give us enough room for description.

                  I could use a different font and make it much smaller and fit everything, but that would look nasty against the pixel art. I really don't think there's a great way to add it and make people happy.

                  I say if you really want those couple of metadatas, you can use my theme helper and work the code. It's really not too bad once you understand the percents.

                  If I have 20 or 30 people ask me for the same meta data, and we all agree that's what needs to go there, then by all means, I will add it. It's just so blooming hard to make everyone happy without making someone else post irate ramblings against it. :-(

                  1 Reply Last reply Reply Quote 0
                  • mattrixkM
                    mattrixk @Rookervik
                    last edited by

                    @Rookervik I've downloaded Pixel v8 and your Helper tool, and I found this url:

                    https://github.com/Aloshi/EmulationStation/blob/master/THEMES.md

                    So I have enough to get me started. I don't have any dirext xml experience, but I do have HTML/CSS/PHP/JS experience, so I might be able to muddle my way through. I think I'll also get the files for the Carbon theme and compare it to Pixel. I might have the time for it this weekend (but probably won't get to it for a few weeks knowing my time management skills).

                    The next step for me after this would be integrating it with the Child Friendly version.

                    My ES themes: MetaPixel | Spare | Io | Indent

                    RookervikR 1 Reply Last reply Reply Quote 0
                    • RookervikR
                      Rookervik Global Moderator @mattrixk
                      last edited by

                      @mattrixk

                      Knowing that ES goes by a "Percentage of Screen" measurement system should help you. "0.5" is 50% across the screen, or 50% the size of the screen. Depending on which tag you're editing.

                      So the <image> tag will have a <size> or even <maxSize> ....

                      <size>0.5 0.25</size>

                      would make the image 50% of the screen wide, and 25% of the screen tall. First number is X (width) and second is Y (height)

                      Let me know if I can help more. I really intended to add the meta data myself, but found there wasn't really enough room.

                      mattrixkM 1 Reply Last reply Reply Quote 0
                      • mattrixkM
                        mattrixk @Rookervik
                        last edited by

                        Thanks @Rookervik

                        The space issue was one I noticed too. I was actually considering doing some rejiggering to the space everything takes up. I was going to make the border squares about half the size, and make the main (box art/screenshot) image smaller so that there was more room for the metadata.

                        I was even thinking I might just duplicate the Carbon theme and replace the graphics, colours and fonts, and add the border box graphics to make a theme that has a layout out like Carbon, but looks just like Pixel.

                        My ES themes: MetaPixel | Spare | Io | Indent

                        1 Reply Last reply Reply Quote 0
                        • hiulitH
                          hiulit
                          last edited by

                          Would it be possible to pixelate the images in RetroPie settings? They doesn't fit with the rest of the art, don't you think?

                          My little contributions to the RetroPie project:

                          • Shell-Script-Boilerplate
                          • Fun-Facts-Splashscreens
                          • Limit-Last-Played-Games
                          RookervikR 1 Reply Last reply Reply Quote 0
                          • RookervikR
                            Rookervik Global Moderator @hiulit
                            last edited by

                            @hiulit

                            The pixel theme actually has it's own set of icons for the RetroPie menu. They can be found in "/retropie/icons" inside the theme's folder. Note: Because of how ES uses gamelists to display art, we were not able to have per-theme RetroPie system icons. You can, however, edit the retropie gamelist.xml and point each menu entry to the art in this folder.
                            undefined

                            1 Reply Last reply Reply Quote 0
                            • hiulitH
                              hiulit
                              last edited by hiulit

                              Hey, sorry, is this the path ~/RetroPie-Setup/scriptmodules/supplementary/retropiemenu/gamelist.xml that I should be looking for in order to change the icons path? Because I tried change the path and restarting EmulationStation and also restarting the system and nothing changed.

                              I've already found the path to the pixel theme icons /etc/emulationstation/themes/pixel/retropie/icons, is that right?

                              Thanks!

                              My little contributions to the RetroPie project:

                              • Shell-Script-Boilerplate
                              • Fun-Facts-Splashscreens
                              • Limit-Last-Played-Games
                              RookervikR 1 Reply Last reply Reply Quote 0
                              • RookervikR
                                Rookervik Global Moderator @hiulit
                                last edited by

                                @hiulit To be COMPLETELY honest, I don't know which to edit. There is another one in /opt/retropie/configs/all/emulationstation/gamelists/retropie. -_- So many of the same thing in so many places.

                                Load that one up and save it in /home/pi/RetroPie/roms/retropie... I think ES will actually load a gamelist from the rom folder. Then, change that one to point to the icons? I hope that works. LOL

                                1 Reply Last reply Reply Quote 0
                                • mattrixkM
                                  mattrixk
                                  last edited by

                                  @Rookervik
                                  I've started playing with your Pixel theme (just starting slow, changing border colours and such while I get a feel for it), and I have a question about your workflow.

                                  I saw on another thread you mentioned using the Windows version of EmulationStation because it was easier to work with and get screenshots (oh boy to I agree with you there), so I've done that and I have it all set up so it works fine, but...

                                  Do you have an easy way to see your changes as you make them? The easiest way I've found is this:

                                  1. make a change to the XML.
                                  2. save XML.
                                  3. go into ES and change the theme to something other than Pixel.
                                  4. change the theme back to Pixel.

                                  This works fine to show the changes, but takes many button presses (start, down, down, A, down, down, down, down, down, down, left, B, B, start, down, down, A, down, down, down, down, down, down, Right, B, B) just to switch between 2 themes.

                                  Is there maybe a hot-key I can set up to switch themes, or some way to refresh ES? Is this how you do it, or have you found something a bit more efficient?

                                  My ES themes: MetaPixel | Spare | Io | Indent

                                  edmaul69E 1 Reply Last reply Reply Quote 0
                                  • RookervikR
                                    Rookervik Global Moderator
                                    last edited by

                                    Nope, that's how I do it. Either change themes and back, or close it and re-open it. That's all you can do. -_-

                                    mattrixkM 1 Reply Last reply Reply Quote 0
                                    • ParzivalP
                                      Parzival
                                      last edited by

                                      YES!!!! i wants it!!!

                                      1 Reply Last reply Reply Quote 0
                                      • mattrixkM
                                        mattrixk @Rookervik
                                        last edited by

                                        @Rookervik said in Pixel Theme:

                                        Nope, that's how I do it. Either change themes and back, or close it and re-open it. That's all you can do. -_-

                                        Oh well, thanks for letting me know. It can get a bit tedious at times can't it. I suppose once I've wrapped my head around how everything works and what does what, then I won't have to refresh as often to see the changes.

                                        Onwards!

                                        My ES themes: MetaPixel | Spare | Io | Indent

                                        RookervikR 1 Reply Last reply Reply Quote 0
                                        • RookervikR
                                          Rookervik Global Moderator @mattrixk
                                          last edited by

                                          @mattrixk Just be glad you don't have to transfer the theme over to the Pi and refresh EmulationStation there. :P

                                          mattrixkM 1 Reply Last reply Reply Quote 0
                                          • mattrixkM
                                            mattrixk @Rookervik
                                            last edited by

                                            @Rookervik Heh yeah. The whole thing was pretty daunting until I read your other post^ about using EmulationStation on Windows. I wasn't even aware ES was made for platforms other than the RPi.

                                            ^I think it was over on the old forum at petrockblog.

                                            My ES themes: MetaPixel | Spare | Io | Indent

                                            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.