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

Nintendo 3DS Theme (WIP)

Scheduled Pinned Locked Moved Projects and Themes
theme3dsnintendo 3dsfreeplay zerosmall screen
7 Posts 3 Posters 4.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.
  • M
    Malixx
    last edited by Malixx 12 Aug 2018, 21:54

    Nintendo 3DS Theme

    I thought about creating a theme based on and inspired by the look of the menus used on the Nintendo 3DS for small screens for the FreePlay Zero by Freeplaytech.

    Here are the download links for both versions of the theme:

    3DS Theme
    3DS Theme Dark (Soon)


    Useful links

    • Icons Retropiemenu: https://mega.nz/#F!SboHzSZA!rR8818kAdAZSn5NqZmvWIw
    • Loading Screen: https://mega.nz/#!XS5mjY5Z!Dz2u1qHq4AdZp0vHeZVBF2c_4T-PMr73nSEZdxJcw50
    • Splashscreen: (soon)
    • GitHub URL: https://github.com/Malixx92/es-theme-3ds
    • Full readme: https://github.com/Malixx92/es-theme-3ds/blob/master/readme.txt

    Features

    • Big font for a better visibility
    • Not to much information
    • Very light and clean design
    • Support grid view

    Installation

    Put the downloaded folder in one of those paths:

    • ~/.emulationstation/themes
    • /etc/emulationstation/themes

    Compatibility

    This theme is designed for 4:3 aspect ratio (640x480) and works on small screens.


    Additional Informations

    For an improved user experience, adjust the following options within EmulationStation:

    Mains Menu > UI Settings:
    Carousel Transitions: OFF
    Transition Style: INSTANT
    Gamelist View Style: GRID
    On-Screen Help: OFF


    0_1535009255411_n3ds1.jpg

    0_1535009294067_n3ds.jpg

    Special thanks to EctoOne on helping on this theme.

    List of Projects and Themes: https://retropie.org.uk/forum/topic/21766/list-of-projects-and-themes
    Creator of Animated Screensavers: https://retropie.org.uk/forum/topic/12733/animated-screensavers
    Buy me a coffee: https://buymeacoffee.com/malixx

    1 Reply Last reply Reply Quote 3
    • E
      EctoOne
      last edited by 12 Aug 2018, 22:25

      What exactly do you need help with? Are the images just mockups? Otherwise I can't see anything different from the coding side. The only thing I can think of that might be an issue is having the developer/publisher name beneath the game name on the gamelist view. I'm not sure if grid view supports any of the metadata yet.
      I probably could create a base theme which then only needs to be filled with images. I've done that for the chicuelo theme as well.

      M 1 Reply Last reply 13 Aug 2018, 06:54 Reply Quote 1
      • M
        Malixx @EctoOne
        last edited by 13 Aug 2018, 06:54

        @ectoone Thank you for the answer! Yeah this is only mockups so it would be amazing if you could create a base theme, I can provide you with the images if needed. Maybe we could replace the metadata of the developer/publisher name by the type of game, by the way the Chicuelo theme is awesome that's the one I'm using for my TV!

        List of Projects and Themes: https://retropie.org.uk/forum/topic/21766/list-of-projects-and-themes
        Creator of Animated Screensavers: https://retropie.org.uk/forum/topic/12733/animated-screensavers
        Buy me a coffee: https://buymeacoffee.com/malixx

        E 1 Reply Last reply 13 Aug 2018, 10:45 Reply Quote 0
        • E
          EctoOne @Malixx
          last edited by 13 Aug 2018, 10:45

          @malixx Here is a first version of the base theme.
          System View:
          alt text
          This uses the same method I used on the Chicuelo theme to display the text.
          Grid View:
          alt text
          Like I said, grid view doesn't support any metadata yet, so it's only possible to display the game name right now. Another thing is, that it is not possible to have boxart going of screen, like you have in your mockup on the right/left side. This is because how grid view navigates, it is not working like the system carousel where the selected system is always in the same spot. Instead you move the cursor around, and that would obviously look bad if a game was partially of screen. Also don't mind the frames around the boxart, they are just the default ones and can easily be removed/changed.

          The best way would be, if you could create a repository on github with some images. Then I can fork it, do what I can do and send a pull request so that you (or others) can add systems and stuff later.

          I also suggest creating a background image for the text based gamelists.
          Here is an example:
          alt text

          M 2 Replies Last reply 13 Aug 2018, 11:02 Reply Quote 0
          • M
            Malixx @EctoOne
            last edited by 13 Aug 2018, 11:02

            @ectoone Wow nice you are fast! Thanks for the insights, I will have to make some tweaks to my images then and I will create a GitHub asap!

            List of Projects and Themes: https://retropie.org.uk/forum/topic/21766/list-of-projects-and-themes
            Creator of Animated Screensavers: https://retropie.org.uk/forum/topic/12733/animated-screensavers
            Buy me a coffee: https://buymeacoffee.com/malixx

            1 Reply Last reply Reply Quote 0
            • M
              Malixx @EctoOne
              last edited by 13 Aug 2018, 11:57

              @ectoone Ok there it is: https://github.com/Malixx92/es-theme-3ds give me your username so I can add you to the Collaborators list :)

              List of Projects and Themes: https://retropie.org.uk/forum/topic/21766/list-of-projects-and-themes
              Creator of Animated Screensavers: https://retropie.org.uk/forum/topic/12733/animated-screensavers
              Buy me a coffee: https://buymeacoffee.com/malixx

              1 Reply Last reply Reply Quote 0
              • L
                lipebello
                last edited by 13 Oct 2018, 13:19

                Pretty cool! I love the 3DS UI.
                I think you should separate the objects that i've marked on another layer and use a zindex higher than the carousel, that will prevent it to fade and you can use another transition styles to create new effects, like i did on swineapple and stranger stuff.
                0_1539436567970_test.jpg


                Retrorama Tshirts:
                https://www.teepublic.com/user/lipebello
                https://www.instagram.com/phillbello/

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

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