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

    PICO-8: Retroarch lr-retro8 core installation script

    Scheduled Pinned Locked Moved Ideas and Development
    pico8
    87 Posts 10 Posters 15.7k 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.
    • BenMcLeanB
      BenMcLean @BenMcLean
      last edited by BenMcLean

      OK, I went back to the original pico8 site to get my source image, I forced it into being an indexed pico8 palette, I used the drop shadow from the web site plus the 1 pixel border together and I made the border use the dark blue pico8 color instead of the generic black, then I ran that through pixel2svg-outlines. Here's the result:
      system.svg
      One remaining imperfection is rather subjective: the drop shadows don't include the 1 pixel border. I could make another version which makes the drop shadows bigger to include the border but I think it looks good as is. Any thoughts?

      BenMcLeanB 1 Reply Last reply Reply Quote 2
      • BenMcLeanB
        BenMcLean @BenMcLean
        last edited by

        Here's a version which keeps the 1 pixel border (using the pico8 dark blue color) but omits the drop shadow for comparison:
        pico81px.svg
        Sorry for the many replies.

        BenMcLeanB 1 Reply Last reply Reply Quote 1
        • BenMcLeanB
          BenMcLean @BenMcLean
          last edited by BenMcLean

          Here's one where the size of the drop shadow is expanded to match the 1 pixel border.
          system2.svg

          So there's three choices:

          • system.svg with the small drop shadow.
          • system2.svg with the big drop shadow.
          • pico81px.svg with no drop shadow.

          Which one's best? :)

          At the moment, I'm leaning slightly towards the small drop shadow.

          UnknownU F 2 Replies Last reply Reply Quote 2
          • UnknownU
            Unknown @BenMcLean
            last edited by

            @benmclean I vote system2

            You can't beat the classics(unless you copy them).

            BenMcLeanB 1 Reply Last reply Reply Quote 1
            • BenMcLeanB
              BenMcLean @Unknown
              last edited by BenMcLean

              @unknown said in PICO-8: Retroarch lr-retro8 core installation script:

              @benmclean I vote system2

              Yeah, on looking at them all again, that might be the best one after all.

              AFAIK, there is no official controller for pico8 so here's my idea of what to do for controller.svg:
              controller.svg

              Another possibility for controller.svg would be to create some kind of outline based on the imaginary controller or system depicted here:
              h800_pico8.png

              BenMcLeanB 1 Reply Last reply Reply Quote 1
              • BenMcLeanB
                BenMcLean @BenMcLean
                last edited by

                I tried it with this thing:
                controller2.png

                It is definitely arguable whether the resulting outline is recognizable as a controller or not and has more iconic association with pico8 design-wise than the diamond shape that was my first idea.
                controller2.svg

                BenMcLeanB F 2 Replies Last reply Reply Quote 1
                • BenMcLeanB
                  BenMcLean @BenMcLean
                  last edited by BenMcLean

                  OK two more options:
                  system3.svg:
                  system3.svg
                  system4.svg:
                  system4.svg

                  I'm thinking system3.svg

                  1 Reply Last reply Reply Quote 2
                  • F
                    Folly @BenMcLean
                    last edited by Folly

                    @benmclean

                    Quite some work you did ! ;-)
                    For now, I also vote for system2.
                    If you prefer system3 that is also fine, as 2,3 and 4 look quite the same to me ;-)

                    1 Reply Last reply Reply Quote 1
                    • F
                      Folly @BenMcLean
                      last edited by Folly

                      @benmclean

                      Perhaps you can use parts of this picture for the controller.svg.
                      I used it for the cygnus-blue-flames, which can already be installed in the RetroPie-Setup (DTEAM-1 - cygnus-blue-flames)
                      https://raw.githubusercontent.com/FollyMaddy/cygnus-blue-flames/master/pico8/system.png

                      I think you know but if you don't, with inkscape you can select and trace bitmap and do edge detection.
                      Afterwards you can color the lines dark red just like the other controller.svg from carbon.
                      Here is the first step :
                      2021-09-16-100247_1600x900_scrot.png

                      Btw:
                      Gimp has also edge detection, sometimes you get better results with doing it first on gimp and transferring that image to inkscape.

                      Hopefully it's some useful information for you.

                      BenMcLeanB 1 Reply Last reply Reply Quote 1
                      • BenMcLeanB
                        BenMcLean @Folly
                        last edited by BenMcLean

                        @folly If you examine the controller.svg for the other systems, you'll see that their outlines appear grey in Inkscape, not red. I think they get turned red in code or something.

                        I might try that sometime soon.

                        I think we'd definitely want system3.svg or system4.svg over system2.svg. They are both derived from system2.svg and the difference is that they use black and dark blue together instead of just having dark blue. They're the same shape as system2.svg and only their colors are slightly different.

                        I'm thinking system3.svg (which has the black border with the dark blue big drop shadow) looks the closest to the design language surrounding pico8 while still ensuring it will contrast effectively against any background color. It does result in a shadow which is lighter than part of the object which casts the shadow, but pixel art like this isn't always about realism.

                        BenMcLeanB 1 Reply Last reply Reply Quote 1
                        • BenMcLeanB
                          BenMcLean @BenMcLean
                          last edited by BenMcLean

                          Something about that drop shadow was still out of proportion, particularly behind the diamond symbol. So I made yet another version, system5.svg, which gets the shadow proportion exactly right by making a new shadow from the exact shape of the foreground objects.
                          system5.svg
                          Then there's also system6.svg which has a proportional drop shadow but moves the shadow so there are no transparent bits peeking through the holes in the letters.
                          system6.svg

                          (later edit) OK maybe I'm more than a little obsessing over this, but when looking at system5 and system6, I thought, "Why not choose both?"
                          So here's system7.svg:
                          system7.svg
                          system7 has the further away shadow from system5 on the letters together with the closer shadow from system6 on the diamond. This makes the letters appear like they are a little in front of the diamond, (because their shadow casts further) plus they don't have transparent holes in the center (appearing simpler, more like the official graphic) while the diamond gets to have a shadow that's a little more complex and highlights its spiky edges. I think this is the best of both.

                          F 1 Reply Last reply Reply Quote 1
                          • F
                            Folly @BenMcLean
                            last edited by

                            @benmclean

                            Combining them makes it very nice indeen.
                            Let us choose system7.svg, agreed ?

                            How does it look in the theme ?

                            BenMcLeanB 1 Reply Last reply Reply Quote 1
                            • BenMcLeanB
                              BenMcLean @Folly
                              last edited by

                              @folly said in PICO-8: Retroarch lr-retro8 core installation script:

                              @benmclean

                              Combining them makes it very nice indeen.
                              Let us choose system7.svg, agreed ?

                              How does it look in the theme ?

                              Yeah I think system7.svg is the best candidate for the final system.svg

                              But I haven't tried it in the theme yet. Not exactly sure how to make the XML for that or what the numbers in it represent. Will try it soon.

                              F 1 Reply Last reply Reply Quote 1
                              • F
                                Folly @BenMcLean
                                last edited by Folly

                                @benmclean said in PICO-8: Retroarch lr-retro8 core installation script:

                                @folly said in PICO-8: Retroarch lr-retro8 core installation script:

                                @benmclean

                                Combining them makes it very nice indeen.
                                Let us choose system7.svg, agreed ?

                                How does it look in the theme ?

                                Yeah I think system7.svg is the best candidate for the final system.svg

                                But I haven't tried it in the theme yet. Not exactly sure how to make the XML for that or what the numbers in it represent. Will try it soon.

                                You can just use an XML from an other system.

                                I added it quickly, it looks like this :
                                2021-09-16-211332_800x600_scrot-resized.png 2021-09-16-211350_800x600_scrot-resized.png

                                BenMcLeanB 1 Reply Last reply Reply Quote 1
                                • BenMcLeanB
                                  BenMcLean @Folly
                                  last edited by BenMcLean

                                  @folly Wow, that looks great! I say let's go with it. :D

                                  What would be the next steps?

                                  (later edit) I was gonna say somebody should add the Pokemon Mini system but apparently there's already a pull request pending for this.

                                  (later later later edit) How would I get started making my own EmulationStation theme? I'd like to make one which looks a little like the SNES "Super Mario All Stars + World" menu (like what inspired Carbon) but shows the different systems as overlapping sections on a historical timeline based on their commercial lifespans, (maybe with optional info boxes that show up that have some historical information about each console and a picture of the physical device) and which also defaults to large print for everything cause I'm visually impaired. It'd be themed like a virtual museum of gaming history.

                                  L F 2 Replies Last reply Reply Quote 2
                                  • L
                                    LN_RC @BenMcLean
                                    last edited by

                                    @benmclean This might be an obvious answer but have you seen the Retropie Docs page on Creating Your Own EmulationStation Theme?

                                    BenMcLeanB 1 Reply Last reply Reply Quote 1
                                    • BenMcLeanB
                                      BenMcLean @LN_RC
                                      last edited by

                                      @ln_rc said in PICO-8: Retroarch lr-retro8 core installation script:

                                      @benmclean This might be an obvious answer but have you seen the Retropie Docs page on Creating Your Own EmulationStation Theme?

                                      No, didn't know that one existed. I'll definitely read up on that, thanks.

                                      1 Reply Last reply Reply Quote 2
                                      • F
                                        Folly @BenMcLean
                                        last edited by

                                        @benmclean said in PICO-8: Retroarch lr-retro8 core installation script:

                                        @folly Wow, that looks great! I say let's go with it. :D

                                        What would be the next steps?

                                        It should also have that controller.svg .

                                        As the carbon theme is the default it should certainly be added to that theme.

                                        You have to make a fork of :
                                        https://github.com/RetroPie/es-theme-carbon
                                        Then add your theme and do a pull request so it can be added.

                                        I have learned now that they want everything in one commit.

                                        Before doing a pull request ask Mitu or Buzz if the commit is enough otherwise you get tangled in pull request without knowing what to do next.

                                        Read this and you know what I mean :
                                        https://github.com/RetroPie/RetroPie-Setup/pull/3400

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

                                          @folly it's pretty standard for projects wanting changes grouped into single commits, but squashing commits is a 1 minute job in the command line once you know how. i know it's a pain but i encourage you to learn git on the command line: https://git-scm.com/docs/gittutorial - it's a useful skill these days!

                                          BenMcLeanB F 2 Replies Last reply Reply Quote 1
                                          • BenMcLeanB
                                            BenMcLean @dankcushions
                                            last edited by BenMcLean

                                            @dankcushions said in PICO-8: Retroarch lr-retro8 core installation script:

                                            @folly it's pretty standard for projects wanting changes grouped into single commits, but squashing commits is a 1 minute job in the command line once you know how. i know it's a pain but i encourage you to learn git on the command line: https://git-scm.com/docs/gittutorial - it's a useful skill these days!

                                            If I get a good or at least reasonable pull request put in for adding pico8 to Carbon, will it take months or years to be merged in? I see other PRs sitting there a long time.

                                            F 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.