Console Boxes Theme (WIP)

SuperSirLink

So the immediate need, is figuring out how to get the meta data fields to truncate like the game list does if there is not enough space. Anyone know how to best accomplish that? Didn't see any values listed on the themes readme that would allow that to happen... Guess we could always do some manual clean up and trim those down (wasn't that many on my list), but would be nice to have a "failsafe"...

duiz

Any update on this theme and when we can get to play around with it?

SuperSirLink

@duiz said in Console Boxes Theme (WIP):

Any update on this theme and when we can get to play around with it?

Still working on it... I am still playing around with these new features to get the screenshots populated... Think I am also going to take advantage of the carousel mod now too... That big grey bar was really killing the feel of the box front effect... :)

SuperSirLink

So I am beating my head on the desk wondering my my changes were not working. Out of desperation I copy over the basevid theme from the toolkit and to my surprise the new features didn't work! LOL okay, now I don't feel so bad...

I have been doing my theme testing on a Pi1 using the latest RetroPie image 4.2... The new carousel mod features not in the 4.2 image?

herb_fargus

@SuperSirLink it's not.

SuperSirLink

Thanks @herb_fargus ! Glad I am not loosing my mind... Too bad the portable version of ES doesn't run on MacOS... Will update my Pi1.

Working on setting up a Debian VM to run RetroPie on so I am work on this theme on the go... :)

mattrixk

@SuperSirLink said in Console Boxes Theme (WIP):

figuring out how to get the meta data fields to truncate like the game list does if there is not enough space

You can't make the metadata content scroll horizontally within the space in the same way the gamelist does, and you can't make it scroll vertically within the space the same way the description does.

What you can do though, is set a width to the metadata box so that when the content reaches the end of the box width, it will drop to the next line. You can also set the line-height of the text, so the next line is directly beneath the first without much space between them. Eg:

Content with large line-height:

first line of content

second line of content

Content with small line-height:

first line of content
second line of content

It's not much, but I hope it helps.

SuperSirLink

Thanks @mattrixk ! I will play with that...

SuperSirLink

Okay, I have the meta data field set so they should truncate... And I believe I have the video and marquee fields set correctly, they are just displaying in the wrong layering order... I am going to put both in so video can be used if wanted... Need to play with the layering to get the overlay always on top, with the screenshot drawing over the static, then video drawing in over the screenshot after the delay kicks in...

Here is another shot:
0_1492951020460_Screen Shot 2017-04-22 at 5.28.26 PM.png

A Former User

Need help with anything on the graphical side? I'm a graphic artist.

mattrixk

@SuperSirLink Your image doesn't display for me.

SuperSirLink

@mattrixk said in Console Boxes Theme (WIP):

@SuperSirLink Your image doesn't display for me.

Got an error trying to upload an image... will try again in the morning...

Had to take a break (life :/ )...

edit... So the new video features don't seem to follow the same rules of layering... With the overlay at the bottom of the XML is should be drawing over the marquee tag, but I am not having any success yet...

I am guessing since it is in a separate view set... It would also appear that if you don't have the video tags with accessible media, the marquee will not draw... I a may just not have something right yet though...

duiz

So excited for this!

SuperSirLink

Okay, I am a bit confused over this video feature section... I can not get the marquee to display without having a valid path to a video. Meaning if I don't have a <video></video> set of tags in the gamelist.xml, it will not draw the screenshot. I I have tried with the video specific code in the theme.xml and without...

This is all I have in the theme.xml and it still plays the video.

        <feature supported="video">
		<view name="video">
			<image name="md_marquee">
				<origin>0.5 0.5</origin>
				<pos>0.500 0.275</pos>
				<maxSize>0.285 0.355</maxSize>
			</image>
		</view>
	</feature>

I did not add a completely separate view for video, just added it like this:

    <view name="basic, detailed, video">

Sample gamelist:

	<game>
		<path>./Zelda II - The Adventure of Link (USA).nes</path>
		<name>Zelda II : The Adventure of Link</name>
		<desc>Link has just turned sixteen, and discovers a strange birthmark on his hand. With the help of Impa, Zelda's nursemaid, Link learns that this mark is the key to unlock a secret room where Princess Zelda lies sleeping. When young, Princess Zelda was given k</desc>
		<image>./images/Zelda II - The Adventure of Link (USA)-image.jpg</image>
		<marquee>./media/Zelda II - The Adventure of Link (USA).png</marquee>
		<video>./media/Zelda II - The Adventure of Link (USA).mp4</video>
		<rating>0.8</rating>
		<releasedate>19881201T000000</releasedate>
		<developer>Nintendo</developer>
		<publisher>Nintendo</publisher>
		<genre>Role playing games</genre>
		<playcount>1</playcount>
		<lastplayed>20170422T203020</lastplayed>
	</game>

Delete the <video> line and no marquee... Can I use md_marquee in the detailed view, or does it have to be in video view?

SuperSirLink

Okay, now I am scratching my head... Replaced the path of the static image to the screen shot and it complains it can't find the file... As you can see though, it is indeed there... Done this before when testing the overlay, so not sure why it is complaining... Wasn't in that folder before, but wouldn't think that should have anything to do with it... Need to test with some other images...

0_1492950914150_Screen Shot 2017-04-23 at 8.32.03 AM.png

mattrixk

@SuperSirLink you might want to check your file extensions. One was png and other was jpg. That could be why it's not showing up.

Marquee only works in video view, not detailed view unfortunately.

SuperSirLink

@mattrixk said in Console Boxes Theme (WIP):

@SuperSirLink you might want to check your file extensions. One was png and other was jpg. That could be why it's not showing up.

Marquee only works in video view, not detailed view unfortunately.

It is definitely a png, the LS shows the file as it really does exist... I know the box art the scraper pulled was a jpg, but don't see that in the capture, maybe I am missing it though...

Okay, video view supports all the same tags as detailed though, yes? Can I tag all the views together like I did?

Edit... Nevermind, my test of replacing the static image was my typo of having the relative paths wrong... media folder was not in the same level as the theme.xml (duh) so ./media/ was never going to work...

Still doesn't explain why it was not filling in <marquee> tag is not populating... time to do more testing with other games...

Going to try and just replace the entire detailed view for video...

Where is there some documentation on what each tag does in video view?

What does <feature supported="video"> do? Is this just a global "enable"?

mattrixk

@SuperSirLink said in Console Boxes Theme (WIP):

video view supports all the same tags as detailed though, yes? Can I tag all the views together like I did?

Yes, that should be fine. It's just video and marquee that Detailed View can't use, but Video View can use all of the Detailed View tags.

<feature supported="video"> just means that if your version of ES supports video view, then use the code inside the <featured> tag. You can also use <feature supported="carousel"> to avoid your Carousel code breaking older versions of ES that don't support it.

SuperSirLink

Okay, thank @mattrixk looking at the basevid and carbon examples, that explains why it is in different locations...

Should I be able to use only the md_marquee tag? Doesn't matter what order I try, I can't get the marquee to work without adding a video tag set...

SuperSirLink

okay, little more progress... I can get the marquee to display correctly as long as I have <video> tags in the gamelist and leave it blank between the tags...

Now I just have to get the overlay to draw on top of the marquee...