Updated RetroPie tab in EmulationStation

[chito]

So I noticed that in Emulation station, the retropie tab has no logo or theme kinda.
So i created the following if anyone want it.

[attachment file=”retropie_art.jpg”]

Just replace the png files inside /etc/emulationstation/themes/simple/retropie/art with these ones in the attached zip file

updated retorpie logo to SVG, svg has been optimised and cleaned up. unable to attach but available on my repo

[chito]

Ive uploaded it to my github repo as well:

https://github.com/israelperez/retro-gaming/tree/master/theme/retropie-tab

[herbfargus]

It’s there:

https://github.com/RetroPie/es-theme-simple/tree/master/retropie

And there is a pull request to fix it but it hasn’t been merged yet

https://github.com/RetroPie/es-theme-simple/pull/7

It can be updated from the theme installer:

https://github.com/RetroPie/RetroPie-Setup/wiki/themes

[chito]

[quote=109918]It’s there:

https://github.com/RetroPie/es-theme-simple/tree/master/retropie
[/quote]

I took a look at the SVG logo in the that link. There are quiet a few issues with it. Ive edited it and its now way cleaner and optimised with less objects and redundant paths. Ive added the cleaned up version to my repo, although its styled the way I’ve used. I could create it to match the one in that link if you guys are interested.

[herbfargus]

Look at the svg on the pull request as its cleaner than the current svg you looked at. But ill look them both over and if yours is cleaner I can put it in place of the one currently in the pull request

[chito]

So i noticed the color in some parts seems off. the black for the joystick nob and the buttons is a yellowish black… that doesnt seem right does it? i made them full black in my version

On an off note. do you know if the artwork for the controllers used in the retropie github documentation is available somewhere?

[herbfargus]

One minor improvement on your retropie svg- cut the canvas to the content so there isn’t as much white space surrounding it, so that it grows to its full size when selected on the system select, otherwise that whitespace doesnt make it grow as much- so it looks smaller than it should. once that’s sorted feel free to submit a pull request to replace the svg https://github.com/RetroPie/es-theme-simple

As far as the artwork for the controllers for the documentation, Taalas did those on our repo:

https://github.com/taalas/RetroPie-Artwork/tree/master/Source_Graphics

if you use them be sure to provide proper attribution to Taalas.

The wireframes for the controllers on the carbon repo are of course also available https://github.com/HerbFargus/es-theme-carbon but again be sure to provide proper attribution (to rookervik for the carbon files)

Tronkyfran is also working on 3d wireframes of the consoles rather than the controllers, those should be ready in a few months I’m hoping.

[chito]

I dont know how to create a pull request lol but ive updated the logo on my repo I dont mind if it doesnt get used but if you want could you use that?

Also I played around with the logo and made these flat versions of the logo. Not going to pull request these as i dont think they will go for it. just wanted to see what people think. I may end up using these on my personal machine

[attachment file=”retropie-original-flat.png”]
[attachment file=”retropie-original-flat-outline.png”]

[Anonymous]

Hello! How can I remove this item (Retropie) from the menu?
To leave only one emulator!

[chito]

you need to edit your es_systems.cfg. read the wiki here

herbfargus
I noticed that when i went to use my svg in retropie, it was showing up as all black.
when i opened my new file and the original svg in a text editor, i noticed that illustrator is saving the svg with style tags and class instead of add fill to the path.

<style type="text/css">
	.st0{fill:#FDE209;}
</style>
<path class="st0" d="M3280.9-304.4c8,7.9,18.6,8,26.7,0.1c8.1-7.9,16-16,24-24c3.7-3.7,5.9-9.8,5.9-13.5c-0.1-3.5-2.6-9.5-5.7-12.9
		c-7.8-8.6-16.3-16.7-24.6-24.7c-7.9-7.6-18.2-7.7-26.1,0c-8.4,8-16.6,16.3-24.6,24.6c-7.7,7.9-7.6,18.6,0.2,26.5
		C3264.8-320.3,3272.8-312.3,32 blah blah blah

instead of this

<path fill="#FDE209" d="M3280.9-304.4c8,7.9,18.6,8,26.7,0.1c8.1-7.9,16-16,24-24c3.7-3.7,5.9-9.8,5.9-13.5c-0.1-3.5-2.6-9.5-5.7-12.9
		c-7.8-8.6-16.3-16.7-24.6-24.7c-7.9-7.6-18.2-7.7-26.1,0c-8.4,8-16.6,16.3-24.6,24.6c-7.7,7.9-7.6,18.6,0.2,26.5
		C3264.8-320.3,3272.8-312.3,32 blah blah blah

ive manually corrected this and now its working. but how can i get illustrator to save it correctly? i couldnt find anything on google.

also ive updated the flat version of the logo. as an svg its only 20.5kb
[attachment file=”retropie.png”]

[herbfargus]

Rookervik and I had the same issue (I honestly just used inkscape cause I don’t have adobe) but emulationstation is very picky about how the svgs are drawn (probably an old svg library) so its important to test in emulationstation always before you add anything as it may look fine and then you turn it on and it doesn’t show up (happened many times to me in my testing ha ha)

You probably have a better idea than me. You could also ask rookervik as he has illustrator and did all the graphics for the carbon theme.

[chito]

FYI: took about of mucking around but Ive found how to save the svgs correctly in illustrator. When you save the file click on more options. then under advanced options > Css properties: select “Presentation Attributes” from the drop down list…

currently working on an updated megadrive logo but im having trouble with complex gradients.

[attachment file=”megadrive.png”]

[Author]

Posts