modify logo and menu emulationstation

Home Forums RetroPie Project Emulation Station Themes modify logo and menu emulationstation

RetroPie has a new website and forum. Please visit https://retropie.org.uk/ for the new site. The new forum is located at https://retropie.org.uk/forum/. This forum is left here as a read-only archive.

This topic contains 57 replies, has 14 voices, and was last updated by Profile photo of threepwood threepwood 1 year, 7 months ago.

Viewing 35 posts - 1 through 35 (of 58 total)
  • Author
    Posts
  • #20787

    retropieGM63

    Hello,

    i want to personalize emulationstation, i want to change the logo “emulationstation loading” on boot. And i will be disable “quit emulationstation” to menu “quit”.

    It’s possible or not

    thank you for your answer

    #21197

    Xboxclassic

    Yes it is possible to do both.

    Emulation bootscreen-
    to insert picture of your choice you need to exit emulationstation and start Linux (startx at command prompt)
    in Linux go to File explorer.
    goto
    /home/pi/RetroPie-Setup/supplementary/splashscreens
    make a new folder for you picture.
    insert your picture into this folder — It must be in either .JPG or .Png format.

    now log out of Linux.

    at command prompt type
    cd RetroPie-Setup
    sudo ./retropie_setup.sh

    (if you get error about hdspace ignore and press y enter)

    Go down to option 3 (enter)
    Go down to option 313 (enter)
    Go down to Your Splashscreen that you created (enter)

    message = Splashscreen set (enter)
    goto cancel (arrow keys Enter)(or Escape)

    go down to 7 Perform Reboot (OK)(Enter)

    as for quit emulationstation to quit
    if you mean as in short to exit with single button press
    either by key or joystick
    then you`d have to edit
    emulationstation menu configuration itself there are many tutorials on hotkey whichmay help.

    #21282

    retropieGM63

    It’s this image that i want change

    don’t this

    http://blog.petrockblock.com/wp-content/uploads/2014/06/splashscreen.png

    and the 2th point i want disable the function ‘quit emulationstation’ i want this disappear from the menu quit

    #21310
    Profile photo of InsecureSpike
    InsecureSpike
    Participant

    hi, is that for the 1st [RetroPie boot screen or the 2nd [EmulationStation]?
    thought the OP was for the 2nd one

    #21312
    Profile photo of InsecureSpike
    InsecureSpike
    Participant
    #21319

    retropieGM63

    i don’t understand, it’s possible or not

    i want change the screen “emulationstation loading”

    and i want to disable the function “quit emulationstation” to GUI menu

    #21351
    Profile photo of InsecureSpike
    InsecureSpike
    Participant

    ask Aloshi the creator of emulation station, you can ask him here..

    https://github.com/Aloshi/EmulationStation/issues

    #21572

    retropieGM63

    thanks

    i look this him

    #22266
    Profile photo of roquen
    roquen
    Participant

    The splash screen is an SVG file thats compiled into emulationstation. The only way to change this is to modify the source and then compile it again.

    Aloshi doesnt intend on making it easy to change the loading screen because they want to force their “branding”

    #23538
    Profile photo of nilsbyte
    nilsbyte
    Participant

    Hi folks, i wanted to give a statement over here, too.

    I am the UI designer and collaborator of Aloshi on his project EmulationStation. As you can see we pushed ES very far, created a whole new UI, extended the theming system and gave it a logo that is the official branding.

    Just like other applications have their logo, so do we. It will be displayed upon launch of the application. It’s not supposed to be replaced by something else. It’s also not possible to change the background color of the logo as it’s supposed to be on white for best contrast.

    Of course ES is open source and you can alter the source code to place your own logo or remove it completely, but the official branch will always contain the loading screen with the ES logo.

    @retropieGM63 i noticed your bad english, if you are from germany i may be able to describe it to you in this language. i am not sure if you got what i wrote numerous times now.

    I hope you all understand. Thank you

    #24571
    Profile photo of roquen
    roquen
    Participant

    I think the goal of most people working with the Rpi, and linux user environments in general is to make a seamless and brandless experience. I don’t think its unreasonable to expect people to want to go brandless or to make their setup look like a custom system.

    I don’t think its necessary to make it easy to change or anything, i’m just sayin’.

    #24580
    Profile photo of nilsbyte
    nilsbyte

    I will talk to Aloshi and ask him if it’s possible to add a command line switch to hide the loading screen completely. That would be okay for me. That way the customizable RetroPie splash screen would be the only visible branding.

    #25607

    Xboxclassic

    Hi,
    As for changing the “ES” screen look on the Web for an SVG editor
    save image and new web page will open right click save page as.
    will automatically save as svg file.
    Copy this file to your RPI as sudo.
    If you have any good screeners please upload for all to try.

    PS
    I Personally like the new look

    #25616
    Profile photo of nilsbyte
    nilsbyte
    Participant

    Hi,
    As for changing the “ES” screen look on the Web for an SVG editor
    save image and new web page will open right click save page as.
    will automatically save as svg file.
    Copy this file to your RPI as sudo.
    If you have any good screeners please upload for all to try.

    PS
    I Personally like the new look

    Thats just wrong. Don’t confuse people with this.

    #25735
    Profile photo of InsecureSpike
    InsecureSpike
    Participant

    personally, it should stay as it is as Aloshe’s put in a big heap of work to this project, and having the splash and accepting it is giving him the credit he deserves! and you too Nils! great work guys!
    thanks

    edit: or, if it must be changed, here’s a thought, is there any way for the user to select any image, but somehow with the logo actually being automatically added or having the logo over-lay the custom image, not as large as the original maybe half the size, possibly center bottom area, so as the logo and text are always seen/used, but with a custom background, and still giving Aloshe and Nils the credit they deserve
    just a thought

    #25992

    Xboxclassic

    nilsbyte wrote

    “Thats just wrong. Don’t confuse people with this.”

    if you are talking about svg editor I am sorry to admit this but but it seems that it is you that is wrong.!

    These editors are freely available for download anywhere on the web.
    Have or are you trying to hide something ?

    I thought EmulationStation was produced under the GNU License.
    which means the info on this subject should be made public.

    The only thing left to do is locate where this particular SVG is ?

    If you really want to help how about placing a command where we can change it.(Like the splash-screen)in RetroPie setup.

    This may be a better option for all out there.

    PS
    Not once have I discredited Everyone’s work on this project including yours.

    It`s Publicly funded organized and run so please don’t try and privatize it.

    Give the public what they want.!

    Who knows there may be a GUI/Graphics designer out there
    that even you admire their work.

    Love the work to date minus few minor issues.

    #26137
    Profile photo of nilsbyte
    nilsbyte
    Participant

    As for changing the “ES” screen look on the Web for an SVG editor

    I know, Inkscape for instance

    save image and new web page will open right click save page as.
    will automatically save as svg file.

    Thats the part that is not understandable. You cant simply save an image as SVG. SVG = Scalable vector graphics. This means your art is build from vectors. If you save pixel based stuff into an SVG file it totally fails it’s purpose. Your instructions are very unclear.

    Copy this file to your RPI as sudo.
    If you have any good screeners please upload for all to try.

    Assuming you want to compile ES from source code, it would work to copy the SVG to your pi. You have to place the SVG in the same folder where the original logo SVG is placed (/data/logo/ES_logo.svg). You will have to overwrite the file or change the path in the source code to point to your SVG. After that you can compile ES with your custom SVG.

    Replacing the logo after compiling ES is and will not be possible. Maybe we will add a command line switch to turn off the loading screen completely.

    I am not trying to privatize anything, you can fetch the source code and change it as you like. Of course you have to maintain your branch by yourself from that point on. As InsecureSpike wrote, we want to keep the logo because it’s the branding and it credits our work.

    PS: Next time, be more accurate with your instructions, that way everyone benefits from it.

    And thanks again for the compliment. All of your feedback is appreciated! I pointed out two solutions for your question. I hope it’s in your mind.

    #26157
    Profile photo of nilsbyte
    nilsbyte
    Participant

    or, if it must be changed, here’s a thought, is there any way for the user to select any image, but somehow with the logo actually being automatically added or having the logo over-lay the custom image, not as large as the original maybe half the size, possibly center bottom area, so as the logo and text are always seen/used, but with a custom background, and still giving Aloshe and Nils the credit they deserve
    just a thought

    from a graphical point of view that would be tricky to still look good with custom splash screens because you cant really adjust it in a way that suits all possibilities. I will give this suggestion a second thought and some tests. Maybe I can come up with a solution.

    Thanks for your feedback!

    #26273

    Xboxclassic

    nilsbyte wrote
    “save image and new web page will open right click save page as.
    will automatically save as svg file.”
    “Thats the part that is not understandable. You cant simply save an image as SVG. SVG = Scalable vector graphics. This means your art is build from vectors. If you save pixel based stuff into an SVG file it totally fails it’s purpose. Your instructions are very unclear.”

    the program was
    svg-edit-2.7 (windows)

    once you try it you will find you export pics will open a web page

    eg:mozilla

    on this page that has just opened
    you right click and save as ES_logo.svg

    make sense!
    have fun.

    PS thanks for the location of ES_logo.svg

    PSS I do like the new logo and feel it should stay.

    Thanks.

    #26313
    Profile photo of nilsbyte
    nilsbyte
    Participant

    Thanks for the instructions. I didn’t know that WEB BASED SVG EDITOR and yes, it opens a new page in your browser if you select “SAVE IMAGE” from the menu. then you can save the SVG to disk. Now I understand.

    If it should stay, why do you want to replace it? 🙂 Just sayin’
    I will talk to Aloshi if he can add the switch to hide the splash screen. I will post here if i have an answer.

    #26352

    Xboxclassic

    nilsbyte wrote

    “If it should stay, why do you want to replace it? 🙂 Just sayin’ ”

    It was retropieGM63 that requested this change not I.

    So now it seems that this request has been fulfilled.

    The answers to retropieGM63 is quite simply yes it can all be changed.

    As for disable “quit emulationstation” to menu “quit”.
    that is a W.I.P module.
    I think an .Sh linked to hotkey should be sufficient.
    then on top of that the actual pop menu needs to be hidden/removed.

    Keep up the great work guys.
    with emulationstation the sales of the RPI`s have increased dramatically.

    #26696
    Profile photo of trimmtrabb
    trimmtrabb
    Participant

    @nilsbyte You guys have done an amazing job on the new ES, really impressive! Thankyou!

    If you have found the solution to your problem please mark the topic as resolved.

    #27571
    Profile photo of roquen
    roquen
    Participant

    How difficult would it be to build a totally different program (we can call it SplashSVG-rpi) that demonstrates a splash screen using SVG files for the total duration of the boot process.

    Maybe even with an animation. This would remove the multiple splash screens from retropie and then emulationstation, The default SVG could be a raspberry logo in the center, with branding across the bottom like a vinyl sticker logo on a racecar (ill try to find an example)

    emulationstation retropie raspbian lolcats microsoft

    aside from all this talk about what could be, huge kudos to you for what there is now. I think its very well rounded and the theme is beautiful.

    #33750
    Profile photo of whoismezero
    whoismezero
    Participant

    You could use omxplayer to play a video instead of the retropie splash screen and keep it playing above emulationstation while it’s splash screen is displayed. You just have to make sure the video is long enough that when it stops playing, emulationstation is done loading (approx. 45 seconds).

    Here’s how to do it:

    First copy the video you’d like to use to your home directory ( /home/pi )

    Then install omxplayer
    sudo apt-get install omxplayer

    Then modify the splash screen script to play your video instead of displaying the retropie splash screen image
    sudo nano /etc/init.d/asplashscreen

    comment out (or delete) these lines:

        line=$(head -n 1 /etc/splashscreen.list)
        isMovie=$(echo $line | grep -o "*.mpg")
        if [ -z "$isMovie" ]; then
          /usr/bin/fbi -T 2 -once -t 30 -noverbose -a -l /etc/splashscreen.list &
        else
          mplayer $line &
        fi

    and above them (under the first do_start () { ) add this line:
    omxplayer -o hdmi --layer 10000 /home/pi/splash_screen_video.mp4 &

    Save with Ctrl+X then enter
    And then reboot with sudo reboot
    Once the Pi turns back on it will start playing your video, and if your video is long enough it will go straight into the carousel view once the video ends.

    #44364
    Profile photo of littlefriend420
    littlefriend420

    Why not offer a variety of splash screens for the user to choose from? You can stick with your branding and allow for at least the illusion of customization.

    #44409
    Profile photo of nilsbyte
    nilsbyte
    Participant

    RetroPie itself offers a variety of splash screens and you even can use your own. This should be sufficient for everyone. I won’t discuss this further, sorry. Head over to the github page of emulationstation to file a request.

    #81986
    Profile photo of wrichards
    wrichards
    Participant

    You could use omxplayer to play a video instead of the retropie splash screen and keep it playing above emulationstation while it’s splash screen is displayed. You just have to make sure the video is long enough that when it stops playing, emulationstation is done loading (approx. 45 seconds).
    Here’s how to do it:
    First copy the video you’d like to use to your home directory ( /home/pi )
    Then install omxplayer sudo apt-get install omxplayer
    Then modify the splash screen script to play your video instead of displaying the retropie splash screen image sudo nano /etc/init.d/asplashscreen
    comment out (or delete) these lines:

        line=$(head -n 1 /etc/splashscreen.list)
        isMovie=$(echo $line | grep -o "*.mpg")
        if [ -z "$isMovie" ]; then
          /usr/bin/fbi -T 2 -once -t 30 -noverbose -a -l /etc/splashscreen.list &
        else
          mplayer $line &
        fi

    and above them (under the first do_start () { ) add this line: omxplayer -o hdmi --layer 10000 /home/pi/splash_screen_video.mp4 &
    Save with Ctrl+X then enter And then reboot with sudo reboot Once the Pi turns back on it will start playing your video, and if your video is long enough it will go straight into the carousel view once the video ends.

    this does not work like I thought, its the problem I have now, the emulation station screen loads OVER the video, I can still hear my video playing behind it…. 🙁 not to discredit anyone, but I would be more than happy to put emulation station as a logo on the video. but I thought the video would just over write the ES splash, in 2.3 it doens seem to do that, unless I really missed something….

    #81987
    Profile photo of whoismezero
    whoismezero
    Participant

    this does not work like I thought, its the problem I have now, the emulation station screen loads OVER the video, I can still hear my video playing behind it…. :( not to discredit anyone, but I would be more than happy to put emulation station as a logo on the video. but I thought the video would just over write the ES splash, in 2.3 it doens seem to do that, unless I really missed something….

    Did you make sure to put add the --layer 10000 in the omxplayer -o hdmi --layer 10000 /home/pi/splash_screen_video.mp4 command? If so, try making the layer number higher and see if that works, maybe try 50000.

    • This reply was modified 2 years, 5 months ago by Profile photo of whoismezero whoismezero.
    #82029
    Profile photo of whoismezero
    whoismezero
    Participant

    I just tested it with a fresh installation and the --layer 10000 command made the video play over the top of EmulationStation.

    #82149
    Profile photo of davidesm
    davidesm
    Participant

    Followed these precisely (3 times now) and am still getting no video. No splash screen at all.

    On load, reading the lines running there is a line where it reads:
    /etc/init.d/asplashscreen 14: /etc/init.d/asplashscreen omx: not found

    However omx is definitely installed, trying apt get again just says I have the latest version.

    Any suggestions?

    #82151
    Profile photo of whoismezero
    whoismezero
    Participant

    Followed these precisely (3 times now) and am still getting no video. No splash screen at all.
    On load, reading the lines running there is a line where it reads: /etc/init.d/asplashscreen 14: /etc/init.d/asplashscreen omx: not found
    However omx is definitely installed, trying apt get again just says I have the latest version.
    Any suggestions?

    Just to try to clarify, does it say “omx: not found” or does it say “omxplayer: not found”?

    If it does say “omx: not found” make sure there isn’t a space between omx and player in your asplashcreen script.

    #82152
    Profile photo of davidesm
    davidesm
    Participant

    Yeah, I went back and caught that, but am running into a new issue.

    Now it says “asplashscreen: no such file or directory”

    Here is my current asplashscreen text:

    #! /bin/sh
    ### BEGIN INIT INFO
    # Provides: asplashscreen
    # Required-Start:
    # Required-Stop:
    # Default-Start: S
    # Default-Stop:
    # Short-Description: Show custom splashscreen
    # Description: Show custom splashscreen
    ### END INIT INFO

    do_start () {

    omxplayer -o hdmi –layer 10000 /home/pi/splash_screen_video.mp4 &
    exit 0
    }

    case “$1″ in
    start|””)
    do_start
    ;;
    restart|reload|force-reload)
    echo “Error: argument ‘$1’ not supported” >&2
    exit 3
    ;;
    stop)
    # No-op
    ;;
    status)
    exit 0
    ;;
    *)
    echo “Usage: asplashscreen [start|stop]” >&2
    exit 3
    ;;
    esac

    :

    And my video file is splash_screen_video.mp4 located in /home/pi/

    • This reply was modified 2 years, 5 months ago by Profile photo of davidesm davidesm.
    #82162
    Profile photo of nilsbyte
    nilsbyte
    Participant

    Guys, this is somewhat pointless. The time ES needs to load varies depending on the number of systems and ROMs present in your folders. If you overlay a video with omxplayer, you would have to stop the time ES needs to load completely for your individual installation. And then it’s only valid until you add more ROMS. The video would always play either longer than ES needs to get to the carousel or shorter.

    EmulationStation is branded, it will stay like this, but you can always take the source, replace the svg for the logo and compile it. Easiest way.

    • This reply was modified 2 years, 5 months ago by Profile photo of nilsbyte nilsbyte.
    #82189
    Profile photo of whoismezero
    whoismezero
    Participant

    Guys, this is somewhat pointless. The time ES needs to load varies depending on the number of systems and ROMs present in your folders. If you overlay a video with omxplayer, you would have to stop the time ES needs to load completely for your individual installation. And then it’s only valid until you add more ROMS. The video would always play either longer than ES needs to get to the carousel or shorter.
    EmulationStation is branded, it will stay like this, but you can always take the source, replace the svg for the logo and compile it. Easiest way.

    It’s not pointless.

    I’m not trying to cover up the EmulationStation logo, I am trying to cover up the RaspberryPi boot up messages. I time my video to end during the EmulationStation loading screen so that I can make sure that the branding is visible during boot up, and I also end my video with the EmulaitonStation logo so that there is, not only, a seamless transition between my video and the program but also so that I can ensure that the logo will be visible no matter how long it takes to boot up.

    Replacing the svg is not the easiest way.
    For somebody who has never worked with any type of programming before and is using this arcade machine project as an introduction to Linux, modifying source code and compiling would be a very daunting and difficult task.

    Besides that, it actually isn’t as easy as replacing the svg and compiling. After you replace the svg, you have to run a script (after you’ve changed it’s permissions) that creates a file based from the svg, and then you have to analyse and modify that file before you compile otherwise it will fail. Also, if you are compiling on a RaspberryPi, compiling the source code takes multiple hours. This is not ideal for a beginner.

    Making a simple modification to a splashscreen script and transferring a video file is much, much easier.

    #82190
    Profile photo of whoismezero
    whoismezero
    Participant

    Yeah, I went back and caught that, but am running into a new issue.
    Now it says “asplashscreen: no such file or directory”

    Try running just the omxplayer -o hdmi –layer 10000 /home/pi/splash_screen_video.mp4 command from either the console/terminal or through SSH.

    This will hopefully give a more specific error message.
    I think it is likely that there is a small difference between the location you are pointing to in the script and the actual filename and location. (maybe an extra “.” or space that you missed)

Viewing 35 posts - 1 through 35 (of 58 total)

Forums are currently read only - please visit the new RetroPie forums at https://retropie.org.uk/forums/

Skip to toolbar