Console Boxes Theme (WIP)

[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:

[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...

[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...

[mattrixk]

@SuperSirLink said in Console Boxes Theme (WIP):

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

I don't know if you can. I think the marquee has its z-index set to be on top of just about everything else, so I don't think you'll be able to add an image over the top of it.

I'm hoping someone adds <zindex> as a viable property to all ES elements soon, but until that day we are stuck with what we have.

[SuperSirLink]

@mattrixk said in Console Boxes Theme (WIP):

@SuperSirLink said in Console Boxes Theme (WIP):

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

I don't know if you can. I think the marquee has its z-index set to be on top of just about everything else, so I don't think you'll be able to add an image over the top of it.

I'm hoping someone adds <zindex> as a viable property to all ES elements soon, but until that day we are stuck with what we have.

Ohh no... If I can't place an image on top of it, kinda kills where I was going with this theme... :(

According to the original themes.md readme, the order items are draw on screen are from top to bottom... That works for detailed view, I put the overlay at the bottom and it draws on top... But video view seems to be ignoring that...

[SuperSirLink]

Think I have an idea of a work around until we can directly control images on the z axis... Does anyone know if the Universal XML scrapper will allow us to use a custom imported image?

[mattrixk]

@SuperSirLink This is part of a tutorial for an older version of UXS, but it gives you an idea of what you can do with it:

https://github.com/Universal-Rom-Tools/Universal-XML-Scraper/wiki/[EXEMPLE]-Some-Element-Line-and-the-result

You can add your own images, you can skew them, rotate them, merge them and cut pieces out of them.

[SuperSirLink]

Thanks again @mattrixk !! Going to see if I can use the overlay frame and mix it with a screenshot as a work around for now...

[SuperSirLink]

Just doesn't feel the same with out the overlay...

[duiz]

I still love the way that looks honestly! Everything is so well spaced and presented.