Grid Updates - emulationstation-dev

paffley

Hi guys,

I see that @jdrassa has been doing updates on the gridview like <animate> and <centerSelection> etc. Just wondered if these was going to be available on the emulationstation-dev package? I would like to try out and experiment if they were going to be? :)

https://github.com/RetroPie/EmulationStation/pull/572/commits/e54c663725987827158b976ef6de2e1e6508387f

Thank you.

jdrassa

@paffley It is my intention that those changes will be merged and be available on the emulationstation-dev package. I am planning to revisit soon and hopefully get it merged in the near future.

paffley

@jdrassa thank you that's super! let me know when you've looked at adding it and I will be happy to run some tests! :)

paffley

@jdrassa I'm just thinking...

How would the <backgroundImage> tag work when using the <animate> tag?

I mean, if you look at the system carousel for instance and I'm guessing that's what you've got your inspiration from with the animate event, how would that work with a gridtile default and selected background?

Does that make sense? haha :P

Cheers,

sergioad

@jdrassa could you add sound support for moving the cursor and launching a game in gridvew?

jdrassa

@paffley I would need to verify, but I believe the background images will be swapped at the end of the animation loop.

@sergioad themeable sound support is something that is lacking in general in ES. It is on my backlog/wishlist, but I don't know if/when I will get to it.

paffley

@jdrassa that's brilliant thank you! :)

sergioad

@jdrassa ok, thank you very much

paffley

Hi @jdrassa quick question...

With the <centerSelection> set to true, would that mean, on first load, the last boxart/game would be displayed to the left of the 1st centered boxart/game?

Does that make sense?

jdrassa

@paffley It would not. Say you had your grid configured with 1 row and 5 columns. On first load, there would only be 3 grid items displayed, the center selected one and 2 more to the right.

        [1] [2] [3]

However, there is an additionaly option, scrollLoop, that works with centerSelection. This will create a seemless never ending loop and will on first load display the last grid item(s) to the left of the centered selected item.

[n-1] [n] [1] [2] [3]

paffley

@jdrassa said in Grid Updates - emulationstation-dev:

@paffley It would not. Say you had your grid configured with 1 row and 5 columns. On first load, there would only be 3 grid items displayed, the center selected one and 2 more to the right.
        [1] [2] [3]
However, there is an additionaly option, scrollLoop, that works with centerSelection. This will create a seemless never ending loop and will on first load display the last grid item(s) to the left of the centered selected item.
[n-1] [n] [1] [2] [3]

Absolutly brilliant @jdrassa love it! The scrollLoop is a fantastic addition! looking forward to testing these, do you have a timeframe on when these will be added to es-dev? no worries if not, I totally understand the dev side.

paffley

Hi @jdrassa just updated es-dev and I see you've made some updates.

I have added the below to my theme and all seems to work great:

<imagegrid name="gamegrid">
	<centerSelection>true</centerSelection>
	<scrollLoop>true</scrollLoop>
	<pos>0.00375 0.20765</pos>
	<size>1.0 0.527</size>
	<margin>0.00368 0.00368</margin>
	<scrollDirection>horizontal</scrollDirection>
</imagegrid>

The only issue im having now is that it is not picking up the <backgroundImage> tag in the default or selected grid section.

This is what my section looks like:

<view name="grid">

<imagegrid name="gamegrid">
	<centerSelection>true</centerSelection>
	<scrollLoop>true</scrollLoop>
	<pos>0.00375 0.20765</pos>
	<size>1.0 0.527</size>
	<margin>0.00368 0.00368</margin>
	<scrollDirection>horizontal</scrollDirection>
</imagegrid>

<gridtile name="default">
	<imageColor>ffffff</imageColor>
	<size>0.195577 0.527</size>
	<padding>16.0 90.5</padding>
	<backgroundColor>ffffff</backgroundColor>
	<backgroundImage>./_inc/images/select.png</backgroundImage>
</gridtile>

<gridtile name="selected">
	<size>0.1957 0.527</size>
	<backgroundColor>ffffff</backgroundColor>
	<backgroundImage>./_inc/images/selected.png</backgroundImage>
</gridtile>

</view>

In fact, I don't think its picking up any of the settings in the gridtile default and selected. Hope this helps.

paffley

@jdrassa in theory majority of the new updates you are doing could be adapted within the <imagegrid> tag and make the <gridtile> tags redundant? is that your thinking or plan?

The majority of your updates make the <gridtile> tags unnecessary imo.

paffley

Just been having another play with it and this thing is looking awesome! I know this is a WIP so keep up the great work @jdrassa looking forward to running some more tests :)

The animation is great and also the loop feature! The boxart that is highlighted in the above image is the one selected and if you press left on the controller it selects the left hand one then keeps going left. So basically it selects 2 - the right one for going right and the left one for going left. (If that all makes sense)

@ruckage you may want to watch this post also ;)

jdrassa

@paffley Would you mind posting the selected image you are trying to use?

jdrassa

@paffley said in Grid Updates - emulationstation-dev:

In fact, I don't think its picking up any of the settings in the gridtile default and selected. Hope this helps.

There is a bug in the assignment of the gridtile properties. I am preparing a PR and it should be merged within the next day or two.

@paffley said in Grid Updates - emulationstation-dev:

@jdrassa in theory majority of the new updates you are doing could be adapted within the <imagegrid> tag and make the <gridtile> tags redundant? is that your thinking or plan?
The majority of your updates make the <gridtile> tags unnecessary imo.

Some of the new options like autoLayout and autoLayoutSelectedZoom simplify the need to set specific sizes, but there are no plans to remove <gridtile>

sergioad

@jdrassa could / might you restore the slide minimal transitions to ES? Some time ago it was added but then deprecated and was my favorite transitions, it animated the game lists when you switch system not leaving the gamelists and when launching a game and the transition from the carrousel to the gamelists but it did not animated the carrousel background (not the carrousel itself), it was elegant and perfect for themes like NES mini, SNES mini, Switch and many other themes

paffley

@jdrassa said in Grid Updates - emulationstation-dev:

There is a bug in the assignment of the gridtile properties. I am preparing a PR and it should be merged within the next day or two.

Thank you :) I'll keep an eye out and run some more tests.

Do you still need the selected image from your post above?

The autoLayout and autoLayoutSelectedZoom are great additions and will make life a lot easier for boxart. I had a previous discussion with @ruckage about this on one of this themes (regarding specific grid sizes for specific systems etc for boxart for the end-user - this solves that issue).

jdrassa

@paffley The fix should now be in emulationstaiton-dev.

paffley

@jdrassa said in Grid Updates - emulationstation-dev:

@paffley The fix should now be in emulationstaiton-dev.

Perfect - all working great Thanks @jdrassa

This has changed the game completely for the grid view! All possibilities now!