Frontends & Launchers: Difference between revisions

From Retroid Handhelds
Jump to navigationJump to search
No edit summary
 
(44 intermediate revisions by 10 users not shown)
Line 3: Line 3:
! scope="col" style="text-align:left; color:white; background-color:#464646;"| Frontend/Launcher
! scope="col" style="text-align:left; color:white; background-color:#464646;"| Frontend/Launcher
! scope="col" style="text-align:left; color:white; background-color:#464646;"| Notes
! scope="col" style="text-align:left; color:white; background-color:#464646;"| Notes
|-
! scope="row" style="text-align:left;"| DIG
| Free (with optional paid updates). Theme-able. Mostly easy to configure. Has built-in scraping, which can be hit or miss. Pre-installed on the RP2. Available on the Play Store [https://play.google.com/store/apps/details?id=com.digdroid.alman.dig&hl=en_US here].
|-
|-
! scope="row" style="text-align:left;"| Pegasus
! scope="row" style="text-align:left;"| Pegasus
| Free. Fast. Immensely and overwhelmingly theme-able (can be skinned to look and behave exactly like any other frontend, given the time and effort). Open-source and actively in development. An absolute pain to configure, and lacks built-in scraping support. Actively being developed (an official Retroid Handhelds launcher is currently being developed with this frontend). Here's a very helpful [https://basvroegop.nl/pegasus guide] to help you set it up. Dev is optimizing it for the RP2. Not available on the Play Store. Download from [https://pegasus-frontend.org/#downloads here].
| Free. Theme-able. Open-source and actively in development. An absolute pain to configure, and has no built-in scraping support. Actively being developed (an official Retroid Handhelds launcher is currently being developed with this frontend). Here's a very helpful [https://basvroegop.nl/pegasus guide] to help you set it up. It is currently being optimized for the RP2. Not available on the Play Store. Download from [https://pegasus-frontend.org/#downloads here].
|-
|-
! scope="row" style="text-align:left;"| Dig
! scope="row" style="text-align:left;"| Beacon
| Free. Slow. Theme-able. Super easy to configure, and does have built-in scraping. Development has been abandoned and the app is closed-source. Consequently, this will never be able to launch certain emulators like Flycast and the GBA build of Retroarch included on RP2. Pre-installed on the RP2. Available on the Play Store [https://play.google.com/store/apps/details?id=com.digdroid.alman.dig&hl=en_US here].
| $3. Theme-able. Built-in scraping. Very easy to configure. Actively being developed by the dev, radiKal. Available on the Play Store [https://play.google.com/store/apps/details?id=com.radikal.gamelauncher here].  
|-
|-
! scope="row" style="text-align:left;"| RESET
! scope="row" style="text-align:left;"| RESET
| $5. Fast. Not theme-able (yet). Slick and easier than both Pegasus and Dig to configure. Built-in scraping. Actively being developed. Being optimized for the RP2 by the dev, Jav. Available on the Play Store [https://play.google.com/store/apps/details?id=com.retroloungelab.resetcollection&hl=en_US here].  
| $5. Not theme-able (yet). Slick and easier than both Pegasus and Dig to configure. Built-in scraping. Game randomizer, advanced search, automatic video snaps from YouTube, easily swap 2d/3d box art. Actively being developed and optimized for the RP2 by the dev, Jav. Available on the Play Store [https://play.google.com/store/apps/details?id=com.retroloungelab.resetcollection&hl=en_US here].  
|-
|-
! scope="row" style="text-align:left;"| RetroX
! scope="row" style="text-align:left;"| RetroX
| $12/year. Fast. Theme-able. The easiest to configure. Uses built-in emulator cores, giving you handy universal shortcuts in all of your games. Some systems might be faster in RetroX than on the RP2s pre-installed emulators, while some might be slower (currently). Emulation is less customizable than with other emulators. The subscription covers cloud saves, letting you stay synced across any device you use RetroX on, but its worth noting that internet access is required to open your games. Actively being developed, with a RP2 optimized performance version coming shortly by the dev, Franco Catrin. RetroX offers a 5 day free trial to see if its right for you. Not available on the playstore. Download from [https://RetroX.tv RetroX.TV].
| $12/year. Theme-able. The easiest to configure. Uses built-in emulator cores, giving you handy universal shortcuts in all of your games. Some systems might be faster in RetroX than on the RP2s pre-installed emulators, while some might be slower (currently). Emulation is less customizable than with other emulators. The subscription covers cloud saves, letting you stay synced across any device you use RetroX on, but its worth noting that internet access is required to open your games. Actively being developed, with RP2 optimized performance. Dev is Franco Catrin. RetroX offers a 5-day free trial to see if its right for you. Not available on the Play Store. Download from [https://RetroX.tv RetroX.TV].
|-
|-
! scope="row" style="text-align:left;"| ClassicBoy
! scope="row" style="text-align:left;"| LaunchBox
| $4. ClassicBoy is an all-in-one emulator that uses RetroArch cores. It has cores for PlayStation, GB, GBC, GBA, Nintendo 64, NES, SEGA, and NeoGeo. Contains standard features like audio settings, and save states. The developer hasn’t updated the app since 2014. It gives you free access to basic functions. Paying the upgrade fee is needed for it to be objectively usable. Pre-installed on the RP2. Available on the Play Store [https://play.google.com/store/apps/details?id=com.portableandroid.classicboyLite&hl=en_US here].
| $10. Like Launchbox on Windows, except on your Android device! Still early in development but coming along nicely, a $25 lifetime license is available. Also free for first 100 games, get it from their website [https://www.launchbox-app.com/android-download here].
|}
|}


== Pegasus Frontend ==
== Pegasus Frontend ==


A full guide can be found [https://basvroegop.nl/pegasus here].
Pegasus is a extremely powerful Frontend, it supports any emulator and can be themed in any way you want
 
A full guide for dummies how to configure the RP2 with games, themes and more can be found [https://github.com/dragoonDorise/pegasus-rp2-metadata/ here].
 
A video guide for setting up Pegasus can be found [https://youtu.be/fGWve7YYwGQ/ here.]
 
== Beacon Frontend ==


=== Installation ===
=== Installation ===


- First you need to allow non trusted APK installs. Open Settings, Security and mark "Unknown sources"
Get it from Play Store [https://play.google.com/store/apps/details?id=com.radikal.gamelauncher here].
 
- Download the app in https://pegasus-frontend.org/#downloads and install it in your RP2


=== Configuration ===
=== Configuration ===


Pegasus needs to have a file called metadata.pegasus.txt per system to specify which emulator you want to use, this can be a bit tedious but we've got you covered!
Go to Settings > Platforms and tap the plus button.


You can download config files for the RP2 emulators here: https://github.com/dragoonDorise/pegasus-rp2-metadata/
1. Platform type: choose from a pre-defined list of platforms, or tap "Custom" to input your own name for the platform.


All the configs are done using the best emulators as described in this wiki, for DS you should install DraStic, all other systems are emulated with the stock emulators.
2. Player app: the emulator you want to use for this platform


FYI: We're still working out the kinks to get N64 configured.
3. ROMs folder: the folder where the ROM files are located


Again, please reference the [https://basvroegop.nl/pegasus full guide] for a more complete tutorial on Pegasus with the RP2.
4. Box art aspect ratio: the aspect ratio you want to use for your box art images


=== Themes ===
5. (Optional) Advanced: edit more advanced options like custom launch commands or file handling (only if necessary)


You can use several themes, you would need to create a folder in your SD Card called "pegasus_frontend/themes" and put the theme files in a folder for each theme you want to use.
Screen: [https://i.imgur.com/lryaMR2.png]


Here are a couple of Pegasus Themes adapted for the Retroid Pocket's Screen:
=== Themes ===


[SwitchOS RP2 Edition](https://github.com/dragoonDorise/switchOS)
Go to Settings > Preferences.
Choose from a variety of colors, animated backgrounds, fonts and other options.


[gameOS RP2 Edition](https://github.com/dragoonDorise/gameOS)
Example: [https://i.imgur.com/ChSrCWA.png]


== DIG Frontend ==
== DIG Frontend ==
Line 56: Line 64:
=== Installation ===
=== Installation ===


Download and install from PlayStore https://play.google.com/store/apps/details?id=com.digdroid.alman.dig&hl=en_US.
DIG comes preinstalled on your Retroid Pocket. You can download and it install again from the Play Store [https://play.google.com/store/apps/details?id=com.digdroid.alman.dig&hl=en_US&gl=US here].


=== Configuration ===
[[File:Dig-icon.png | link=https://play.google.com/store/apps/details?id=com.digdroid.alman.dig&hl=en_US]]
 
=== Configuration ===  
 
Before you begin, make sure you are connected to the internet and have game ROMS in the RP2 SD Card folders, correctly named (the default scraping directory is [https://thegamesdb.net/ TheGamesDB]).


DIG runs out of the box. Allow prompt to access storage as it will need to scan your media to add ROMS.<br /><br />- The basic interface is pretty intuitive but very simple with no wallpapers.<br /><br />- Highly recommended to install different themes like the ones linked below or from the https://digdroid.com/forums/categories/themes DIG Forums.
The interface is basic black with text, until you install a theme and scrape the boxart.


You can also refer to the tutorial video from here.
<gallery>
File:Dig_installed.png|Home
</gallery>


Basic set-up tutorial for dig (with troubleshooting guide) on Retriod pocket 2:
<strong>[https://youtu.be/45MW6vinmpA Video tutorial for setup]</strong>
https://youtu.be/45MW6vinmpA


=== Themes ===
=== Themes ===


Copy your desired DIG theme zip file to your device. Do not unzip it as DIG will install themes in zip format.<br /><br />Themes are installed and selected from within the DIG app in Options tab by clicking on Themes.<br /><br />- Select "Install theme" and browse the zip file.<br /><br />- Once installed select the theme from the dropdown menu by clicking "Select theme".
The RP2 comes with 5 themes on the SD card, (also linked here below) designed for the RP2's 640x480 and 4x3 screen. Full size, 16:9 themes can also be downloaded from the [https://digdroid.com/forums/categories/themes DIG Forums].


Tutorial for installing themes for DIG on Retriod Pocket 2: https://youtu.be/xzD32TZ_ZRk
Copy your desired DIG theme zip file to your SD Card. Themes are installed from within DIG>Options>themes>Install Theme.


[<u>Wii 640x480</u> based on Riivive v1.1] (https://drive.google.com/file/d/1kz-lFvt7ErDtrpyn3Qcz97L96d3TWIrp/view?usp=sharing)
Once installed select the theme by clicking "Select theme". Wii 640x480 recommended.


[<u>Switch 640x480</u> based on Riivive v1.1] (https://drive.google.com/file/d/1qHdXgRyIeEGwy8ZWkXT2HODcozoufmh3/view?usp=sharing)
<strong>[https://youtu.be/xzD32TZ_ZRk Video tutorial for themes]</strong>


[<u>Switch 640x480 Dark</u> based on Riivive v1.1] (https://drive.google.com/file/d/1DhE_LPv5XqXBqVpxjqblAf8w-ycr9938/view?usp=sharing)
[https://drive.google.com/file/d/1kz-lFvt7ErDtrpyn3Qcz97L96d3TWIrp/view?usp=sharing Wii 640x480 (based on Huntzman Riivive v1.1)]


[<u>Retro Switch</u>] (https://drive.google.com/file/d/1Vjl3ez9mW7Uk-ySXPXrVrR74jCrFeDYQ/view?usp=sharing)
<gallery>
File:Wii_640x480_screenshot1.png|Home
File:Wii_640x480_screenshot2.png|Systems
File:Wii_640x480_screenshot3.png|Games
File:Wii_640x480_screenshot4.png|Game Info
File:Wii_640x480_screenshot5.png|Genres
</gallery>


[<u>Retro Switch Dark</u>] (https://drive.google.com/file/d/1KyzjO81ZC364wNPop5B7hCPB_saxqvmy/view?usp=sharing)
[https://drive.google.com/file/d/1qHdXgRyIeEGwy8ZWkXT2HODcozoufmh3/view?usp=sharing Switch 640x480 (based on Huntzman Riivive v1.1)]


<!-- #######  YAY, I AM THE SOURCE EDITOR! #########-->
<gallery>
<h2>Basic Tutorial for making themes for DIG frontend</h2>
File:Switch_640x480_screenshot1.png|Home
<p>This is a basic tutorial and in no way an official tutorial or documentation of DIG frontend.</p>
File:Switch_640x480_screenshot2.png|Systems
<p>written by /u/CricoidRiver 2020-09-29 12:25:15 AM 2690 words</p>
File:Switch_640x480_screenshot3.png|Games
<h3>Table of contents</h3>
File:Switch_640x480_screenshot4.png|Game Info
<table style="width: 303px; height: 338px;" border="1">
File:Switch_640x480_screenshot5.png|Genres
<tr>
</gallery>
<td style="width: 293.8px;">Software you need</td>
 
</tr>
[https://drive.google.com/file/d/1DhE_LPv5XqXBqVpxjqblAf8w-ycr9938/view?usp=sharing Switch 640x480 Dark (based on Huntzman Riivive v1.1)]
<tr>
 
<td style="width: 293.8px;">Things to know</td>
<gallery>
</tr>
File:Switch_Dark_640x480_screenshot1.png|Home
<tr>
File:Switch_Dark_640x480_screenshot2.png|Systems
<td style="width: 293.8px;">Backgrounds</td>
File:Switch_Dark_640x480_screenshot3.png|Games
</tr>
File:Switch_Dark_640x480_screenshot4.png|Game Info
<tr>
File:Switch_Dark_640x480_screenshot5.png|Genres
<td style="width: 293.8px;">Foregrounds</td>
</gallery>
</tr>
 
<tr>
[https://drive.google.com/file/d/1Vjl3ez9mW7Uk-ySXPXrVrR74jCrFeDYQ/view?usp=sharing Retro Switch]
<td style="width: 293.8px;">Toolbar</td>
 
</tr>
<gallery>
<tr>
File:Retro_Switch_640x480_screenshot1.png|Home
<td style="width: 293.8px;">Audio</td>
File:Retro_Switch_640x480_screenshot2.png|Systems
</tr>
File:Retro_Switch_640x480_screenshot3.png|Games
<tr>
File:Retro_Switch_640x480_screenshot4.png|Game Info
<td style="width: 293.8px;">Text</td>
File:Retro_Switch_640x480_screenshot5.png|Genres
</tr>
</gallery>
<tr>
 
<td style="width: 293.8px;">List Type</td>
[https://drive.google.com/file/d/1KyzjO81ZC364wNPop5B7hCPB_saxqvmy/view?usp=sharing Retro Switch Dark]
</tr>
 
<tr>
<gallery>
<td style="width: 293.8px;">Getting Started</td>
File:Retro_Switch_dark_640x480_screenshot1.png|Home
</tr>
File:Retro_Switch_dark_640x480_screenshot2.png|Systems
<tr>
File:Retro_Switch_dark_640x480_screenshot3.png|Games
<td style="width: 293.8px;">
File:Retro_Switch_dark_640x480_screenshot4.png|Game Info
<p>Using LDPlayer4 to visualize DIG themes</p>
File:Retro_Switch_dark_640x480_screenshot5.png|Genres
</td>
</gallery>
</tr>
 
<tr>
[https://mega.nz/file/SRYnjKRB#l7S7bgN0oeQscv1O_syPUZ59OMqC9K7w6eTnUrUV0eg Double Artwork (dbart)]
<td style="width: 293.8px;">
<p>Techniques and tips</p>
</td>
</tr>
<tr>
<td style="width: 293.8px;">
<p>Example of a theme folder</p>
</td>
</tr>
</table>
<p>&nbsp;</p>
<h3>Software you need</h3>
<hr />
<hr />
===Tutorial for making DIG themes===
Most DIG themes are formatted for 16:9 screens, but the RP2 displays in 640x480 and 4:3. This will make large 16:9 themes look cropped on the handheld.
DIG themes consists of 9 main screens:
<ul>
<ul>
<li>https://notepad-plus-plus.org/downloads/ <strong>Notepad++</strong>(free)&nbsp; or any other text editor to edit the theme config.</li>
<li>Home</li>
<li>https://www.ldplayer.net/blog/ldplayer-4-review.html<strong> LDPlayer4</strong> (free)&nbsp;Android emulator for PC. Not necessary but makes it easier to preview your theme's layout without needing to transfer the file to your handheld to test it. This guide is going to be based around this emulator.</li>
<li>Systems (NES, SNES, N64, PSX, etc.)</li>
<li>https://www.getpaint.net/download.html<strong> Paint.net</strong> (free) but if you have Photoshop that will work too.</li>
<li>https://forums.getpaint.net/topic/1964-grid-maker-plugin-v30-updated-july-2-2014/<strong> GridCheckerboard plugin</strong> for paint.net (free) this will allow to measure elements on screen at a glance. (60 pixel is a good grid to begin with).</li>
<li>A theme you like and wish to edit and customize, put it on your desktop for easy access. Themes can be found on the https://digdroid.com/forums/categories/themes <strong>DIG forums</strong>, some on <a href="https://www.reddit.com/r/retroid/">https://www.reddit.com/r/retroid/</a> <strong>/r/retroid</strong> and here in the /r/retroid <strong>wiki</strong>.</li>
<li>A <strong>DIG apk</strong> either extracted from your phone, RP2 or downloaded and copied to your PC.</li>
</ul>
<h3>Things to know</h3>
<hr />
<ul>
<li>The majority of DIG themes are formatted for 16:9 phones, tablets or screens but the RP2 displays in 4:3. This will make those themes look cropped on the handheld.</li>
<li>There is a lack of documentation and tutorials on how to create themes for DIG. This translates into a lot of trial and error when editing the config and figuring out how items display on the screen. This guide is not ideal in the sense that I took the "what you see is what you get" approach since a lot of config variables are either missing from the configs I checked (like padding, spacing, size, etc.) and adding them manually not always worked nor gave the expected results.</li>
<li>This is not a complete tutorial but more of a "one size fits all" approach to theme creation for 4:3 screens. A lot of information is going to be skipped or missed to keep this tutorial somewhat short.</li>
<li>Don't forget to credit the author/s of the theme your work is based on!</li>
</ul>
<p>&nbsp;</p>
<p>Your DIG theme consists of <strong>7 home screen menu shortcuts</strong>. The images used as shortcuts are inside a Home Icons folder. Home screen menu shortcuts will display in the following order named:</p>
<p>&nbsp;</p>
<ul>
<li>Systems (nes, snes, n64, psx, etc.)</li>
<li>Genres (2D, 3D, Action, Arcade, etc.)</li>
<li>Genres (2D, 3D, Action, Arcade, etc.)</li>
<li>Collections (games menu lets you create a collection)</li>
<li>Collections (any new collection you make populates here)</li>
<li>Favorites (add your favorite games from games menu)</li>
<li>Favorites (any game you tag as "Favorite" populates here)</li>
<li>Recently Played</li>
<li>Recently Played</li>
<li>All Games (games sorted a-z, will fetch backgrounds from currently selected game)</li>
<li>All Games (games sorted A-Z)</li>
<li>Options (lets you customize themes, scan ROMS, fetch covers etc.)</li>
<li>Options (lets you customize themes, scan ROMS, fetch covers etc.)</li>
<li>Game Info (preview of the game)</li>
</ul>
</ul>
<p><span style="background-color: #99cc00;">home_icons = "Home Icons"</span></p>
=====Recommended Software=====
<p>would be the the config entry for the folder <span style="background-color: #99cc00;">"Home Icons"</span> which is placed in the same root as <span style="background-color: #99cc00;">"Background Default"</span> or as the <span style="background-color: #99cc00;">"config.cfg"</span> file.</p>
<ul>
<p><span style="background-color: #99cc00;">name = "theme Retro" </span>lets you edit the name of the config as displayed after installation when selecting it in the dropdown menu in DIG.<span style="background-color: #99cc00;"><br /></span></p>
<li><strong>[https://notepad-plus-plus.org/downloads/ Notepad++ </strong>](free) for its ability to sort the config lines alphabetically.</li>
<p><span style="background-color: #99cc00;">author = "Theme Author"</span><br /><span style="background-color: #99cc00;">author_contact = "theme%40author.com"</span> personal information.</p>
<li><strong>[https://www.ldplayer.net/blog/ldplayer-4-review.html LDPlayer4</strong>] (free)  Android emulator for PC for fast testing. This guide is going to be based around this emulator.</li>
<p><span style="background-color: #99cc00;">description = "theme theme"&nbsp; </span>Description of the theme can also contain credits to other themers or links to assets used in the creation of the theme.<span style="background-color: #99cc00;"><br /></span></p>
<li><strong>[https://www.getpaint.net/download.html Paint.net</strong>] (free)  or any art program like photoshop or gimp.</li>
<p>&nbsp;</p>
<li>A theme you like and wish to edit. Themes can be found on the <strong>[https://digdroid.com/forums/categories/themes DIG forums]</strong>, some on <strong>[https://www.reddit.com/r/retroid /r/retroid]</strong>  and above in the <strong>wiki</strong>.</li>
<h3>Backgrounds</h3>
</ul>
=====Things to know=====
 
 
 
<p>The images used as shortcuts are inside a Home Icons folder.</p>
<p>Home screen menu shortcuts will display in the following order:</p>
 
<h5>The Config</h5>
<hr />
<p>The Config.cfg file is edited using Notepad++. In Notepad++ select Edit, Line Operations, Sort Lines Lexiconographically Ascending for easier navigation.</p>
<p><span style="background-color: #ccffcc;">home_icons = "Home Icons" </span>would be the the config entry that tells the config where to look for home icons, namely inside the folder <span style="background-color: #ccffcc;">"Home Icons"</span> which is placed in the same root as <span style="background-color: #ccffcc;">"Background Default"</span> inside the <span style="background-color: #ccffcc;">"config.cfg"</span> file.</p>
<p><span style="background-color: #99cc00;"><span style="background-color: #ccffcc;">name = "Theme Retro" </span></span>is the name of the config and thus the theme as displayed after installation when selecting it in the dropdown menu in DIG.<span style="background-color: #99cc00;"><br /></span></p>
<p><span style="background-color: #ccffcc;">author = "Theme Author"</span><br /><span style="background-color: #ccffcc;">author_contact = "theme%40author.com"</span> personal information about the theme creator.</p>
<p><span style="background-color: #99cc00;"><span style="background-color: #ccffcc;">description = "theme theme" </span></span>Description of the theme can also contain credits to other themers or links to assets used in the creation of the theme.</p>
<p><span style="background-color: #ffcc99;">Always save the config file in the root folder of your theme</span> where you have your Background Default, Background Home, Home Icons, etc. folders.</p>
<h5>Backgrounds</h5>
<hr />
<hr />
<p>Your DIG theme consists of one main background image and several secondary background images (gif, png, jpg, etc. PNG over JPG prefered for transparency modifications). Each home screen shortcut can have its own background image as well as the gameinfo menu which pops up just before launching a game making it <strong>8 secondary backgrounds</strong> you can modify:</p>
<p>Your DIG theme consists of one main background image and several <em>secondary (</em>just refering to them as secondary for the sake of explanation<em>)</em> background images that can be in gif, png, jpg, etc. format. PNG over JPG is prefered for transparency modifications.</p>
<p>Each home screen shortcut can have its own background image as well as the gameinfo menu which pops up just before launching a game making it <strong>8 <em>secondary</em> backgrounds</strong> you can modify. An example of Theme folder would be:</p>
<ul>
<ul>
<li>Background Default</li>
<li><em><strong>Background Default</strong></em></li>
<li>Background Home</li>
<li><em><strong>Background Home</strong></em></li>
<li>Background Systems</li>
<li><em><strong>Background Systems</strong></em></li>
<li>Background Collections</li>
<li><em><strong>Background Collections</strong></em></li>
<li>Background Genres</li>
<li><em><strong>Background Genres</strong></em></li>
<li>Background Favorites</li>
<li><em><strong>Background Favorites</strong></em></li>
<li>Background Gameinfo</li>
<li><em><strong>Background Gameinfo</strong></em></li>
<li>Background Options</li>
<li><em><strong>Background Options</strong></em></li>
<li>Home Icons</li>
<li>Home Icons</li>
<li>config.cfg</li>
<li><span style="background-color: #ccffcc;">config.cfg</span></li>
</ul>
</ul>
<p>These secondary backgrounds will override the default background when properly linked to in the config. Hence the importance to name those png, gif, jpg images and their folders correctly to avoid unnecessary confusion.</p>
<p>These secondary backgrounds will override the default background when properly linked to in the config. Hence the importance to name those png, gif, jpg images and their folders intuitively to avoid unnecessary confusion.</p>
<p>Examples:</p>
<p>Examples:</p>
<p><span style="background-color: #99cc00;">media_path = "Background Default/BackgroundDefault.png"</span></p>
<p><span style="background-color: #ccffcc;">media_path = "Background Default/BackgroundDefault.png"</span></p>
<p>This is the config entry for the default background called "BackgroundDefault.png" which will display if no other secondary background is appointed to a menu.</p>
<p>This is the config entry for the default background called <span style="background-color: #ccffcc;">"BackgroundDefault.png"</span> which will display if no other secondary background is appointed to a menu.</p>
<p><strong>Tips:</strong></p>
<blockquote>
<p>Its a good idea to keep this background very minimal by maybe adding recurring elements like navigation icons, sprites or short texts like "back", "ok" or "select" and then add details to other backgrounds. You can also clone this background to be the same for the other secondary backgrounds.</p>
<p>Its a good idea to keep this background very minimal by maybe adding recurring elements like navigation icons, sprites or short texts like "back", "ok" or "select" and then add details to other backgrounds. You can also clone this background to be the same for the other secondary backgrounds.</p>
<p>Consider this your master background, and as such keep an editable paint.net or Photoshop save with editable layers available to add or remove elements, add transparency or invert colors to create a dark mode.</p>
<p>Consider this your master background, and as such keep an editable paint.net or Photoshop save with editable layers available to add or remove elements, add transparency or invert colors to create a dark mode.</p>
<p><span style="background-color: #99cc00;">systems_media_path = "Background Systems/BackgroundSystems.png"</span></p>
</blockquote>
<p><span style="background-color: #ccffcc;">systems_media_path = "Background Systems/BackgroundSystems.png"</span></p>
<p>This is the background which will now display instead of the default one in the menu "systems".</p>
<p>This is the background which will now display instead of the default one in the menu "systems".</p>
<p>But there is more.</p>
<p>But there is more.</p>
<p><span style="background-color: #99cc00;">systems_system_backgrounds = "Background Systems"</span></p>
<p><span style="background-color: #ccffcc;">systems_system_backgrounds = "Background Systems"</span></p>
<p>Is the path for a background image for each system <strong>system</strong> background you wish to personalize. Meaning you can have additional backgrounds for every system supported in DIG. gb stands hardcoded for GameBoy, snes for Super Nintendo, psx for Playstation and so forth.</p>
<p>Is the path for a background image for each system <strong>system</strong> background you wish to personalize. Meaning you can have additional backgrounds for every system supported in DIG. gb stands hardcoded for GameBoy, snes for Super Nintendo, psx for Playstation and so forth.</p>
<p>This means an image called <span style="background-color: #99cc00;">"psx.png"</span> inside Background Systems will be displayed if the user selects the Playstation system when browsing inside the Systems menu.</p>
<p>This means an image called <span style="background-color: #ccffcc;">"psx.png"</span> inside Background Systems will be displayed if the user selects the Playstation system when browsing inside the Systems menu.</p>
<h3><br />Foreground</h3>
<p>&nbsp;</p>
<h5>Foreground</h5>
<hr />
<hr />
<p>Allows you to add a foreground to your backgrounds usually in the way of a semi transparent .png image allowing for advanced effects like shadowing an area or blurring a background. Works very similar to background entries and Foreground images should also be saved in their own Background Foreground folder.</p>
<p>Allows you to add a foreground to your backgrounds usually in the way of a semi transparent .png image allowing for advanced effects like shadowing an area or blurring a background. Works very similar to background entries and Foreground images should also be saved in their own Foreground folder.</p>
<h3>Toolbar</h3>
<h5>Toolbar</h5>
<hr />
<hr />
<p>Your DIG frontend supports up to (at least? or more) five toolbar elements which are clickable when displayed.</p>
<p>Your DIG frontend supports at least five toolbar elements which are clickable when displayed inside DIG.</p>
<p><span style="background-color: #99cc00;">tool_icons = "Toolbar"</span> links to Toolbar folder for the icons to display inside DIG.</p>
<p><span style="background-color: #ccffcc;">tool_icons = "Toolbar"</span> tells the config to look for the the <span style="background-color: #ccffcc;">"tool_icons"</span> inside the <span style="background-color: #ccffcc;">"Toolbar"</span> folder thus replacing the default ones.</p>
<p>&nbsp;</p>
<p><span style="background-color: #ccffcc;">genres_toolbar = "icons_top"</span> refers to where the toolbar icons are placed. <span style="background-color: #ccffcc;">"icons_bottom"</span> is afaik the only other option together with <span style="background-color: #ccffcc;">"default"</span> for the text based menu style toolbar and <span style="background-color: #ccffcc;">"none"</span> to disable it.</p>
<ul>
<p>Since one could just use the homescreen shortcuts to navigate to options, toolbar icons are not a necessity and some themers leave them out for a cleaner look on most screens.</p>
<li>Background Default</li>
<p><span style="background-color: #ccffcc;">icons_toolbar_scale = "15.5"</span> determines the size of the icons. A larger number means smaller icons here.</p>
<li>Background Home</li>
<p><strong>Home</strong>, <strong>mediaplay</strong>, <strong>mediapause</strong>, <strong>pagemenu</strong>, <strong>options</strong>, <strong>systems</strong> are the<strong> 6 main toolbar icons</strong>.</p>
<li>Background Systems</li>
<p>Home, Options and Systems toolbar icons are the same as if clicked from the home screen but allow for faster navigation on touchscreens. Mediaplay and mediapause start or stop a themes audio track.</p>
<li>Background Collections</li>
<h5>Audio</h5>
<li>Background Genres</li>
<li>Background Favorites</li>
<li>Background Gameinfo</li>
<li>Background Options</li>
<li>Home Icons</li>
<li>Toolbar</li>
<li>config.cfg</li>
</ul>
<p>would be a current breakdown of the example of the root folders of your theme, config.cfg does not need a folder to allow for short path naming when editing in the config file.</p>
<p><span style="background-color: #99cc00;">genres_toolbar = "icons_top"</span> refers to where the toolbar icons are placed. <span style="background-color: #99cc00;">"icons_bottom"</span> is afaik the only other option together with <span style="background-color: #99cc00;">"default"</span> for the text based menu style toolbar and <span style="background-color: #99cc00;">"none"</span> to disable it.</p>
<p>Since one could just use the homescreen shortcuts to navigate to options toolbar icons are not a necessity and some themers leave them out for a cleaner look on most screens.</p>
<p><span style="background-color: #99cc00;">icons_toolbar_scale = "15.5"</span> determines the size of the icons. A larger number means smaller icons here.</p>
<p><strong>Home</strong>, <strong>mediaplay</strong>, <strong>mediapause</strong>, <strong>pagemenu</strong>, <strong>options</strong>, <strong>systems</strong> are the<strong> 6 main toolbar icons</strong>. Home, Options and Systems are the same as if clicked from the home screen but allow for faster navigation on touchscreens. Mediaplay and mediapause start or stop a themes audio track.</p>
<h3>Audio</h3>
<hr />
<hr />
<p>You can put one or several audio files in the Audio folder and link them via the config entries:</p>
<p>You can put one or several audio files in the Audio folder and link them via the config entries:</p>
<p><span style="background-color: #99cc00;">sound = "folder"</span><br /><span style="background-color: #99cc00;">sound_path = "Audio"</span></p>
<p><span style="background-color: #ccffcc;">sound = "folder"</span><br /><span style="background-color: #ccffcc;">sound_path = "Audio"</span></p>
<p><span style="background-color: #99cc00;">game_sound_path = "Audio"</span>&nbsp; Audio being your folder for sounds being played when inside the gameinfo screen.</p>
<p><span style="background-color: #ccffcc;">game_sound_path = "Audio"&nbsp;</span> Audio being your folder for sounds being played when inside the gameinfo screen.</p>
<p>or</p>
<p>or</p>
<p><span style="background-color: #99cc00;">systems_sound = "folder"</span><br /><span style="background-color: #99cc00;">systems_sound_path = "Audio"</span> Audio being your folder for sounds being played when inside the systems screen.</p>
<p><span style="background-color: #ccffcc;">systems_sound = "folder"</span><br /><span style="background-color: #ccffcc;">systems_sound_path = "Audio"</span> Audio being your folder for sounds being played when inside the systems screen.</p>
<ul>
<p>You could also link directly a "file" for a specific menu like for example:</p>
<li>Audio</li>
<p><span style="background-color: #ccffcc;">systems_sound = "file"</span></p>
<li>Background Default</li>
<p><span style="background-color: #ccffcc;">systems_sound_path = "Audio/Systems_Menu_Sound.mp3</span></p>
<li>Background Home</li>
<li>Background Systems</li>
<li>Background Collections</li>
<li>Background Genres</li>
<li>Background Favorites</li>
<li>Background Gameinfo</li>
<li>Background Options</li>
<li>Home Icons</li>
<li>Toolbar</li>
<li>config.cfg</li>
</ul>
<p>You can have multiple audio tracks similar to backgrounds for each menu entry but they will quickly increase your theme's size in megabytes.</p>
<p>You can have multiple audio tracks similar to backgrounds for each menu entry but they will quickly increase your theme's size in megabytes.</p>
<h3>Text</h3>
<h5>Text</h5>
<hr />
<hr />
<p>You can edit text color but it has to be in 8 digit HEX format aka. ffffffff for white. 363636 for grey will not work for example. Again you can edit text color for each menu if needed. Usually there are multiple text edits available for each menu. (Header, description, etc.)</p>
<p>You can edit text color but it has to be in 8 digit HEX format as far as I can tell.</p>
<p><span style="background-color: #99cc00;">systems_text1 = "ffffffff"</span><br /><span style="background-color: #99cc00;">systems_text2 = "ffffffff"</span></p>
<p><span style="background-color: #ccffcc;">"ffffffff"</span> for white.</p>
<h3>List type</h3>
<p><span style="background-color: #ccffcc;">"363636"</span> for grey will not work for example.</p>
<p>Again you can edit text color for each menu if needed. Usually there are multiple text edits available for each menu that refer to Header, description, etc.</p>
<p><span style="background-color: #ccffcc;">systems_text1 = "ffffffff"</span><br /><span style="background-color: #ccffcc;">systems_text2 = "ffffffff"</span></p>
<h5>List type</h5>
<hr />
<hr />
<p>This will determine the way your icons are displayed. They can be displayed in a carousel, coverflow, list, linear, wheel, etc. You can change this from inside DIG by clicking pagemenu icon in the toolbar or by assigning a shortcut on your gamepad via options menu.</p>
<p>This will determine the way your icons are displayed. They can be displayed in a carousel, coverflow, list, linear, wheel, etc.</p>
<p><span style="background-color: #99cc00;">systems_list_type = "linear"</span></p>
<p>You can change this from inside DIG by clicking pagemenu icon in the toolbar or by assigning a shortcut on your gamepad via options menu then go on view options and select the list view you wish to have for the current screen.</p>
<p>this determines what type of "flow" is used for the systems menu. Linear flow in this case. Your consoles and handhelds will display in a linear motion and scroll sideways. Retro Switch theme uses the linear list type by default for all screens.</p>
<p><span style="background-color: #ccffcc;">systems_list_type = "linear"</span></p>
<p><br /><span style="background-color: #99cc00;">home_list_type = "grid"</span></p>
<p>this determines what type of icon scrolling is used for the systems menu. Linear flow in this case. Your consoles and handhelds will flow horizontally and display in a linear motion and scroll sideways. Retro Switch theme uses the linear list type by default for all screens.</p>
<p>determines the default flow for the home screen. In this case it puts your icons one next to each other in a grid pattern. Also adds a selection animation to the icons by enlarging them when selected. Can be seen in the Wii 640x480 theme.</p>
<p><br /><span style="background-color: #ccffcc;">home_list_type = "grid"</span></p>
<p><br /><span style="background-color: #99cc00;">home_linear_scale = "0.8"</span><br /><span style="background-color: #99cc00;">home_linear_spacing = "1"</span></p>
<p>determines the default flow for the home screen. In this case it puts your icons one next to each other in a grid pattern. Also adds a selection animation to the icons by enlarging them when selected. Can be seen in the Wii 640x480 theme. I think grid is only available for home screen.</p>
<p><br /><span style="background-color: #ccffcc;">home_linear_scale = "0.8"</span><br /><span style="background-color: #ccffcc;">home_linear_spacing = "1"</span></p>
<p>Scale and spacing is the size of your icons in proportion to other variables like</p>
<p>Scale and spacing is the size of your icons in proportion to other variables like</p>
<p><span style="background-color: #99cc00;">systems_block_size = "140"</span></p>
<p><span style="background-color: #ccffcc;">systems_block_size = "140"</span></p>
<p>determines the size of your icons and images. A "psx.png" home icon of 100 square pixels becomes 140 square pixels by this formula without further variables.</p>
<p>determines the size of your icons and images. A saved "psx.png" home icon of 100 square pixels becomes 140 square pixels by this formula without further variables.</p>
<p><span style="background-color: #99cc00;">systems_aspect_ratio = "1.0"</span></p>
<p><span style="background-color: #ccffcc;">systems_aspect_ratio = "1.0"</span></p>
<p>determines the aspect ratio of the systems screen. This allows for interesting editing but is tricky to get it right. A lack of comprehensive padding, margin and centering rules due to lack of documentation is a big issue to succesfully edit a theme. "1.333334" would be a default for the RP2 4:3 screen (4:3=1.333334) but not mandatory for themes that use sidescrolling flows (linear, coverflow, etc.).</p>
<p>determines the aspect ratio of the systems screen. This allows for interesting editing but is tricky to get it right. A lack of comprehensive padding, margin and centering rules due to lack of documentation is a big issue to succesfully edit a theme.</p>
<p><span style="background-color: #ccffcc;">"1.333334"</span> would be a default for the RP2 4:3 screen (4:3=1.333334) but not mandatory for themes that use sidescrolling flows (linear, coverflow, etc.).</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Getting started</h3>
<h5>Getting started</h5>
<hr />
<hr />
<ol>
<ol>
<li><strong>Have enough space </strong>on your PC desktop screen to place your theme, apk and programs you need to launch.<strong><br /></strong></li>
<li><strong>Have enough space </strong>on your PC desktop screen to place your theme, apk and programs you need to launch.<strong><br /></strong></li>
<li><strong>Unzip</strong> your downloaded theme <strong>inside</strong> a new folder on your desktop with the same name as the theme. <strong>Copy this folder</strong> and place it next to the original on your desktop. Always edit the copied folder only, the original helps to copy over lost images or icons or to double check or restore your config if you make a major error.</li>
<li><strong>Unzip</strong> your downloaded theme <strong>inside</strong> a new folder on your desktop with the same name as the theme. <strong>Copy this folder</strong> and place it next to the original on your desktop. Always edit the copied folder only, the original helps to copy over lost images or icons or to double check or restore your config if you make a major error.</li>
<li>Fetch the <strong>DIG.apk</strong> and place it on the desktop next to your copied theme folder.</li>
<li>Grab the <strong>DIG.apk</strong> and place it on the desktop next to your copied theme folder.</li>
<li>Install and launch <strong>LDPlayer4</strong> and set display size to <span style="background-color: #ff0000;">230 DPI and 640px width 480px</span> height in the settings like the RP2 has. This will make things you change in the config look just like it would on the RP2.</li>
<li>Install and launch <strong>LDPlayer4</strong> and set display size to <span style="background-color: #ffcc99;">230 DPI and 640px width 480px</span> height in the settings like the RP2 has. This will make things you change in the config look in the same resolution as the RP2.</li>
<li>In <strong>LDPlayer4</strong>, open the small home screen folder and drag and drop the file manager on the emulators home screen. You are going to click this and the DIG app a lot.</li>
<li>In <strong>LDPlayer4</strong>, open the small home screen folder and drag and drop the file manager on the emulators home screen.</li>
<li><strong>Install the DIG app</strong> apk by dragging and dropping it on the emulators homescreen. The DIG icon should pop up near the File Manager app.</li>
<li><strong>Install the DIG app</strong> apk by dragging and dropping it on the emulators homescreen. The DIG icon should pop up near the File Manager app.</li>
<li><strong>Run DIG</strong> then exit by closing top side tab.</li>
<li><strong>Run DIG</strong> then exit by closing top side tab.</li>
<li>Start <strong>Notepad++</strong>. Later when loading your config select edit, line operations, sort lines lexicographically ascending.</li>
<li>Start <strong>Notepad++</strong>. Later when loading your config select Edit, Line Operations, Sort Lines Lexiconographically Ascending.</li>
<li>Install <strong>paint.net</strong> and install the <strong>GridCheckerboard</strong> plugin. Do this by unzipping the plugin and placing the .dll file in programs, paint.net, Effects. Accessible through Effects, Render, Grid menu later on inside paint.net.</li>
<li>Install <strong>paint.net</strong> and install the <strong>GridCheckerboard</strong> plugin. Do this by unzipping the plugin and placing the .dll file in C:/programs/paint.net/Effects. Accessible through Effects, Render, Grid menu later on inside paint.net.</li>
<li>Have a<strong> basic "ROMS" folder ready</strong> that includes a couple unzipped gb, nes, snes, gba, n64 and psx games each in their own subfolder with the same name (gb, snes, n64, etc.) inside a main folder called <strong>"ROMS"</strong>. This will allow DIG to easily load the ROMS when starting up.</li>
<li>Have a<strong> basic "ROMS" folder ready</strong> that includes a couple unzipped gb, nes, snes, gba, n64 and psx games each in their own subfolder with the same name (gb, snes, n64, etc.) inside a main folder called <strong>"ROMS" </strong>to test out your theme and being able to access all menu screens like all games, gameinfo, favorites (after adding) collections (after adding) and so on.</li>
</ol>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Using LDPlayer4 to visualize DIG themes</h3>
<h5>Using LDPlayer4 to visualize DIG themes</h5>
<hr />
<hr />
<ol>
<ol>
<li>Open LDPlayer4.</li>
<li>Open <strong>LDPlayer4</strong>.</li>
<li>Open DIG and click on File Manager tab. Allow root access if prompted.</li>
<li>Open <strong>DIG</strong> and click on File Manager tab. Allow root access if prompted.</li>
<li>Click on the left on the 3 horizontal lines (hamburger menu) then select internal shared storage.</li>
<li>Click on the left on the <strong>3 horizontal lines</strong> (hamburger menu) then select internal shared storage.</li>
<li>Click on<strong> Pictures</strong>.</li>
<li>Click on<strong> Pictures</strong>.</li>
<li>Drag and drop your "<strong>ROMS</strong>" folder here.&nbsp;</li>
<li>Drag and drop your "<strong>ROMS</strong>" folder here.&nbsp;</li>
<li>Drag and drop your "<strong>theme.zip</strong>" file here so that DIG can access and install it later on.</li>
<li>Drag and drop your "<strong>theme.zip</strong>" file here so that DIG can access and install it later on.</li>
<li><span style="text-decoration: underline;">To successfully test your modified themes you will need to delete both the "theme.zip" file located in <span style="background-color: #ffff99;">File Manager-&gt;Internal Shared Storage-&gt;Pictures</span> <strong><span style="background-color: #ff0000;">and</span></strong> the DIG app by dragging and dropping it to the bin icon on the homescreen <strong>after each test run</strong>, before installing the theme again.</span></li>
<li><span style="text-decoration: underline;">To successfully test your modified themes you will need to delete both the "theme.zip" file located in <span style="background-color: #ffff99;">File Manager-&gt;Internal Shared Storage-&gt;Pictures</span> <span style="background-color: #ffcc99;"><strong>and</strong></span> the DIG app by dragging and dropping it to the bin icon on the homescreen <strong>after each test run</strong>, before installing the theme again.</span></li>
<li>This is to delete the DIG cache and config file it locally stores which would stop the updated version to be loaded correctly.</li>
</ol>
<li>After you made and saved your edits to the theme config, editing folders, adding/removing background images, icons, etc, <strong>create a zip archive</strong> by selecting every folder (Background Default, Background Systems, Home Icons, Toolbar, etc.) <strong>and</strong> the config file.</li>
<blockquote>
<li><strong>DO not zip the folder holding the Background Default, Home Icons or config file</strong>, zip them by <strong>selecting them individually</strong>. DIG will not be able to install the theme otherwise. Make sure to delete the old archive first which should be in the same root directory.</li>
<p>This is to delete the DIG cache and config file it locally stores which would stop the updated version to be loaded correctly.</p>
</blockquote>
<ol>
<li>After you made and saved your edits to the theme config, <strong>create a zip archive</strong> by selecting every folder Background Default, Background Systems, Home Icons, Toolbar, etc. and the config file.</li>
<li><strong>DO not zip the theme folder holding the Background Default, Home Icons and config file</strong>, zip them by <strong>selecting them individually</strong>. DIG will not be able to install the theme otherwise. Make sure to delete the old archive first which should be in the same root directory below your config.cfg file.</li>
</ol>
</ol>
<h3>Techniques and tips</h3>
<h5>Tips and tricks</h5>
<hr />
<hr />
<ol>
<ol>
Line 306: Line 306:
<li>checking all background folders are properly setup</li>
<li>checking all background folders are properly setup</li>
<li>checking your background images are of the correct size across all the background folders</li>
<li>checking your background images are of the correct size across all the background folders</li>
<li>keeping things coherent with spacing and scale like <span style="background-color: #99cc00;">collections_block_size = "140.0"</span> or <span style="background-color: #99cc00;">home_block_size = "140.0"<br /></span></li>
<li>keeping things coherent with spacing and scale like <span style="background-color: #ccffcc;">collections_block_size = "140.0"</span> or <span style="background-color: #99cc00;"><span style="background-color: #ccffcc;">home_block_size = "140.0"</span><br /></span></li>
<li>Leave config entries you are not sure about their function as they are or put them to <span style="background-color: #99cc00;">"1"</span> or <span style="background-color: #99cc00;">"0" </span></li>
<li>Leave config entries you are not sure about their function as they are or put them to<span style="background-color: #ccffcc;"> "1"</span> or <span style="background-color: #ccffcc;">"0" </span></li>
<li>You can specify wether DIG reads a file or a folder from a directory like&nbsp; <span style="background-color: #99cc00;">game_sound = "folder" ; game_sound_path = "Audio" </span>will look up any audio file inside the Audio folder to play when entering the game menu in DIG.</li>
<li>You can specify wether DIG reads a file or a folder from a directory like&nbsp; <span style="background-color: #99cc00;"><span style="background-color: #ccffcc;">game_sound =</span> <span style="background-color: #ccffcc;">"folder" ; game_sound_path = "Audio" </span></span>will look up any audio file inside the Audio folder to play when entering the game menu in DIG.</li>
</ul>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Example of a theme folder</h3>
<h5>Example of a theme folder</h5>
<hr />
<hr />
<table style="height: 717px; width: 711px;" border="1">
<table style="height: 717px; width: 711px;" border="1">
<tbody>
<tr>
<tr>
<td style="width: 164.583px;">Audio</td>
<td style="width: 164.583px;">Audio</td>
Line 369: Line 370:
<td style="width: 164.583px;">config.cfg</td>
<td style="width: 164.583px;">config.cfg</td>
<td style="width: 528.417px;">
<td style="width: 528.417px;">
<p>sound = "folder"</p>
<p><span style="background-color: #ccffcc;">sound = "folder"</span></p>
<p>sound_path = "Audio"</p>
<p><span style="background-color: #ccffcc;">sound_path = "Audio"</span></p>
<p>systems_sound_path = "Audio"</p>
<p><span style="background-color: #ccffcc;">systems_sound_path = "Audio"</span></p>
<p>game_sound_path = "Audio"</p>
<p><span style="background-color: #ccffcc;">game_sound_path = "Audio"</span></p>
<p>favorites_media = "file"</p>
<p><span style="background-color: #ccffcc;">favorites_media = "file"</span></p>
<p>favorites_media_path = "Background Favorites/BackgroundFavorites.png"</p>
<p><span style="background-color: #ccffcc;">favorites_media_path = "Background Favorites/BackgroundFavorites.png"</span></p>
<p>genres_media = "file"</p>
<p><span style="background-color: #ccffcc;">genres_media = "file"</span></p>
<p>genres_media_path = "Background Genres/BackgroundGenres.png"</p>
<p><span style="background-color: #ccffcc;">genres_media_path = "Background Genres/BackgroundGenres.png"</span></p>
<p>home_media = "file"</p>
<p><span style="background-color: #ccffcc;">home_media = "file"</span></p>
<p>home_media_path = "Background Home/BackgroundHome.png"</p>
<p><span style="background-color: #ccffcc;">home_media_path = "Background Home/BackgroundHome.png"</span></p>
<p>options_media = "file"</p>
<p><span style="background-color: #ccffcc;">options_media = "file"</span></p>
<p>options_media_path = "Background Options/BackgroundOptions.png"</p>
<p><span style="background-color: #ccffcc;">options_media_path = "Background Options/BackgroundOptions.png"</span></p>
<p><em><strong>...</strong></em></p>
<p><em><strong>...</strong></em></p>
<p><em><strong>(etc. for the backgrounds)</strong></em></p>
<p><em><strong>(</strong></em><em><strong>etc. for the backgrounds)</strong></em></p>
<p><em><strong>...</strong></em></p>
<p><em><strong>...</strong></em></p>
<p>default_covers = "Default Covers"</p>
<p><span style="background-color: #ccffcc;">default_covers = "Default Covers"</span></p>
<p>home_icons = "Home Icons"</p>
<p><span style="background-color: #ccffcc;">home_icons = "Home Icons"</span></p>
<p>systems_icons = "Systems Icons"</p>
<p><span style="background-color: #ccffcc;">systems_icons = "Systems Icons"</span></p>
<p>tool_icons = "Toolbar"</p>
<p><span style="background-color: #ccffcc;">tool_icons = "Toolbar"</span></p>
</td>
</td>
</tr>
</tr>
</tbody>
</table>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>This is to give an idea of how the config entries works but of course more entries are needed to make the theme work. The other files inside the folders on the other hand are "complete" and make out the totality of a basic DIG theme.</strong></p>
<p><strong>This is to give an idea of how the config entries works but of course more entries are needed to make the theme work. The other files inside the folders on the other hand are "complete" and make out the totality of a basic DIG theme.</strong></p>
<hr />
<p>Guide created by CricoidRiver. Edited by CricoidRiver and TysonRhodey (Sandusky).</p>

Latest revision as of 15:58, 2 November 2023

Frontend/Launcher Notes
DIG Free (with optional paid updates). Theme-able. Mostly easy to configure. Has built-in scraping, which can be hit or miss. Pre-installed on the RP2. Available on the Play Store here.
Pegasus Free. Theme-able. Open-source and actively in development. An absolute pain to configure, and has no built-in scraping support. Actively being developed (an official Retroid Handhelds launcher is currently being developed with this frontend). Here's a very helpful guide to help you set it up. It is currently being optimized for the RP2. Not available on the Play Store. Download from here.
Beacon $3. Theme-able. Built-in scraping. Very easy to configure. Actively being developed by the dev, radiKal. Available on the Play Store here.
RESET $5. Not theme-able (yet). Slick and easier than both Pegasus and Dig to configure. Built-in scraping. Game randomizer, advanced search, automatic video snaps from YouTube, easily swap 2d/3d box art. Actively being developed and optimized for the RP2 by the dev, Jav. Available on the Play Store here.
RetroX $12/year. Theme-able. The easiest to configure. Uses built-in emulator cores, giving you handy universal shortcuts in all of your games. Some systems might be faster in RetroX than on the RP2s pre-installed emulators, while some might be slower (currently). Emulation is less customizable than with other emulators. The subscription covers cloud saves, letting you stay synced across any device you use RetroX on, but its worth noting that internet access is required to open your games. Actively being developed, with RP2 optimized performance. Dev is Franco Catrin. RetroX offers a 5-day free trial to see if its right for you. Not available on the Play Store. Download from RetroX.TV.
LaunchBox $10. Like Launchbox on Windows, except on your Android device! Still early in development but coming along nicely, a $25 lifetime license is available. Also free for first 100 games, get it from their website here.

Pegasus Frontend[edit]

Pegasus is a extremely powerful Frontend, it supports any emulator and can be themed in any way you want

A full guide for dummies how to configure the RP2 with games, themes and more can be found here.

A video guide for setting up Pegasus can be found here.

Beacon Frontend[edit]

Installation[edit]

Get it from Play Store here.

Configuration[edit]

Go to Settings > Platforms and tap the plus button.

1. Platform type: choose from a pre-defined list of platforms, or tap "Custom" to input your own name for the platform.

2. Player app: the emulator you want to use for this platform

3. ROMs folder: the folder where the ROM files are located

4. Box art aspect ratio: the aspect ratio you want to use for your box art images

5. (Optional) Advanced: edit more advanced options like custom launch commands or file handling (only if necessary)

Screen: [1]

Themes[edit]

Go to Settings > Preferences. Choose from a variety of colors, animated backgrounds, fonts and other options.

Example: [2]

DIG Frontend[edit]

Installation[edit]

DIG comes preinstalled on your Retroid Pocket. You can download and it install again from the Play Store here.

Configuration[edit]

Before you begin, make sure you are connected to the internet and have game ROMS in the RP2 SD Card folders, correctly named (the default scraping directory is TheGamesDB).

The interface is basic black with text, until you install a theme and scrape the boxart.

Video tutorial for setup

Themes[edit]

The RP2 comes with 5 themes on the SD card, (also linked here below) designed for the RP2's 640x480 and 4x3 screen. Full size, 16:9 themes can also be downloaded from the DIG Forums.

Copy your desired DIG theme zip file to your SD Card. Themes are installed from within DIG>Options>themes>Install Theme.

Once installed select the theme by clicking "Select theme". Wii 640x480 recommended.

Video tutorial for themes

Wii 640x480 (based on Huntzman Riivive v1.1)

Switch 640x480 (based on Huntzman Riivive v1.1)

Switch 640x480 Dark (based on Huntzman Riivive v1.1)

Retro Switch

Retro Switch Dark

Double Artwork (dbart)


Tutorial for making DIG themes[edit]

Most DIG themes are formatted for 16:9 screens, but the RP2 displays in 640x480 and 4:3. This will make large 16:9 themes look cropped on the handheld.

DIG themes consists of 9 main screens:

  • Home
  • Systems (NES, SNES, N64, PSX, etc.)
  • Genres (2D, 3D, Action, Arcade, etc.)
  • Collections (any new collection you make populates here)
  • Favorites (any game you tag as "Favorite" populates here)
  • Recently Played
  • All Games (games sorted A-Z)
  • Options (lets you customize themes, scan ROMS, fetch covers etc.)
  • Game Info (preview of the game)
Recommended Software[edit]
  • Notepad++ (free) for its ability to sort the config lines alphabetically.
  • LDPlayer4 (free) Android emulator for PC for fast testing. This guide is going to be based around this emulator.
  • Paint.net (free) or any art program like photoshop or gimp.
  • A theme you like and wish to edit. Themes can be found on the DIG forums, some on /r/retroid and above in the wiki.
Things to know[edit]

The images used as shortcuts are inside a Home Icons folder.

Home screen menu shortcuts will display in the following order:

The Config

The Config.cfg file is edited using Notepad++. In Notepad++ select Edit, Line Operations, Sort Lines Lexiconographically Ascending for easier navigation.

home_icons = "Home Icons" would be the the config entry that tells the config where to look for home icons, namely inside the folder "Home Icons" which is placed in the same root as "Background Default" inside the "config.cfg" file.

name = "Theme Retro" is the name of the config and thus the theme as displayed after installation when selecting it in the dropdown menu in DIG.

author = "Theme Author"
author_contact = "theme%40author.com" personal information about the theme creator.

description = "theme theme" Description of the theme can also contain credits to other themers or links to assets used in the creation of the theme.

Always save the config file in the root folder of your theme where you have your Background Default, Background Home, Home Icons, etc. folders.

Backgrounds

Your DIG theme consists of one main background image and several secondary (just refering to them as secondary for the sake of explanation) background images that can be in gif, png, jpg, etc. format. PNG over JPG is prefered for transparency modifications.

Each home screen shortcut can have its own background image as well as the gameinfo menu which pops up just before launching a game making it 8 secondary backgrounds you can modify. An example of Theme folder would be:

  • Background Default
  • Background Home
  • Background Systems
  • Background Collections
  • Background Genres
  • Background Favorites
  • Background Gameinfo
  • Background Options
  • Home Icons
  • config.cfg

These secondary backgrounds will override the default background when properly linked to in the config. Hence the importance to name those png, gif, jpg images and their folders intuitively to avoid unnecessary confusion.

Examples:

media_path = "Background Default/BackgroundDefault.png"

This is the config entry for the default background called "BackgroundDefault.png" which will display if no other secondary background is appointed to a menu.

Tips:

Its a good idea to keep this background very minimal by maybe adding recurring elements like navigation icons, sprites or short texts like "back", "ok" or "select" and then add details to other backgrounds. You can also clone this background to be the same for the other secondary backgrounds.

Consider this your master background, and as such keep an editable paint.net or Photoshop save with editable layers available to add or remove elements, add transparency or invert colors to create a dark mode.

systems_media_path = "Background Systems/BackgroundSystems.png"

This is the background which will now display instead of the default one in the menu "systems".

But there is more.

systems_system_backgrounds = "Background Systems"

Is the path for a background image for each system system background you wish to personalize. Meaning you can have additional backgrounds for every system supported in DIG. gb stands hardcoded for GameBoy, snes for Super Nintendo, psx for Playstation and so forth.

This means an image called "psx.png" inside Background Systems will be displayed if the user selects the Playstation system when browsing inside the Systems menu.

 

Foreground

Allows you to add a foreground to your backgrounds usually in the way of a semi transparent .png image allowing for advanced effects like shadowing an area or blurring a background. Works very similar to background entries and Foreground images should also be saved in their own Foreground folder.

Toolbar

Your DIG frontend supports at least five toolbar elements which are clickable when displayed inside DIG.

tool_icons = "Toolbar" tells the config to look for the the "tool_icons" inside the "Toolbar" folder thus replacing the default ones.

genres_toolbar = "icons_top" refers to where the toolbar icons are placed. "icons_bottom" is afaik the only other option together with "default" for the text based menu style toolbar and "none" to disable it.

Since one could just use the homescreen shortcuts to navigate to options, toolbar icons are not a necessity and some themers leave them out for a cleaner look on most screens.

icons_toolbar_scale = "15.5" determines the size of the icons. A larger number means smaller icons here.

Home, mediaplay, mediapause, pagemenu, options, systems are the 6 main toolbar icons.

Home, Options and Systems toolbar icons are the same as if clicked from the home screen but allow for faster navigation on touchscreens. Mediaplay and mediapause start or stop a themes audio track.

Audio

You can put one or several audio files in the Audio folder and link them via the config entries:

sound = "folder"
sound_path = "Audio"

game_sound_path = "Audio"  Audio being your folder for sounds being played when inside the gameinfo screen.

or

systems_sound = "folder"
systems_sound_path = "Audio" Audio being your folder for sounds being played when inside the systems screen.

You could also link directly a "file" for a specific menu like for example:

systems_sound = "file"

systems_sound_path = "Audio/Systems_Menu_Sound.mp3

You can have multiple audio tracks similar to backgrounds for each menu entry but they will quickly increase your theme's size in megabytes.

Text

You can edit text color but it has to be in 8 digit HEX format as far as I can tell.

"ffffffff" for white.

"363636" for grey will not work for example.

Again you can edit text color for each menu if needed. Usually there are multiple text edits available for each menu that refer to Header, description, etc.

systems_text1 = "ffffffff"
systems_text2 = "ffffffff"

List type

This will determine the way your icons are displayed. They can be displayed in a carousel, coverflow, list, linear, wheel, etc.

You can change this from inside DIG by clicking pagemenu icon in the toolbar or by assigning a shortcut on your gamepad via options menu then go on view options and select the list view you wish to have for the current screen.

systems_list_type = "linear"

this determines what type of icon scrolling is used for the systems menu. Linear flow in this case. Your consoles and handhelds will flow horizontally and display in a linear motion and scroll sideways. Retro Switch theme uses the linear list type by default for all screens.


home_list_type = "grid"

determines the default flow for the home screen. In this case it puts your icons one next to each other in a grid pattern. Also adds a selection animation to the icons by enlarging them when selected. Can be seen in the Wii 640x480 theme. I think grid is only available for home screen.


home_linear_scale = "0.8"
home_linear_spacing = "1"

Scale and spacing is the size of your icons in proportion to other variables like

systems_block_size = "140"

determines the size of your icons and images. A saved "psx.png" home icon of 100 square pixels becomes 140 square pixels by this formula without further variables.

systems_aspect_ratio = "1.0"

determines the aspect ratio of the systems screen. This allows for interesting editing but is tricky to get it right. A lack of comprehensive padding, margin and centering rules due to lack of documentation is a big issue to succesfully edit a theme.

"1.333334" would be a default for the RP2 4:3 screen (4:3=1.333334) but not mandatory for themes that use sidescrolling flows (linear, coverflow, etc.).

 

Getting started

  1. Have enough space on your PC desktop screen to place your theme, apk and programs you need to launch.
  2. Unzip your downloaded theme inside a new folder on your desktop with the same name as the theme. Copy this folder and place it next to the original on your desktop. Always edit the copied folder only, the original helps to copy over lost images or icons or to double check or restore your config if you make a major error.
  3. Grab the DIG.apk and place it on the desktop next to your copied theme folder.
  4. Install and launch LDPlayer4 and set display size to 230 DPI and 640px width 480px height in the settings like the RP2 has. This will make things you change in the config look in the same resolution as the RP2.
  5. In LDPlayer4, open the small home screen folder and drag and drop the file manager on the emulators home screen.
  6. Install the DIG app apk by dragging and dropping it on the emulators homescreen. The DIG icon should pop up near the File Manager app.
  7. Run DIG then exit by closing top side tab.
  8. Start Notepad++. Later when loading your config select Edit, Line Operations, Sort Lines Lexiconographically Ascending.
  9. Install paint.net and install the GridCheckerboard plugin. Do this by unzipping the plugin and placing the .dll file in C:/programs/paint.net/Effects. Accessible through Effects, Render, Grid menu later on inside paint.net.
  10. Have a basic "ROMS" folder ready that includes a couple unzipped gb, nes, snes, gba, n64 and psx games each in their own subfolder with the same name (gb, snes, n64, etc.) inside a main folder called "ROMS" to test out your theme and being able to access all menu screens like all games, gameinfo, favorites (after adding) collections (after adding) and so on.

 

Using LDPlayer4 to visualize DIG themes

  1. Open LDPlayer4.
  2. Open DIG and click on File Manager tab. Allow root access if prompted.
  3. Click on the left on the 3 horizontal lines (hamburger menu) then select internal shared storage.
  4. Click on Pictures.
  5. Drag and drop your "ROMS" folder here. 
  6. Drag and drop your "theme.zip" file here so that DIG can access and install it later on.
  7. To successfully test your modified themes you will need to delete both the "theme.zip" file located in File Manager->Internal Shared Storage->Pictures and the DIG app by dragging and dropping it to the bin icon on the homescreen after each test run, before installing the theme again.

This is to delete the DIG cache and config file it locally stores which would stop the updated version to be loaded correctly.

  1. After you made and saved your edits to the theme config, create a zip archive by selecting every folder Background Default, Background Systems, Home Icons, Toolbar, etc. and the config file.
  2. DO not zip the theme folder holding the Background Default, Home Icons and config file, zip them by selecting them individually. DIG will not be able to install the theme otherwise. Make sure to delete the old archive first which should be in the same root directory below your config.cfg file.
Tips and tricks

  1. Do Print Screens (prt sc button on your keyboard) of your desktop with the 640x480 window of your unresized DIG screen in the emulator. This 1920x1080 or 2560x1440 image (depending on your screen) can be cropped in paint.net to 640x480 letting you measure pixel perfectly where to place elements on your backgrounds or how large icons have to be.
  2. You can save the default theme background as a blank 640x480 image and add a 60px grid to it with the paint.net gridchecker board plugin or similar tool in Photoshop. This allows to have an idea where images will display in DIG allowing for adjustments in the config and resizing or cropping of the image in paint.net.
  3. Use layers to stack elements on your backgrounds. Layers need to be merged to be png saveable but you can undo the steps after saving and redo with other elements like Background text.
  4. You can add opacity to an image in the layer options. Make sure to save first otherwise the opacity will translate to other elements in your Layer list and merging down will apply the opacity for each layer.
  5. When uninstalling the DIG app from LDPlayer4 you will need to drag and drop the apk to the homescreen to reinstall it. Its handy to have it close to your theme's zip folder as you will need it around the same time when reopening LDPlayer4 and DIG.
  6. Be careful when resizing icons or images as the resizing is often of lesser quality than say the original smaller version of the same image.
  7. Try to minimize your time needed to open and load a theme into DIG from the emulator by doing a lot of edits, even more general ones to the config first like:
  • editing all text colors to either black (0) or white (ffffffff) depending on your background
  • checking all background folders are properly setup
  • checking your background images are of the correct size across all the background folders
  • keeping things coherent with spacing and scale like collections_block_size = "140.0" or home_block_size = "140.0"
  • Leave config entries you are not sure about their function as they are or put them to "1" or "0"
  • You can specify wether DIG reads a file or a folder from a directory like  game_sound = "folder" ; game_sound_path = "Audio" will look up any audio file inside the Audio folder to play when entering the game menu in DIG.

 

Example of a theme folder

<tbody> </tbody>
Audio theme_music.mp3
Background Default BackgroundDefault.png
Background Home BackgroundHome.png
Background Systems BackgroundSystems.png
Background Collections BackgroundCollections.png
Background Genres BackgroundGenres.png
Background Gameinfo BackgroundGameinfo.png
Background Favorites BackgroundFavorites.png
Background Options BackgroundOptions.png
Default Covers gb.png gba.png gbc.png psx.png (these cover icons replace the default ones displayed for games that DIG did not find cover art for)
Home Icons allgames.png collections.png options.png favorites.png genres.png systems.png played.png
Systems Icons gb.png gba.png gbc.png psx.png
Toolbar home.png mediaplay.png mediapause.png systems.png options.png pagemenu.png
config.cfg

sound = "folder"

sound_path = "Audio"

systems_sound_path = "Audio"

game_sound_path = "Audio"

favorites_media = "file"

favorites_media_path = "Background Favorites/BackgroundFavorites.png"

genres_media = "file"

genres_media_path = "Background Genres/BackgroundGenres.png"

home_media = "file"

home_media_path = "Background Home/BackgroundHome.png"

options_media = "file"

options_media_path = "Background Options/BackgroundOptions.png"

...

(etc. for the backgrounds)

...

default_covers = "Default Covers"

home_icons = "Home Icons"

systems_icons = "Systems Icons"

tool_icons = "Toolbar"

 

This is to give an idea of how the config entries works but of course more entries are needed to make the theme work. The other files inside the folders on the other hand are "complete" and make out the totality of a basic DIG theme.


Guide created by CricoidRiver. Edited by CricoidRiver and TysonRhodey (Sandusky).