Show Control Panel Layout before game starts in RetroPie, just like Arcade1UP does.

BJRetro

@Kjarkur wow guys this video is like what everyone envisioned for this project - great teamwork. Is there some way to incorporate this easily into retropie setup some day? This project is a huge advancement for the retropie user interface for people with arcade setups.

Kjarkur

@BJRetro the video shows my own regamebox distribution. I can make a fork on github.com. Of course it can be done with retropie easily. General steps are this

create the button mapping pictures in advance
put a picture viewer in runcommand-onstart.sh

I have used here a own picture viewer based on SDL. Reason was that I wanted to use something like quit on all keys and quit after 10 seconds.

Texacate

@Kjarkur I like what you did with the code. Using a game-specific background is a great idea!

janderclander14

@Texacate It took a longer than expected but I managed to setup up everything. First, I used a Waveshare 4inch SPI LCD connected to the GPIO, as explained here.

After that, I configured the lcd screen by using the overlays available here. It was quite straightforward. Just need to activate SPI in /boot/config.txt and add the overlay file corresponding to the screen. You may even use parameters to increase the refresh rate or rotate the screen (it uses a vertical orientation by default). The lcd is detected as a secondary framebuffer in /dev/fb1

Finally, as you suggested, I modified the script proposed here to call for the images generated by your button_map.sh tool once the emulator runs.

I post here the code that looks for the button image or falls-back to title or generic system images if not found.

# /opt/retropie/configs/all/runcommand-onstart.sh
# get the full path filename of the ROM
rom=$3
# get the system name
system=$1
# get rom filename without folder
rom_bn=$(basename "$rom")
#get rom filename without extension
rom_bn="${rom_bn%.*}"
# escape square brackets in rom filename
rom_bn="${rom_bn//[/\[}"
rom_bn="${rom_bn//]/\]}"
# Set a TFT-specific image if there is one
img="$(find "/home/pi/button_images/${system}" -type f -name "${rom_bn}.*" -print -quit)"
# If a TFT-specific image was not found, look in the images folder in the ROMs directory for that system
if [[ -z "${img}" ]];
then
   img="$(find "/home/pi/RetroPie/roms/${system}/media/cover" -type f -name "${rom_bn}.*" -print -quit)"
fi
# If cover is not found, look for the title
if [[ -z "${img}" ]];
then
   img="$(find "/home/pi/RetroPie/roms/${system}/media/title" -type f -name "${rom_bn}.*" -print -quit)"
fi
# If no game images are found, display one for the system being emulated
if [[ -z "${img}" ]];
then
   img="$(find "/home/pi/button_images/systems" -type f -name "${system}.*" -print -quit)"
fi
# If no system image is found, default back to the Picade logo
if [[ -z "${img}" ]];
then
   img="/home/pi/button_images/systems/picade.png"
fi
# run the script to display the image
sudo fbv -c -u -i -e -k /home/pi/button_images/systems/black.png > /dev/null 2>&1 &
sudo fbv -c -u -i -e -k "${img}" > /dev/null 2>&1 &

I used the fbv tool to display static images in the secondary framebuffer, but the more common fbi tool can also be used.

TheRealSmilebit

@Texacate Finally had an opportunity to look at your code. Looks good.

For myself, I just need static images as I showed in my video. So I think what I need to do is the following:

1 - Create XML file with gaming information. I would convert the work you have done and convert to XML. Do not have to do this, but would like to practice manipulating XML files.

2- Will also add to this what recommended controller to use. Joystick, spinner, trackball or lightgun.

3- If Joystick, what type (2-way, 4-way, etc.):

4- A note added stating if certain controller is not available, which one to use. This would be static on every image file.

5- When building the image, have the user select which button layout they want to use(6 button, 8 button, etc.)

I am going to program this in Windows for now, but use ImageMagic to create the image to eventually port over to the Pi. Basically would program similar to what you have (if it is ok to reference your code) and just create the images, but add the additional data.

Once the static image is create, will re-visit my code to have it come up before the game starts. Also thinking about just creating the image and putting the snapshots in the Screenshots or Covers folder. I have downloaded video snapshots and marquees, so the gamelist.xml file would already have a path to get the Screenshots or Covers and can just place the image on the theme instead. Would be less programming and just create the images.

In any case, will start on this over the weekend. Hopefully will have something functional by the end of the weekend.

Texacate

@janderclander14 and @TheRealSmilebit,

Sorry for the late replies. I'm not getting much hobby time these days... Feel free to reference/reuse any of my code in your projects. I'm always interested in seeing what folks do to improve it.

ImALegendKiller

The work everyone is doing in this thread is impressive! I am working on my first RetroPie build and currently just going through trying to figure out how to get games running. One problem I've noticed is that I have no idea what the buttons do! In MAME I know I can just hit TAB and change the controls, but for FBA the controls seem to be all over the place, and the controls in the FBA retroarch core and the pifba are not matching up, so games I run with the pi version are hard to play.

