How to change button icons? [DONE]

ohmycommodore

Sure would be nice for the kids (and us old forgetful guys) to see a pic of the buttons we have to push :) Good idea, at least for those of us with PS controllers.

jacobfk20

@masteryoer Use the Beta release 0.3.2. It outputs the headers and source identical to the original ES resources. This is the exact command I used as well.
res2h resources converted -h Resources.h -u ResourceUtil.cpp -s
*This was done in windows.

It matched ES's original resource.h and resourceUtil.cpp exactly, though some files were in different orders.

masteryoer

@jacobfk20

Okay, I will give that a try. Doesn't it compile for you?

jacobfk20

I Haven't gotten that far yet :)

jacobfk20

@masteryoer It compiled fine.
I replaced the resources.h and resourceUtil.cpp with the newly generated ones and replaced all converted images.

masteryoer

@jacobfk20

I got it!! Thanks for the help! (using your command, but there's t ypo it should be ResourceUtil.cpp not ResourcesUtil.cpp), and disabling Thumbs.db in windows, I was able to get a working build with my new UI changes in it

Now I can continue to theme my xcade system :)

jacobfk20

@masteryoer Glad you were able to get it :)

So you used beta 0.3.2 right?

masteryoer

Yes'sir. Now to dig deep into the bowls of the source code to find out where the font and select list highlight colors are changed at, as well as the background on the menu items. That's the next kicker!

Thanks for the help!

jacobfk20

Alright. I actually did a fork a while back that allows for more themeing of ES such as changing fonts, font color, window color, window background image and certain component properties. It allows for list color changing I think. /core/components/ComponentList.cpp Is a good start if you want to do your own thing. (I know my way around the source ;) )
Here is a link to my fork that does the extra theme stuff (it's out dated)

masteryoer

@jacobfk20

Yep that's exactly where I was looking. Looks like around line:

	Renderer::drawRect(0.0f, mSelectorBarOffset, mSize.x(), selectedRowHeight, wTheme->highlight_color,
		GL_ONE, GL_ONE);

If I can find where wTheme->highlight_color is declared

jacobfk20

wTheme is from my fork and not apart of the retropie fork. It assigns theme properties from an XML file.

Renderer::drawRect(0.0f, mSelectorBarOffset, mSize.x(), selectedRowHeight, 0x777777FF, GL_ONE, GL_ONE);

This is what you'll see in the main branch. You can just change 0x7777777 to whatever color you want.

masteryoer

@jacobfk20

Yes'sir, I found it. I am working on it now :) Thanks for helping get this going for me. I hope to post screenshots up both the console and the UI/theme once I am finished with it.

I am starting to get used to where everything is in the code, so hopefully I can figure the rest of the stuff out :)

hansolo77

Has any attempt or progress been made on including an option to change the button layout per user selection from within EmulationStation? I followed the thread a bit, and it looks like the OP was able to get it fixed by recompiling the binary with the changes. This would cause any future updates to revert back to the defaults. I really think it would help a lot of people out if we came up with a solution that allows users to pick their controller from within ES, and have the icons change accordingly. Probably on some form of "wish list" in the RetroPie Git, but I have no idea where to find that. :)

Silent

I'll bump this thread, since it makes far more sense than creating a new one and cluttering the boards:

Has any progress on configurable prompts been made? There seems to be a GitHub issue regarding this, apparently with a solution: https://github.com/RetroPie/EmulationStation/issues/340
However as me and several other posters in that issue mentioned, the (vaguely) documented way does not seem to work.

It seems like a weird design choice to hardcode images, really.

mitu

@Silent What exactly have you tried to do ?

Silent

@mitu Quoting from the topic:

@Jakobud You can now override any of the button svgs by placing them in %home%/.emulationstation/resources

I therefore extracted the entire "resources" directory from ES github, modified some files to make it obvious that they are changed and relaunched rpi. As far as I can tell, that didn't work.

mitu

@Silent Are you using the emulationstation-dev package or the normal emulationstation package in your system ? Those changes might be present only in the master branch of the project, but not yet in the stable branch (upon which the normal Emulationstation package is built).

Silent

@mitu said in How to change button icons? [DONE]:

Are you using the emulationstation-dev package or the normal emulationstation package in your system ?

Gotcha, that could be it! I could have sworn I compared dates and I inferred that this should have been a part of mainline ES by now, but looks like it may not be.

Is it safe to just grab a -dev package right away or do I need to uninstall the main one first?

mitu

@Silent Just install the -dev package over, it will automatically uninstall the first one and keep some of the files needed by both.

Silent

@mitu Gotcha! I'll back up my SD card later today (really happy with my setup now, would be a shame to break it) and will give it a spin.