Game List Z-index fun

Syhles

@ruckage
Yay I was correct it seems.

On a more serious note, it would be nice if you made a more in-depth step by step tutorial for this, I followed how to do this, also didn't think of the patterned background working that easily.

Thanks for sharing how to do cool things.

Hex

@ruckage Thanks for clearing that up. I am sure it is jusk like Andoid z index. The only difference is android draws shadows below to show z-index thus giving it an awesome feel

ruckage

@Syhles said in Game List Z-index fun:

@ruckage
Yay I was correct it seems.

On a more serious note, it would be nice if you made a more in-depth step by step tutorial for this, I followed how to do this, also didn't think of the patterned background working that easily.

Thanks for sharing how to do cool things.

I'll see if I can come up with a tutorial, most of the work needed is image editing, the xml side of things is easy.

@Hex said in Game List Z-index fun:

@ruckage Thanks for clearing that up. I am sure it is jusk like Andoid z index. The only difference is android draws shadows below to show z-index thus giving it an awesome feel

Not sure what you mean about Android z-index and shadows. You could easily add shadows between layers if you wish though in ES.

A good way to think of z-index is as an extra axis (like 3D). You position you images using x and y coordinates which left/right, up/down repectively, so z is just in/out.

Syhles

@ruckage
Thanks hope you share more inventive ways of using the z-index for things.

Hex

Yes I agree this is great.

Android as in the OS. I am also an Android Dev so I was not sure if it was the same thing or not.

jdrassa

@ruckage Amazing job! Although, I can't help but think, wouldn't this be easier if the gamelist could just render an image in place of the selection bar? I might have to look into it.

lilbud

@jdrassa Didn't you find a way for the gamelist selector to be resized? Or was that someone else?

ruckage

@jdrassa said in Game List Z-index fun:

@ruckage Amazing job! Although, I can't help but think, wouldn't this be easier if the gamelist could just render an image in place of the selection bar? I might have to look into it.

It definitely would be easier and would be a great addition as this method has limitations and can be a little tricky to get right. If you decide to add selector bar image support I'd be first in line to test it :).

@lilbud said in Game List Z-index fun:

@jdrassa Didn't you find a way for the gamelist selector to be resized? Or was that someone else?

Hi @lilbud. Yeah, @jdrassa got y-offset and height working for the selector bar and it's great, if that was combined with image support it would be perfect.
https://retropie.org.uk/forum/topic/10435/long-standing-es-bugs/21

WXDFever

HMM， does anyone know where I can download this theme?

wcarvalho

@ruckage
I'm trying to implement this same idea, but I'm not getting it, could you help me?

I was able to make the background image appear for the gamelist, but it does not go to the selected game, always in the same direction as the first game alt text

jdrassa

@wcarvalho @ruckage worked some black magic above to make this work. Fortunately, it inspired me to implement a simpler way to achieve the same effect. The textlist component now supports setting an image for the selector bar.

Try setting the following property on your textlist.
<selectorImagePath>path/to/image</selectorImagePath>

wcarvalho

Thanks for the tip @jdrassa . It worked here, I put an arrow-shaped icon, how do I put for that image to stay before the beginning of the game name?

alt text

Edit: I changed the <alignment> to the center and the right one stayed the way I wanted, but for the left alignment would it be possible to do this? put the icon before
alt text

alt text

jdrassa

@wcarvalho Have you read through the theme docs? I believe horizontalMargin is what you need.

wcarvalho

@jdrassa
Yes I read, now it worked, after many tests, because before it was not working, I put the tag in this way <horizontalMargin> 0.0150 </ horizontalMargin>. Thank you.

Three more questions

I have in mind that the current emulationstation support for use of extra sounds are for the game launch (<sound name = "launch">) and the gamelist scrollbar (<sound name = "systemscroll">).
Is there support also, when I change the system and when I turn the "back" to the main page?
In the same way that I use <helpsystem name = "help"> to choose the color, font that will appear in the help bar, is it possible to do this in the emulationstation main menu? the one that appears when you press start, if so how?
In that same emulationstation menu when I press start, is it possible to customize the options? Add, remove these things? I tried searching for the files, the most I could do is call the oxmplayer running a short video when I go
QUIT> Restart System
QUIT> Shutdown System

jdrassa

@wcarvalho said in Game List Z-index fun:>

Three more questions

I have in mind that the current emulationstation support for use of extra sounds are for the game launch (<sound name = "launch">) and the gamelist scrollbar (<sound name = "systemscroll">).
Is there support also, when I change the system and when I turn the "back" to the main page?

I believe currently the only supported sound is set using the scrollSound property on textlist.

In the same way that I use <helpsystem name = "help"> to choose the color, font that will appear in the help bar, is it possible to do this in the emulationstation main menu? the one that appears when you press start, if so how?

Not currently.

In that same emulationstation menu when I press start, is it possible to customize the options? Add, remove these things? I tried searching for the files, the most I could do is call the oxmplayer running a short video when I go
QUIT> Restart System
QUIT> Shutdown System

Not currently, but you can activate Kids or Kiosk mode. These options will remove certain predefined options from the menu. There should be a topic here on the forum that details how they work.

If you have other questions you should open a new thread. That way more users are likely to see and potentially help.

A12C4

@jdrassa said in Game List Z-index fun:

I believe currently the only supported sound is set using the scrollSound property on textlist.

This is a bit offtopic, but since you mentioned it, I was thinking about changing the way ES handle sounds.

This is, in my opinion, how themes should define the sound for the different elements :

<view name="basic, detailed, grid, video, system, menu">
	<sound name="back">
		<path>./sound/back.wav</path>
	</sound>
	<sound name="launch">
		<path>./sound/launch.wav</path>
	</sound>
	<sound name="select">
		<path>./sound/select.wav</path>
	</sound>
</view>

Note the introduction of the "menu" view, which isn't a view by itself but could be considered like one in that scenario.

The TextList scrollSound element would be kept for backward compatibility, but overriden by the code above if both are set.

jdrassa

@a12c4 So actually based on this it looks like launch sound is already implemented exactly as you suggested, its just not documented well. I would be all for adding additional sounds. It has been requested for a while.

A12C4

@jdrassa Yes it's already half here, my suggestion was to keep pushing it forward.

My propositions regarding the sounds are the following :

Add the "scroll" sound to follow the same syntax as "back" and "select", write as deprecated the "scrollSound" element of the textlist.
The "back" sound is only triggered when going out of a folder, it should confirm the user canceled an action/is going back, so it should also trigger when the user leave a game list view to come back to the system view.
Either extend the "launch" sound like the "back" or just keep this one to launching game and add a new "confirm" or "validate" sound.
Add the possibility for the theme to extend the sounds to the menu (or use separate sounds for the menu) by allowing the following syntax : <view name="menu">