Giter Club home page Giter Club logo

retropie-overlays's Introduction

Retropie / Recalbox / Batocera overlays packs

Overlays (or bezels) are images added "above" the emulator, to mask the black borders around the image.

This pack adds overlays for most systems emulated by Retropie, Recalbox & Batocera. The overlays are selected to be subtle, and to represent the original hardware in some way. So, no bright logos or colorful mascots.

If you prefer brighter overlays, browse the _sources folder, there are a LOT of them.

Note that Recalbox already has a system-complete overlays pack, but it has a few choices that I don't like.

Usage of the pack in a commercial product is strictly forbidden. But if you want to use this pack as a basis for your own personnal project, cool!

Credits

Most overlays have been created by Marblemad & Kam3leon, OrionsAngel and Duimon.

The shaders have been created by ghogan42.

Please see credits to check out the awesome original packs I picked from.
I did mostly nothing except move files around and edit config files.

If one of your file is here and you want me to remove it, or want to be credited, please file an issue and I will remove it as soon as possible.

Contents

Full screen emulators, full set:

  • Batocera: simple overlays
  • Recalbox: simple overlays
  • Retropie: overlays with shaders applied to simulate CRT scanlines and LCD grids

Requirements

  • A Raspberry Pi 3/4 - not tested on another hardware, but there's no reason it shouldn't work.
  • Retropie 4.7+ or Recalbox 7.1.1+ - not tested on another version.
  • A 16:9 screen in 1080p. This pack will be wrong in any other resolution. And it's useless on a 4:3 screen, since you don't have black borders.
  • The configuration is optimized to work on a Raspbery Pi 3/4. It will work on more powerful hardware, but maybe not on less.

Installation on Retropie

  • Download the latest release
  • Open the configs shared folder on you Recalbox installation (\\retropie\configs\ on Windows, smb://retropie/configs on Mac)
  • Recommended: backup the folder content!
  • Copy the folders into the share, and overwrite the files.

Installation on Recalbox

  • Download the latest release
  • Open the shared folder on you Recalbox installation (\\recalbox\ on Windows, smb://recalbox/ on Mac)
  • Navigate to recalbox/system/configs/retroarch
  • Recommended: backup the folder content!
  • Copy the overlays (cfg files) into the folder; no file should be overwritten, unless you already installed an overlay pack.
  • In the Recalbox main menu, open the settings (start) > games settings > make sure "integer scale (pixel perfect)" is unchecked.
  • If you have installation issues, check the doc: EN / FR

Installation on Batocera

  • Download the latest release
  • Open the shared folder on you Batocera installation (\\batocera\ on Windows, smb://batocera/ on Mac)
  • Navigate to /decorations/ and create a new folder; name it whatever you want, let's say cosmo0, then create a systems sub-folder.
  • Copy the cfg files into the new sub-folder (/decorations/cosmo0/systems/).
  • In the Batocera main menu, open the settings (start) > games settings > integer scale = OFF, decoration = cosmo0.
  • If you have installation issues, follow the docs

Modification

  • If you want to remove the Retropie shader, open the files all/retroarch/overlay_cfg/common_crt.cfg and common_lcd.cfg and set video_shader_enable to false
  • If you want to change the image, replace the one you want in all/retroarch/overlay/systems/ (Retropie) or in overlays/ (Recalbox). There are a lot of alternative images in the _sources folder.
  • If you want to create a new overlay yourself, use the PSD template using Photoshop or Photopea (free online editor).

Screenshots

Click for a larger version.
The screenshots are frankly not as good-looking as on the TV.

screenshot screenshot screenshot screenshot

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.