Replacing Emulationstation splash screen

quicksilver

@obscuredbyclouds Can you give some more information about your setup then? Are you using retropie? on a pi? a computer?

obscuredbyclouds

@quicksilver Yeah@ RetroPie 4.4 on pi B plus, running the 128GB RetroRama.Rampage v2 image.

obscuredbyclouds

@herb_fargus Is there a walk through for this? Otherwise it's above my pay grade.

quicksilver

@obscuredbyclouds 3rd party images are not supported here. But why do you want to replace the ES splash screen? Are you trying to run two splash screens? Just turn the ES one off and replace the default Retropie splash screen with one that you want. Problem solved.

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

obscuredbyclouds

@quicksilver the problem is, when I disable ES splash screen then there is a minute or two of a black screen while it loads. I can replace RetroPie splash screen, that's not an issue. Which is why I am looking to replace ES splash screen. Then there would be two splashes, which is fine I guess. If I know how to REPLACE ES splash screen I could disable RetroPie splash screen and there would only be one.

mitu

@obscuredbyclouds said in Replacing Emulationstation splash screen:

Yes, tho I don't understand it. I asked if there was a walk through, or some direction. I understand it is read from the splash.svg image file. Which is in the resources folder. I don't know what to do with that information.

There is no walkthrough, but do you really need one for just replacing a file ? The installation folder for Emulationstation on a RetroPie system is /opt/retropie/supplementary/emulationstation. You have to replace the splash.svg file in the resources sub-folder - so in /opt/retropie/supplementary/emulationstation/resources - with your own .svg file. Does that make it easier ? Note that the regular pi user cannot write to that folder, so you'd have to use sudo to copy the file in that location.

obscuredbyclouds

@mitu thank you, this I can do once I figure out how to make my own, .svg file. I should be able to search for that. Thank you very much. I will give this a go when I get home, again, thanks.

mitu

@obscuredbyclouds Inkscape is an open source SVG editor you can install and use to create your own image.

quicksilver

@obscuredbyclouds This is a tutorial by our very own UDb23

https://retropie.org.uk/forum/topic/7357/tutorial-create-vector-logo-from-bitmap

Its has some good info on how to make SVGs

obscuredbyclouds

@mitu yeah, I see that, cool, I think I can take it from here, again thank you.

boonheilig

@mitu said in Replacing Emulationstation splash screen:

You have to replace the splash.svg file in the resources sub-folder - so in /opt/retropie/supplementary/emulationstation/resources - with your own .svg file. Does that make it easier ? Note that the regular pi user cannot write to that folder, so you'd have to use sudo to copy the file in that location.

Yes, this worked for me, thanks @mitu .

I made sure my saved .svg was version 1.1 and all elements used the same SVG namespace. Occasionally editors add namespaces inconsistently. I copied the namespace from the original.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1280px" height="720px" viewBox="0 0 1280 720" enable-background="new 0 0 1280 720" xml:space="preserve">

And also i made sure the svg had the exact width and height as the original (not responsive).
Keep in mind that the background is black so contrast your colours accordingly.