Grid tile background size

chicuelo

@lilbud
You are right! I think it will be a lot of instructions for him. That's what I did with my entire library

A12C4

@chicuelo As I said previously, it's ok for bottom and top row, we can center the selected row without problem.

But, we have the same problem with left and right column, and I can't use the same solution because that mean the grid would scroll both vertically and horizontally, which look really strange.

Another solution would be to change the position of the tile, so when the selected tile is in the left column for example, we make sure only the top/right/bottom side grow and the left side don't move, so we don't get out of the grid.

That's what I'm currently trying to do, but it's way harder than I expected, if we combine that with giving the theme the 3 possibilities I proposed earlier (fit the image inside the tile, fit the image inside the tile + stretch the background to the image, resize the image to the tile + cut the extra part), then I fear the code will be completely unreadable.

lilbud

@a12c4 could you implement different code for vertical art and square art? Like if the art is taller than wide, one code is used but if it closer to square then another code is used.

Sorry if this makes no sense, I know jackshit about programming...and jack left town

A12C4

@lilbud How do I decide if the art is taller than wide ? For all game independently ? For the whole collection ? What about custom collection then ? This ones can have very different art aspect ratios.

I think I should take a step back from this, stop working on this part of the grid for the moment and come back to it later on.

lilbud

@a12c4 Maybe have the image size reported, or a simple inequality

Like if y > x, art is tall, or portrait. Genesis/NES

If x > y, art is horizontal. SNES

X = Y, art is square. GB

chicuelo

@a12c4
I see, the solution you are trying is the best, because making the grid moving horizontally will make look strange

NeeeeB

Hi everyone and @A12C4
I'm a bit late but do you think some things like this could be doable with the grid view ?

So basically, a screenshot/fanart of the game or whatever for the background (default system background if nothing else available) and a logo for the game name (default font if no logo found).
And of course a place on the background where game infos would be displayed.

Thanks for your work ;-)

A12C4

@neeeeb Pinpoint me the time in the video, it's 14 minutes long and he try many different layouts.

NeeeeB

@a12c4 ah sorry, I was pretty sure I had copied the link to the exact moment I wanted to show in the video...skip to 2:32 that's what I want to show.

A12C4

@neeeeb There is 3 things I see that could prevent you from creating an ES theme with the exact same behavior.

First, the grid game list view don't have scrolling animation for now.

Second, this have been asked a couple of times already, the cursor of the grid isn't always centered, it can go left or right when close to the beggining or the end of the list.

Third, I'm not sure about this one and it doesn't really depend on me. I think you would have to take your own screenshots, because from what I saw, the scraped screenshots usually have low resolution so if you set them fullscreen they may be a bit pixelated.

NeeeeB

Ok, well the third point is not a big problem, that could be added to ScreenScraper by a simple and kind request to the Admins ^^
The 2 other points are more problematic yes.
Well I'll be patient, I'm pretty sure sooner or later you'll come up with something so much customizable that it will allow that kind of thing ^^
Again, many thanks for bringing the grid view to Retropie ;-) it was really missing !

herb_fargus

@neeeeb Kodi esque layouts are probably more probable in pegasus

NeeeeB

@herb_fargus oh nice, totally missed Pegasus, still have a lot to learn abour Retropie I guess ^^

EctoOne

@a12c4 So I finally had some time, to test grid view with the windows build from May 3.
And I accidentally found an image that I used as tile background and it looks pretty awesome.
Apart from the already mentioned missing stuff (No extra media) and some other stuff, I noticed that the grid was using the images from <thumbnail> which are screenshots in my case.
One question, what's the best way to center a grid? <origin> is (at least in my build) not available. By the way, thanks again for adding <origin> to <helpsystem>, it makes it so much easier to try fonts.

A12C4

@ectoone Yes the grid use the thumbnail tag for now. If you know what a thumbnail originally is, it make a lot of sens, as the grid have to display many small images. But in ES the thumbnail is used display small screenshots in the place of the video when it's not playing. Allow the theme or user to use any type of media (screenshot, marquee, 2d box art, 3d box art, ...) will be one of the first enhancement I will focus on after the V1 of the grid view is out.

Yes, origin isn't available for now, but centering a component manually isn't that hard, you just need to do a bit of math to calculate the position depending of the size.

paffley

Hey @A12C4 I've been having a play with the grid, very good work! Loving it.

Just a quick question, is there any way to add padding to the background in the current version?

Basically I have set an image background and would like the boxart to sit in the middle of it without it overlapping the background edges (stroke/outline) if that makes sense?

A12C4

@paffley You can change the paddingof the default grid tile <gridtile name="default"> and set it to a bigger value, but it should already have some small padding by default.

paffley

Thanks @A12C4 but I was thinking more of the other way round, I was requiring even smaller padding by about 4-5px

A12C4

@paffley Then set the padding to a lower value ? I'm not sure to understand your request here.

paffley

Sorry @A12C4 I've been away and back now.

On the <gridtile name="default"> and <gridtile name="selected"> I believe it sets the background image when an image is chosen, now, does this set the background image to the 'tile' or the actual 'image'.

Please see an example below of what I'm trying to achieve.

Any help is hugely appreciated, hope it makes sense. :)

I believe I need the padding to be on the tile grid rather than the image itself?

Is the default padding set to a default number (e.g <padding>0.1 0.1</padding>) if not selecting the <padding> tag?