{"id":955,"date":"2021-02-09T05:00:13","date_gmt":"2021-02-09T05:00:13","guid":{"rendered":"http:\/\/bullyrooks.com\/?p=955"},"modified":"2021-02-09T20:02:21","modified_gmt":"2021-02-09T20:02:21","slug":"adding-themes-and-splashscreen","status":"publish","type":"post","link":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/09\/adding-themes-and-splashscreen\/","title":{"rendered":"Adding Themes and Splashscreen"},"content":{"rendered":"\n

We want to choose a theme and splashscreen to make our retropie unique. I’ll show you how to do that here.<\/p>\n\n\n\n

Choosing a Theme<\/h2>\n\n\n\n

The built in emulationstation themes are pretty good. You can view them here<\/a>. Just make sure to choose a theme that supports video. <\/p>\n\n\n\n

If you don’t see one that you like you can always pull in a custom theme that has not quite made it into the RetroPie build yet. For example, I really (REALLY) like neon overdrive theme<\/a>. I’ll show you how to download and install a custom theme.<\/p>\n\n\n\n

First make sure that emulationstation is not running. The easiest way is to boot directly in and quit it from the UI. Then SSH into your Pi.<\/p>\n\n\n\n

mkdir .emulationstation\/themes\ncd .emulationstation\/themes\/<\/code><\/pre>\n\n\n\n
Get the url to the git directory where the theme is stored and navigate to that location in your browser.  I’m going to use this one<\/a> for my example.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Click the green download code button and copy out the url for the git repository.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
In the SSH terminal use git to download the git repository into your themes directory<\/p>\n\n\n\n
pi@retropie:~\/.emulationstation\/themes $ git clone https:\/\/github.com\/KALEL1981\/es-theme-neon-overdrive-green-blue-gradient.git\nCloning into 'es-theme-neon-overdrive-green-blue-gradient'...\nremote: Enumerating objects: 20, done.\nremote: Counting objects: 100% (20\/20), done.\nremote: Compressing objects: 100% (19\/19), done.\nremote: Total 520 (delta 3), reused 0 (delta 0), pack-reused 500\nReceiving objects: 100% (520\/520), 9.82 MiB | 6.93 MiB\/s, done.\nResolving deltas: 100% (9\/9), done.\n<\/code><\/pre>\n\n\n\n
use ls to confirm that your directory was created<\/p>\n\n\n\n
pi@retropie:~\/.emulationstation\/themes $ ls\nes-theme-neon-overdrive-green-blue-gradient<\/code><\/pre>\n\n\n\n
Find a Splashscreen<\/h2>\n\n\n\n
Now you need to find a splashscreen that you like.  I like this one<\/a> (download link is in the youtube description).  You can find them via google or reddit<\/a>.<\/p>\n\n\n\n
Upload it onto your pi via windows explorer, SCP or USB drive.  You will want to make sure that the splashscreen gets uploaded to ~\/RetroPie\/splashscreens<\/code> (windows explorer has a mapped folder which automatically puts it in the right place)<\/p>\n\n\n\n
Configure Splash Screen<\/h2>\n\n\n\n
You can configure emulationstation from the command line to use your splashscreen.  Open the retropie configuration.  Make sure that you’re in the home directory for the pi user (cd ~<\/code>)<\/p>\n\n\n\n
pi@retropie:~ $ sudo RetroPie-Setup\/retropie_setup.sh<\/code><\/pre>\n\n\n\n
Go to Configuration\/tools<\/code> then splashscreen<\/code>.  Select choose splashscreen<\/code>, own\/extra splashscreens<\/code> and select your splashscreen.<\/p>\n\n\n\n
Create Launching Images<\/h2>\n\n\n\n
Launching images are customized screens that display after you select a game before it actually starts playing.  Normally, RetroArch displays a boring blue screen here, but you can make it look a lot nicer.<\/p>\n\n\n\n
Make sure you installed the experimental package launchingimages<\/code>.<\/p>\n\n\n\n
Open Configuration\/tools\/launchingimages<\/code>.  Open Image generation settings<\/code>.  The only thing you may need to change is theme.  It will only work with installed themes, so make sure that you have your preferred theme installed before this step.  Unfortunately, neon overdrive doesn’t work (but you can install synthwave and that does work).  You can leave everything else as default and back out.  Now select Generate launching images<\/code>, hit start and proceed.  It should then generate, preview and prompt you to confirm each image.<\/p>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
That should be it.  Before we start emulationstation again, we’re going to install some background music to play while we’re viewing the library.<\/p>\n\n\n\n
Let me know in the comments below which themes (especially custom ones), splashscreens or creators you like.<\/p>\n","protected":false},"excerpt":{"rendered":"
\nWe want to choose a theme and splashscreen to make our retropie…\n<\/div>\n
Continue reading “Adding Themes and Splashscreen”<\/span>…<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[109],"tags":[121,112,123,122],"course":[108],"class_list":["post-955","post","type-post","status-publish","format-standard","hentry","category-gaming","tag-emulationstation","tag-retropie","tag-splashscreen","tag-themes","course-build-customize-retropie","entry"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":968,"url":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/10\/starting-emulationstation-and-theme-setup\/","url_meta":{"origin":955,"position":0},"title":"Starting EmulationStation and Theme Setup","author":"Bullyrook","date":"February 10, 2021","format":false,"excerpt":"We should be all done except for a few things that we need to be in emulationstation for. Lets reboot the Pi to the emulationstation start screen. Starting EmulationStation You should have seen your splash screen on boot and hear your music startup shortly after emulationstation started. Congratulations! Picking a\u2026","rel":"","context":"In "Gaming"","block_context":{"text":"Gaming","link":"https:\/\/bullyrooks.com\/index.php\/category\/technology\/gaming\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":965,"url":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/10\/adding-background-music-to-emulationstation\/","url_meta":{"origin":955,"position":1},"title":"Adding Background Music to EmulationStation","author":"Bullyrook","date":"February 10, 2021","format":false,"excerpt":"One of the features I saw used in some of the images I looked at was background music playing while browsing the library. I'll show you how to get that setup. I'll be following the instructions here for the most part. Setting up mpg123 SSH into your Pi and run\u2026","rel":"","context":"In "Gaming"","block_context":{"text":"Gaming","link":"https:\/\/bullyrooks.com\/index.php\/category\/technology\/gaming\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":952,"url":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/09\/scraping-rom-metadata\/","url_meta":{"origin":955,"position":2},"title":"Scraping ROM Metadata","author":"Bullyrook","date":"February 9, 2021","format":false,"excerpt":"In order to help make EmulationStation useful and good looking we want to add metadata to the ROMs in the library. We can use skyscraper to do this. Configure Your Controller Reboot your Pi and wait for it to get to the EmulationStation screen. Lets configure the controller now (make\u2026","rel":"","context":"In "Gaming"","block_context":{"text":"Gaming","link":"https:\/\/bullyrooks.com\/index.php\/category\/technology\/gaming\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":928,"url":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/09\/overview-and-prerequisites-for-building-a-retropie\/","url_meta":{"origin":955,"position":3},"title":"Overview and Prerequisites For Building a RetroPie","author":"Bullyrook","date":"February 9, 2021","format":false,"excerpt":"Retropie is a project which allows you to quickly install, manage and play a variety of emulators for various video game consoles. Its an excellent way to get started with most of the installation and configuration taken care of for you. Overview Retropie is build on two components RetroArch and\u2026","rel":"","context":"In "Gaming"","block_context":{"text":"Gaming","link":"https:\/\/bullyrooks.com\/index.php\/category\/technology\/gaming\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":943,"url":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/09\/retropie-first-startup\/","url_meta":{"origin":955,"position":4},"title":"RetroPie First Startup","author":"Bullyrook","date":"February 9, 2021","format":false,"excerpt":"We'll need to do a little initial configuration before we start adding consoles and games. Turn it on Make sure that your power, hdmi, keyboard and sd card are all plugged in. Turn it on. You should see the retropie start up. First some linux startup, then a retropie start\u2026","rel":"","context":"In "Gaming"","block_context":{"text":"Gaming","link":"https:\/\/bullyrooks.com\/index.php\/category\/technology\/gaming\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":932,"url":"https:\/\/bullyrooks.com\/index.php\/2021\/02\/09\/flashing-retropie\/","url_meta":{"origin":955,"position":5},"title":"Flashing Retropie","author":"Bullyrook","date":"February 9, 2021","format":false,"excerpt":"After you assemble the raspberry pi kit you'll need to flash the retropie image onto the SD card. Setup Imager Install raspberry pi imager and run the application. You should see a screen like this: From choose OS choose emulation and game OS Choose RetroPie Choose the version for the\u2026","rel":"","context":"In "Gaming"","block_context":{"text":"Gaming","link":"https:\/\/bullyrooks.com\/index.php\/category\/technology\/gaming\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bullyrooks.com\/wp-content\/uploads\/2021\/02\/image-43.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/posts\/955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/comments?post=955"}],"version-history":[{"count":3,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/posts\/955\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/posts\/955\/revisions\/961"}],"wp:attachment":[{"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/media?parent=955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/categories?post=955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/tags?post=955"},{"taxonomy":"course","embeddable":true,"href":"https:\/\/bullyrooks.com\/index.php\/wp-json\/wp\/v2\/course?post=955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}