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

    Cardboard Mini NES + Nes mini and Famicom mini themes

    Scheduled Pinned Locked Moved Projects and Themes
    nescasediybuildtheme
    1.3k Posts 210 Posters 3.1m 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.
    • ruckageR
      ruckage
      last edited by ruckage

      I'm considering altering the layout of the theme slightly and would appreciate some feedback.

      The reason for the proposed changes is that at the moment the boxart area only works properly if the gameboxes are all a standard size, for example all portrait boxes for NES, all landcape boxes for SNES etc. The trouble is that some systems have a variety of different shaped boxes and this leads to the artwork being stretched and if a user prefers screenshots to boxes these will also be stretched.

      What I propose is to mimic the look of the real nes mini game tiles to a degree - moving some of the metadata below the boxart. The boxart will now be confined to a square area above this and will scale to fit this whilst keeping the aspect ratio.

      The pros for this are:

      • No more issues with stretched artwork and screenshots will also display perfectly if used.
      • I will no longer need to define box art sizes per system which is one less thing for me to do while making the theme.

      The cons are:

      • The box art will be smaller
      • In my opinion the metadata area is now not quite as interesting looking.

      Here's a mock-up of how it will most likely look:

      0_1491950129167_nesmini new layout mockup.png

      Let me know what you think, I like the theme as it is at the moment but do feel that with so many systems which don't have uniform box sizes that this may be be the best option. On the plus side I would only need to edit a few of the backgrounds and the rest of the changes are within the xml itself so it won't take very long to make the changes.

      SNES mini/Nes mini/Famicom mini theme developer.

      If you'd like to support my work you can donate here: Donate

      Stuart2773S 1 Reply Last reply Reply Quote 3
      • Stuart2773S
        Stuart2773 @ruckage
        last edited by

        @ruckage

        I kind of like the new proposed look, I understand what you mean about the metadata box now looking bland, I think I have an idea to fix that issue, leave it with me and I will get back to you within the next day with a possible solution, in the meantime is there any chance you have a mockup screen of the famicom mini with a landscape box art?

        Thanks

        Stuart.

        ruckageR 1 Reply Last reply Reply Quote 1
        • S
          SuperSirLink
          last edited by

          I like the idea of the rating and number of players under the box art/screenshot... That is actually something I am doing on a theme I am working on... I feel like it balances better instead of having just a game list in one column, metadata in another, and art by itself...

          Hope that helps...

          1 Reply Last reply Reply Quote 1
          • ruckageR
            ruckage @Stuart2773
            last edited by ruckage

            @Stuart2773 said in Cardboard Mini NES + Nes mini and Famicom mini themes:

            @ruckage

            I kind of like the new proposed look, I understand what you mean about the metadata box now looking bland, I think I have an idea to fix that issue, leave it with me and I will get back to you within the next day with a possible solution, in the meantime is there any chance you have a mockup screen of the famicom mini with a landscape box art?

            Thanks

            Stuart.

            I don't have a famicom mockup at the moment but a landscape box would look just the same only there would be white borders at the top and bottom instead of on the sides (the preview box is square). For games with more square boxart (gameboy, playstation) it would fill the area more and have less border.

            I think the metadata area looks slightly bland now simply because the rating and player icons added a bit of colour and visual interest. I'm still thinking of ideas myself - ideally anything added needs to fit well and have a purpose, if you have any ideas let me know (it's a shame that genre can't be displayed using different icons as that would have looked nice).

            SNES mini/Nes mini/Famicom mini theme developer.

            If you'd like to support my work you can donate here: Donate

            1 Reply Last reply Reply Quote 0
            • ruckageR
              ruckage
              last edited by ruckage

              Had another idea so I just quickly threw together a few mockups, this time keeping rating/played/players on the right which looks nicer to me and have 'published by' and 'genre' either under the boxart or above the boxart. Going to work on it a bit more but what do you think?

              0_1491982558904_nes mini layout alternative.jpg

              0_1491982833164_nes mini mockup new layout 2.jpg

              SNES mini/Nes mini/Famicom mini theme developer.

              If you'd like to support my work you can donate here: Donate

              1 Reply Last reply Reply Quote 2
              • dankcushionsD
                dankcushions Global Moderator
                last edited by

                looks good to me!

                one thing i would prefer is left-aligned game description text. for large blocks of text i think it looks better than centred. but doesn't really matter :)

                ruckageR 1 Reply Last reply Reply Quote 1
                • S
                  SuperSirLink
                  last edited by

                  I would swap the developer and genre on the top one, but I like the top one best of the 3 mockups so far...

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

                    i had a few ideas, but i think this one works best :-

                    0_1492000379038_1491950134851-nesmini-new-layout-mockup.png

                    0_1492001589148_1491950134851-nesmini-new-layout-mockup.png

                    changing the field backgrounds from black to grey or blue,
                    adding the official system info icons from the nes mini,

                    what do you think?

                    ruckageR 1 Reply Last reply Reply Quote 0
                    • ruckageR
                      ruckage @Stuart2773
                      last edited by ruckage

                      @Stuart2773 said in Cardboard Mini NES + Nes mini and Famicom mini themes:

                      i had a few ideas, but i think this one works best :-

                      changing the field backgrounds from black to grey or blue,
                      adding the official system info icons from the nes mini,

                      what do you think?

                      Hi,

                      To be honest I like the black background for those boxes more as I tried grey before when I was creating the theme and felt that the black was more eye catching. Regarding the icons they don't really fit and aren't representative of any info in that area - plus some games have multiple genres so they would overun the icons.

                      Edit: actually I don't mind the coloured background for those boxes though it would probably need to be changed dependent on the system - I'll think about it some more.

                      SNES mini/Nes mini/Famicom mini theme developer.

                      If you'd like to support my work you can donate here: Donate

                      Stuart2773S 1 Reply Last reply Reply Quote 1
                      • sergioadS
                        sergioad
                        last edited by

                        Hello, the ports virtualboy and MSX are allready supported?

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

                          @ruckage

                          0_1492018001718_1491950134851-nesmini-new-layout-mockup.jpg

                          Why not just keep things as they were regarding the metadata box
                          resize & reposition the artwork box as shown,
                          replace the "hearts"as they are not representative of the nes/famicom mini

                          if you wanted to keep both left and right boxes aligned just have a smaller area for game description:-

                          0_1492019023221_2.jpg

                          ruckageR 1 Reply Last reply Reply Quote 0
                          • ruckageR
                            ruckage @Stuart2773
                            last edited by

                            @Stuart2773

                            Not really bothered about remaining too faithful to the real nes mini, it's impossible to match it exactly so it was only used as inspiration. I simply wanted to make a theme with the same feeling though not necessarily a carbon copy. I think the hearts look nicer and are more fun and were used specifically as a homage to Legend of Zelda (if the real nes mini had shown ratings on the games I wouldn't be surprised if they also chose hearts to represent it).

                            I specifically don't want to shrink the boxes down as it will result in less space for the description and will leave too much empty space (had already tried that).

                            SNES mini/Nes mini/Famicom mini theme developer.

                            If you'd like to support my work you can donate here: Donate

                            1 Reply Last reply Reply Quote 0
                            • ruckageR
                              ruckage @dankcushions
                              last edited by ruckage

                              @dankcushions said in Cardboard Mini NES + Nes mini and Famicom mini themes:

                              looks good to me!

                              one thing i would prefer is left-aligned game description text. for large blocks of text i think it looks better than centred. but doesn't really matter :)

                              Sorry, missed this post earlier. Thanks for the feedback, regarding text alignment I think I was having some display issues when I set it to left aligned but I can't remember exactly what, I'll try it again and see.

                              @SuperSirLink said in Cardboard Mini NES + Nes mini and Famicom mini themes:

                              I would swap the developer and genre on the top one, but I like the top one best of the 3 mockups so far...

                              Sorry for not replying sooner, I missed your post as well. I agree developer and genre would be better the other way around. Would you mind clarifying which mockup you prefer as it's not clear from your post (do you mean the one with the metadata above the box art?).

                              SNES mini/Nes mini/Famicom mini theme developer.

                              If you'd like to support my work you can donate here: Donate

                              1 Reply Last reply Reply Quote 0
                              • ruckageR
                                ruckage
                                last edited by

                                I've tweaked the layout a bit more.

                                • The metadata and boxart frames a slightly larger.
                                • Published by and developed by are placed above the boxart.
                                • There is now a grey background to the boxart area which mirrors the description area background.

                                I think it's looking better than the previous mock-ups now.

                                0_1492038052333_nesmini new layout mockup 4.png

                                SNES mini/Nes mini/Famicom mini theme developer.

                                If you'd like to support my work you can donate here: Donate

                                herb_fargusH 1 Reply Last reply Reply Quote 5
                                • ?
                                  A Former User
                                  last edited by

                                  This looks amazing!
                                  Just a suggestion, but is there a way for the boxart and the name of the game to scroll horizontally? (like in the NES Classic Edition?)

                                  ruckageR 1 Reply Last reply Reply Quote 0
                                  • herb_fargusH
                                    herb_fargus administrators @ruckage
                                    last edited by

                                    @ruckage looking good to me!

                                    If you read the documentation it will answer 99% of your questions: https://retropie.org.uk/docs/

                                    Also if you want a solution to your problems read this first: https://retropie.org.uk/forum/topic/3/read-this-first

                                    1 Reply Last reply Reply Quote 2
                                    • ruckageR
                                      ruckage @A Former User
                                      last edited by ruckage

                                      @itsnitro said in Cardboard Mini NES + Nes mini and Famicom mini themes:

                                      This looks amazing!
                                      Just a suggestion, but is there a way for the boxart and the name of the game to scroll horizontally? (like in the NES Classic Edition?)

                                      Not possible I'm afraid, in standard ES you are limited to vertical text lists and a static screenshot/boxart.

                                      SNES mini/Nes mini/Famicom mini theme developer.

                                      If you'd like to support my work you can donate here: Donate

                                      1 Reply Last reply Reply Quote 0
                                      • ?
                                        A Former User
                                        last edited by

                                        The newest mock looks great.

                                        However, I personally think the publisher and developer text belongs below the boxart. Having it near the top makes it look like it's supposed to be a title.

                                        ruckageR 1 Reply Last reply Reply Quote 1
                                        • ruckageR
                                          ruckage @A Former User
                                          last edited by

                                          @LiveFastCyYoung said in Cardboard Mini NES + Nes mini and Famicom mini themes:

                                          The newest mock looks great.

                                          However, I personally think the publisher and developer text belongs below the boxart. Having it near the top makes it look like it's supposed to be a title.

                                          Thanks, It was my first instinct as well but it looked slightly odd to me underneath as it doesn't match the other side of the screen so well. I'll upload another mockup so you can see how it looks.

                                          SNES mini/Nes mini/Famicom mini theme developer.

                                          If you'd like to support my work you can donate here: Donate

                                          1 Reply Last reply Reply Quote 0
                                          • ruckageR
                                            ruckage
                                            last edited by

                                            Here is the same layout with 'published by' and 'developed by' moved beneath the boxart. To me it looks unbalanced so I prefer it with that information above the boxart.

                                            0_1492097283517_nesmini new layout mockup 4.1.png

                                            SNES mini/Nes mini/Famicom mini theme developer.

                                            If you'd like to support my work you can donate here: Donate

                                            J S 2 Replies Last reply Reply Quote 3
                                            • 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.