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

NewGen theme?

Scheduled Pinned Locked Moved Projects and Themes
newgenthemeemulationstatio
24 Posts 6 Posters 9.6k 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.
  • L
    lilbud @FlyingTomahawk
    last edited by lilbud 30 Dec 2016, 15:34

    @FlyingTomahawk No, all we got was some low-quality screenshots, no video/release

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

    Backlog: http://backloggery.com/lilbud

    1 Reply Last reply Reply Quote 0
    • B
      blackshadow @FlyingTomahawk
      last edited by 30 Dec 2016, 17:35

      @FlyingTomahawk

      thats looking nice so far was looking forward to this skin being released before and was let down to see it not released will be keeping an eye on this :D

      1 Reply Last reply Reply Quote 0
      • F
        FlyingTomahawk
        last edited by FlyingTomahawk 1 Jan 2017, 05:18 1 Jan 2017, 05:16

        Can someone clarify 2 things for me.

        1.)
        In the .md file of the ES github it explains the available views like "system", "basic", "details" and "grid". Did I miss something? Is grid available inside RetroPie?

        2.)
        When would someone use the <origin> tag? The example in the .md file doesn't make it clear to me. Can someone explain it for me?

        Oh and btw. a HAPPY NEW YEAR!

        H M 2 Replies Last reply 1 Jan 2017, 05:21 Reply Quote 0
        • H
          herb_fargus administrators @FlyingTomahawk
          last edited by 1 Jan 2017, 05:21

          @FlyingTomahawk grid was never finished but jacobfk20 has made an experimental build of emualtionstation that includes it

          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

          F 1 Reply Last reply 1 Jan 2017, 06:19 Reply Quote 1
          • F
            FlyingTomahawk @herb_fargus
            last edited by 1 Jan 2017, 06:19

            @herb_fargus

            Thank you herb_fargus. So this is something I won't have to worry about right now when building a new theme.

            1 Reply Last reply Reply Quote 0
            • M
              mattrixk @FlyingTomahawk
              last edited by 1 Jan 2017, 08:05

              @FlyingTomahawk said in NewGen theme?:

              When would someone use the <origin> tag?

              The <origin> tag tells the system where the 0,0 point of the element is. For example, if you have an image that is <size>0.5 0.5</size> it means the image is 50% of the screen wide and 50% of the screen high. Origin is set to <origin>0 0</origin> by default, so if you set <pos>0 0</pos>, it means the origin point of the image will sit at the top-left of the screen.

              If you set <origin>0.5 0.5</origin>, it means the <pos> tag will set the center of the element. So you can set:

              <size>0.5 0.5</size>
              <pos>0.5 0.5</pos>
              <origin>0.5 0.5</origin>
              

              and you will have a 50% width/height image that sits in the middle of the screen because <origin> is telling <pos> to start from the center, and <pos> is telling ES to position the origin in the center.

              I don't think I explained that very well, but I'm in a hurry, sorry.

              My ES themes: MetaPixel | Spare | Io | Indent

              F 1 Reply Last reply 1 Jan 2017, 08:30 Reply Quote 0
              • F
                FlyingTomahawk @mattrixk
                last edited by 1 Jan 2017, 08:30

                @mattrixk

                Thanks for the explanation. I could follow you half way then lost you with the code sample.
                Wouldn't it be enough to set only <size> and <pos> to 0.5 0.5 to get the image centered? Or does the code sample mean you want the image in the middle of the screen/TV and center aligned? If yes then the <pos> tag does the alignment of the element?

                1 Reply Last reply Reply Quote 0
                • F
                  FlyingTomahawk
                  last edited by FlyingTomahawk 1 May 2017, 13:25 1 Jan 2017, 09:54

                  I trashed the old design and restarted. Currently looking like this.
                  Edit: image removed

                  Things might change again like background for example. But I start to like this and will see how it looks in the basic and detailed view mode.

                  1 Reply Last reply Reply Quote 1
                  • F
                    FlyingTomahawk
                    last edited by FlyingTomahawk 1 May 2017, 13:26 2 Jan 2017, 13:00

                    Progress has been slow. Photoshop is really not my forte.
                    I finished the "basic" view layout today and played around with various backgrounds and images.
                    I took the nice console icons from the Metapixel theme and the carbon fiber background from the carbon theme. And here some images to keep you guys entertained.

                    Edit: images removed

                    Stay tuned for more to come...

                    M 1 Reply Last reply 3 Jan 2017, 00:10 Reply Quote 1
                    • M
                      mattrixk @FlyingTomahawk
                      last edited by 3 Jan 2017, 00:10

                      @FlyingTomahawk Sorry, I started replying the other day, but real life got in the way.

                      I've made some visual aides. In these images, the small green square represents the Origin Point.

                      With a default Origin point of 0 0 and Position of 0 0, the image is placed in the Top-Left of the screen:
                      pos0_origin0

                      If we change the Position to 0.5 0.5, it moves the Origin Point to the middle of the screen:
                      pos05_origin0

                      Instead, if we kept the Position at 0 0 and moved the Origin Point to 0.5 0.5, it keeps the Position of the Origin Point at the Top-Left of the screen, but it moves the Origin Point to the middle of the image:
                      pos0_origin05

                      So, knowing that, we can set the Origin Point to 0.5 0.5 to move it to the middle of the image, and set the Position to 0.5 0.5 to move the Origin Point to the middle of the screen:
                      pos05_origin05

                      I hope this has explained things a little more clearly.

                      Also, regarding your designs, I really like the lines, design and the layout, but I'm still unsure about the amount of bloom. It just kind of overwhelms everything else. That's probably just a personal preference, but I thought I'd point it out.

                      My ES themes: MetaPixel | Spare | Io | Indent

                      F 1 Reply Last reply 3 Jan 2017, 02:27 Reply Quote 1
                      • F
                        FlyingTomahawk @mattrixk
                        last edited by FlyingTomahawk 1 Mar 2017, 02:28 3 Jan 2017, 02:27

                        @mattrixk

                        Thank you SO MUCH for this fantastic explanation. The visual aid did it for me.
                        Now it is very clear to me what the <origin> tags are for.

                        With "amount of bloom" I guess you mean the glow effect around the lines?
                        I could reduce it once and see how that looks. I just thought plain lines look just too simple.
                        I will start with the detailed view layout today and then I'll do the details on the fonts and glow.

                        Thanks again for the help. Very appreciated.

                        1 Reply Last reply Reply Quote 0
                        • F
                          FlyingTomahawk
                          last edited by FlyingTomahawk 1 Mar 2017, 02:48 3 Jan 2017, 02:33

                          Just as a general information, due to new copyrights rule in the Pixel theme and out of respect to the creator I will remove the console icons from this theme before the official release. They are currently used to set the right position and serve exclusively as visual help. The same goes for the carbon fiber background.

                          M 1 Reply Last reply 3 Jan 2017, 03:03 Reply Quote 0
                          • M
                            mattrixk @FlyingTomahawk
                            last edited by 3 Jan 2017, 03:03

                            @FlyingTomahawk I'm glad the images helped.

                            I was talking about the glow effect, but I didn't mean to remove it entirely, just kind of tone it down a bit. Maybe reduce the spread (how far it reaches) or the strength/opacity so the glow isn't so bright. Maybe even reduce the brightness of the lines themselves to 75% or so. Once again, that's just a personal preference (I like design elements to be more muted to allow the content to pop out more), so you can do whatever it is you think looks good.

                            Regarding the console images, you can have a look at ScreenScraper.fr. They have lots of images for most systems, including consoles, logos, controllers, and sometimes even cartridges. Have a look at the SNES page for an example. I think I'm going to use these for the next theme I make. A couple of downsides though: the site takes a while to load each page (at least for me) and it can be a hassle to access the images outside of the api.

                            My ES themes: MetaPixel | Spare | Io | Indent

                            F 2 Replies Last reply 3 Jan 2017, 04:31 Reply Quote 1
                            • F
                              FlyingTomahawk @mattrixk
                              last edited by FlyingTomahawk 1 Mar 2017, 04:33 3 Jan 2017, 04:31

                              @mattrixk

                              Thanks again for your valuable input and help.

                              Just out of curiosity, what is your next theme gonna look like? Any layout plans already?

                              M 1 Reply Last reply 3 Jan 2017, 05:02 Reply Quote 0
                              • M
                                mattrixk @FlyingTomahawk
                                last edited by 3 Jan 2017, 05:02

                                @FlyingTomahawk I've started playing around with the Universal XML Scraper and I really like the idea of having full screen fanart, box art and screenshot for each game. So my theme will have to work in conjunction with a special MIX profile for the scraper. I have the basic design worked out, but before I can go any further I need to learn how to make my own MIX profile. I'll get there, I just don't have much free time in which to do it.

                                My ES themes: MetaPixel | Spare | Io | Indent

                                1 Reply Last reply Reply Quote 1
                                • F
                                  FlyingTomahawk @mattrixk
                                  last edited by FlyingTomahawk 1 Mar 2017, 12:06 3 Jan 2017, 12:06

                                  @mattrixk said in NewGen theme?:

                                  it can be a hassle to access the images outside of the api

                                  I took a look around that site and they have really a good selection of pics. I made an account but cannot figure out how to get the images in their original file size.
                                  You can see the smaller thumbs which would be enough I guess but every image has the resolution written on the bottom-left and that is the resolution I would like to get if possible. If you know any trick to get the images please enlighten me.

                                  M 1 Reply Last reply 3 Jan 2017, 20:29 Reply Quote 0
                                  • M
                                    mattrixk @FlyingTomahawk
                                    last edited by 3 Jan 2017, 20:29

                                    @FlyingTomahawk You can right-click on an image and open in new tab. The URL of the image has a string of characters on then end that gives a max width and height. You can change those numbers to the ones you want and hit enter. Like I said, it's a bit of a hassle, but it's doable.

                                    My ES themes: MetaPixel | Spare | Io | Indent

                                    1 Reply Last reply Reply Quote 1
                                    • F
                                      FlyingTomahawk
                                      last edited by 5 Jan 2017, 13:47

                                      Opened a new topic for my theme here

                                      1 Reply Last reply Reply Quote 0
                                      24 out of 24
                                      • First post
                                        24/24
                                        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