Replacing Emulationstation splash screen

quicksilver

@obscuredbyclouds are you asking how to change the retropie splash screen? Are you using retropie?

obscuredbyclouds

@mitu said in Replacing Emulationstation splash screen:

@obscuredbyclouds You got an answer on your first post - did you look at it ?

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.

obscuredbyclouds

@Brigane

Yeah I saw that thread, which is why I was asking if there was any up to date information.

obscuredbyclouds

@quicksilver I would like to replace EmulationStation loading splash screen with a custom video/image. I can not find any info on that that is up to date. I can find how to disable the splash screen but not to replace. Any help would be great!

herb_fargus

@obscuredbyclouds last I checked the emulationstation splash had to be converted to binary and recompiled into the source. But it may have changed since then.

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.