This is all to say, I hope you all will make your results available once you finish, as it'd be sweet to get a quick glance at what the default controls were just before I jumped into a game so I'd at least have an idea of what to press and hopefully remap it if I needed to. Keep up the good work!

paffley

Interesting read this! thanks!

Just a quick question...

Is there anyway to edit runcommand so it freezes and then you have an option of 'A to load game' and 'B to cancel and return to gamelist' please?

TheRealSmilebit

@Texacate Thanks...I kinda hit a brick wall and walked away for this particular project for a while. Just overthinking and making it too complicated.

I did, however, use your code to make LCD Marquee. Found a 14.9" stretched monitor and added to my Arcade1up mod.

But I will get back to the original idea in the New Year. Have some other projects I need to finish up and will revisit this one.

fishman

@Kjarkur
Did ever complete it?

fishman

@Kjarkur said in Show Control Panel Layout before game starts in RetroPie, just like Arcade1UP does.:

@BJRetro the video shows my own regamebox distribution. I can make a fork on github.com. Of course it can be done with retropie easily. General steps are this

create the button mapping pictures in advance

put a picture viewer in runcommand-onstart.sh

I have used here a own picture viewer based on SDL. Reason was that I wanted to use something like quit on all keys and quit after 10 seconds.

Sorry I meant to quote. Did you ever make a fork of this on gethub? And how do you set this up? And have been looking for something like this for my raspberry pi retropie.

MISTERHOLLYW00D

I had to edit the Joy2Key.py file to allow the user of the Start button so the player could exit the screen using the Player 1 button.

What line would you have to edit

johnodon

Apologies for digging up an old topic...

@TheRealSmilebit If you are still around, can you detail what changes you made to joy2key.py that allowed you to map a single button to close the launch image and start the game? There are a few of us that would love to have this functionality!

TIA!

John

johnodon

@BJRetro said in Show Control Panel Layout before game starts in RetroPie, just like Arcade1UP does.:

https://retropie.org.uk/forum/topic/20030/controller-info-overlay-in-the-game

@BJRetro I actually went this route and it works. I use 2 copies of my game specific bezels...one with a transparent background (gameplay) and one with the black background with controls. This makes the transition seamless. However, there are 2 things that make it non-optimal:

1: Requires the use of a hotkey combination to change overlays. A single button solution would be preferred.
2. The game is not paused when you display the controls bezel. I was thinking of adding a 'pause_toggle' command before the 'overlay_next' command but haven't found any instances of success. See this thread as an example: https://forums.libretro.com/t/overlay-format-documentation/230

ronbo85

@mitu Any progress on this? I'm in the process of generating all my channel screens (per @Texacate ). His work is great, but I want joysticks, and spinners, and... ;)

mitu

@ronbo85 Not sure what you mean ?

ronbo85

@mitu Sorry for being so vague :)
I'm trying to use @Texacate 's work to generate snaps of control panels based on each rom. Unfortunately, his work stops at "buttons". I'd like to extend that to also include joysticks, etc., and I thought if I use the 'controllers.xml' file, that has the data but I'm not so well verse in either Bash or XMLStarlet. I was wondering if anyone else had written any bash scripts to query the controllers.xml file for the controller data. I've got @Texacate 's script generating images for the buttons. Looking to 'complete' the package. (much akin to .. was it CPWizard? .. which I think is outdated at this point. )
Thanks for any pointers! Hope this explains my question better. Let me know if it needs further clarification :)

mitu

@ronbo85 To answer to your question - no. If you have any specific question about scripting though, just post a new topic with it and me or other forum members may be able to help you.

ronbo85

@mitu said in Show Control Panel Layout before game starts in RetroPie, just like Arcade1UP does.:

@ronbo85 To answer to your question - no. If you have any specific question about scripting though, just post a new topic with it and me or other forum members may be able to help you.

Thank you, will do!

ronbo85

@kjarkur said in Show Control Panel Layout before game starts in RetroPie, just like Arcade1UP does.:

@BJRetro the video shows my own regamebox distribution. I can make a fork on github.com. Of course it can be done with retropie easily. General steps are this

create the button mapping pictures in advance

put a picture viewer in runcommand-onstart.sh

I have used here a own picture viewer based on SDL. Reason was that I wanted to use something like quit on all keys and quit after 10 seconds.

@kjarkur , I'm looking for help on the runcommand_onstart.sh . Would like to check out your code that you have running beautifully. I've tried using fbi to display images, but can't seem to get it to show up on screen when running runcommand-onstartup script (screen just goes blank). I am able to run fbi on commandline and get it to display ok. Thanks for any help!