Grid View EmulationStation Mod Ideas

dudleydes

@enigma7 I have been working on a theme based on the Carbon theme that does something like this. You can see a preview here - ignore the white triangles, that's an issue regarding vram use.

You can download the theme here. Place it in /home/pi/.emulationstation/theme and you should be able to select it from the UI setting in EmulationStation. If you are using SNES or any landscape art, you can set Grid Size to Big in System UI Setting to make sure the art fits better across the screen.

Quick warning that this theme is very much experimental. The Grid View ES build I have is a vram hog so I would recommend restarting ES regularly otherwise you are likely to see the white rectangles appearing.

Also, I have manually edited my gamelists so Release Year occupies the Publisher field so it's likely your metadata may not appear as in the preview.

jacobfk20

@dudleydes I'll be pushing an update today that helps keep vram from leaking.

@enigma7 Steam's Big Picture Mode is my dream, though I'm more focused on stability.

enigma7

@dudleydes That looks good, thanks. I'll give it a shot.

@jacobfk20 Did the vram issue get fixed? I'd love to try this out. Is there a precompiled version available to download? I don't know how to compile.

radius

Hi guys, I'm trying to get the gridview working on a debian jessie VM but for some reason it's not,
I downloaded and compiled the source from https://github.com/jacobfk20/EmulationStation/tree/Gridview
but I don't have the gridview option, I downloaded the theme from @dudleydes and still it doesn't appear with the grid view, could you please help get this working ?

jacobfk20

@enigma7 vram leak is fixed. I'll upload a compiled version later tonight.

jacobfk20

@radius did you put the theme into '/etc/emulationstation/themes' ?

You may also build from the release-beta branch. It is more up to date.

radius

@jacobfk20 my bad I just discovered the grid option was in the "Settings" menu and not the Menu / UI Seetings ^^

herb_fargus

@radius press select while in the gamelist

radius

@herb_fargus ahah thanks I just figured that out now :'(

dudleydes

You can download the binary that I built earlier this week from my Google Drive. Bear in mind that it does not include commits from the last few days.

A word of warning. The vram issue is not fully fixed as, to make sure that the vram used doesn't get too high, I have had to reduce the file size of my boxart. (240 pixels wide and 24kb in size). They look fine on my 27" 1080p monitor but if you have a large TV, then they may look blocky. You could always make the grid bigger in the theme.

If you do wish to edit the theme, then I advise placing it in /home/pi/.emulationstation/theme.

enigma7

@dudleydes I'm getting big white borders around my box-art unlike in your theme preview. Is there a way to remove them?

dudleydes

@enigma7 Apologies - I had to update the theme with the latest changes.

In the file /home/pi/.emulationstation/theme/es-theme-carbon-master/carbon.xml, if you find and replace ninepatch with image, then restart ES, that should fix it.

radius

Some things I came accross and can't fix myself :

when defining padding in "gridtile_background" the theme is not working anymore so I can't manage to change the padding at all
when defining 0 as height (size) in "gridtile_textRow" it reverts to default value so you can only use 0.01 to minimize it but it's visible, can't disable it :/
plus it looks like changing this messes with the tile height calculation
I tried to add an image for "gridtile_background_selected" to have a shadow effect in non selected state and a border when selected, which involves having one image for each state, I added a path to "gridtile_background_selected" by duplicating the code from "gridtile_background" :
```
  if (elem->has("path")) {
  	setBackgroundPath(elem->get<std::string>("path"));
  	bThemeBackground = true;
  }
```

but it's overlaying the non selected image

when you first launch ES and get into one system the title isn't showing

here's what i managed to do for nes presentation but I still have a problem with sizes, I can't get the one I set to be used, I'm using the automatic one for now :/

alt text

jacobfk20

@radius I've created issues on github so I can keep track of these. Thank you for taking the time to write this out in detail. I will work on fixing these soon.

Have you tried just changing the color of the gridtile_background from faded gray to blue instead of changing the image? such as:

<image name="gridtile_background">
    <color>ACACAC77</color>
</image>
<image name="gridtile_background_selected">
    <color>7777FFEE</color>
</image>

It should tween between the two colors so you don't have to have two different images. This also makes for smoother animations than switching images.

radius

Thanks for your help @jacobfk20, too bad I hardly understand coding enough to help :/
as I couldn't get my mod to work I actually removed it already, the screenshot was taken without the mod, I used the same method you suggested (except my image is blue) :)

enigma7

@dudleydes Fixed. Thanks it looks great!

@jacobfk20 Did you ever upload the compiled version? Sorry I'm not sure where to go for the latest binaries. Thanks.

jacobfk20

@enigma7 yes, it's here.

firewater

@jacobfk20 First of all, I don't own a pi, rather I just discovered this place by googling for recent development on ES, and I'm really surprised at the involvement here for a project I thought was more or less abandoned! Very impressed at this theming section... this whole grid thing is REALLY sweet, and is exactly what I'd like to be running on my end. Now, I can see folks here are hardcore enthusiasts, while I'm not much of a coder, so I hope you can help me getting this to work on Windows... so, I see that you have a fork of ES on your GitHub - is this the version that allows for the grid view, or can this all be achieved with a vanilla ES running this particular theme? If the former, how does the process of compiling works? I'd have to download the fork, then download these .dll you link in the Windows section, put them... where? And then use "CMake" to create an .exe witht he process you describe? And also, for example I see that the FreeType link is not a .dll, so how'd I go about getting that one?

Again my praise at this project and community, thanks for keeping this wonderful minimal frontend alive! Though I do wish the program was slightly more unified (3 to 4 forks of ES make me confused on which one I should use!) and more accessible for non-Pi users just because you do such great work at further improving ES that by this point it feels like it should take over the official "abandoned" build (and thus having it precompiled for Windows, macOS, Linux, etc).

Oh and something else not related to this thread (sorry for so many questions) - I've been trying some of the themes you guys made, and these ones that have a big boxart image output a lackluster image quality-wise because the size is too big, and they look pixelated (as if scaled with MS Paint). So I wonder, is it the build that I'm using, or it happens that ES does not use bilinear (or similar) filter for images?

jacobfk20

@firewater Thank you for the praise but my answers may change your mind :)

Windows Compiling
I currently do not support compiling on windows, even compiling the vanilla ES on windows is challenging itself as is. I'm not sure if there is an up to date guide on windows compiling either, I also couldn't successfully do it on my own. If I took the time I'd be able to do it but with my time restraints I cannot take the time to do so. Another problem is my current up to date branch with gridview has some *nix specific syscalls but again these are only in the network setup part and can easily be removed. I will eventually make a non raspberrypi targeted build that ditches this feature but not right now.

Gridview and above themes
Yes, you need my fork of ES to use these themes. Vanilla will still use them but will ignore all gridview theme elements.

Unification
My fork is too experimental. Too many drastic changes still. When things calm down then it will be more mainline friendly.

Image Scaling
ES, as far as I can tell, just uses SDL's built in image scaling which is just plain ol' nearest neighbor.

With all that said, I really want to help you compile on windows but I myself cant even get vanilla to compile. If anyone in this thread can chip in that would be great. I would love to eventually support windows.

Zigurana

@jacobfk20 @firewater, please have a look here for more info on building ES for windows. @fieldofcows was gracious enough to write down all you need! There are only a few fixes needed to stock ES to get it to compile correctly.
Even I could do it, so give it a try!