[Theme] CRT

mattrixk

@Dominus said in [New Theme] 'CRT' with support for Video Preview:

wouldn't know where to start

There is a guide to creating your own theme in the docs. It needs updating with the new video and carousel stuff, but all the basics are there.

alphatoanant

@Dominus I think I figured out the box art resize issue last night.

In my first version of the theme I was using maxSize for boxart and size for the video (as maxSize was not yet supported for sizing video yet).

In the latest version of ES maxSize is supported for sizing video so I tried updating that and it looks like it fixed the resizing issue (for the most part... more on this later)

So for your custom layout try updating this...

<video name="md_video">
<origin>0.5 0.5</origin>
<pos>0.325 0.35</pos>
<size>0.25 0.33</size>
<delay>0.01</delay>
<default>./_inc/videos/static.mp4</default>
<showSnapshotNoVideo>false</showSnapshotNoVideo>
<showSnapshotDelay>false</showSnapshotDelay>
</video>

to this...

<video name="md_video">
<origin>0.5 0.5</origin>
<pos>0.325 0.35</pos>
<maxSize>0.25 0.33</maxSize>
<delay>0.01</delay>
<default>./_inc/videos/static.mp4</default>
<showSnapshotNoVideo>false</showSnapshotNoVideo>
<showSnapshotDelay>false</showSnapshotDelay>
</video>

The caveats with this fix is that I don't think the theme will be backwards compatible with users that don't have the latest version of ES with maxSize support - I need to dig a bit more to test that though

Once I work that out I am planning to update my github repo with the above fix by the end of the week.

Also, there is still a bug on initial load of a system where the first box in a list will be sized incorrectly. I believe that is going to be fixed by the fix discussed in this thread: https://retropie.org.uk/forum/topic/9261/bug-box-art-displaying-incorrect-size-the-first-time-i-enter-a-system

Let me know if this helps

Dominus

@alphatoanant THANKS! That worked perfectly!

alphatoanant

Updates 4/30/2017:

Fixed box art scaling issue on video view
Added 4x3 layout option
Added display of genre and release date metadata
Increased the logo size a small amount
Added backward compatibility check for older versions of retropie without video support

Preview:

4x3 Layout
Basic View

Video View

Detailed View

Notes:

4x3 Layout

thanks to help from @mattrixk and his IO theme a 4x3 layout option is available now
To use it you will need to edit the root theme.xml and change

<include>./_inc/templates/16x9.xml</include>

to

<include>./_inc/templates/4x3.xml</include>

Box Art Scaling Bug

The latest version of ES video tag supports maxSize for sizing the video
The introduction of this caused a bug in the theme as I was using an old static sizing approach and it conflicted with the maxSize values I was using for the box art
This new version fixes that issue by updating the theme to use maxSize for the video tag
make sure you are on the latest version of ES (4.2 or above)

Display of Genre and Release Date metadata

I had been thinking of ways to add in genre and release date metadata based on comments in the thread and I think I found a way to display them while keeping the same clean layout
Please let me know what you think

Up Next?

Will try to test z-index support from @jdrassa in https://retropie.org.uk/forum/topic/9785/z-index-support-for-themes (thinking this will help me add an image that sits underneath the video to fill the CRT frame for videos that don't fill the frame completely)
Start playing with marquee placement
Grid View possibly?

Download latest:
https://github.com/anthonycaccese/es-theme-crt/archive/master.zip

Please let me know what you think, thank you!

alphatoanant

CRT and CRT Centered can be installed directly from the ES Themes menu within retropie now (just make sure you are on the latest version of the setup script)

KillerQ

@alphatoanant said in [New Theme] 'CRT' with support for Video Preview:

CRT and CRT Centered can be installed directly from the ES Themes menu within retropie now (just make sure you are on the latest version of the setup script)

Oh, fancy! Congrats!

alphatoanant

Updates 5/3/2017:

Updated CRT Bezel images from PNG to SVG to help with clean scaling on different resolutions
Added future support for z-index layering being discussed in this thread - https://retropie.org.uk/forum/topic/9785/z-index-support-for-themes

Up Next?

Work on marquee placement
Carousel Theming
Grid View possibly?

A Former User

Carousel theming!

alphatoanant

Updates 5/14/2017:

Added display of marquee
Cleaned up layout of metadata
Added basic styling of carousel

lolo

Hi great theme.
Can you make the crt-bezel.svg file in tate (vertical) mode.
I exported the file in png with Inkscape program to rotate it but I can't do it properly with the svg format.

alphatoanant

@lolo totally

I just pushed an update to github with svgs for the bezel (crt-bezel-tate.svg) and the screen (crt-screen-tate.svg)

You can find them both in the /_inc/images directory now

Hope that helps!

lolo

@alphatoanant Great, many thanks!

alphatoanant

Updates 5/21/2017:

Finishing up UXS profiles to streamline metadata scraping
Starting to experiment with grid view layouts. Here is a preview...

With Metadata
alt text

No Metadata
alt text

What do you think?

Dominus

@alphatoanant Wow that looks awesome too. Can Wheel art be used instead of boxes?

alphatoanant

Experimenting with Grid Layouts a bit more

Using Screenshots instead of Boxart
alt text

No Meta Version
alt text

@Dominus thinking something like this?
alt text
I think it would be possible as long as the image scraped for each game is the wheel art (vs say the screenshot or boxart)

Main thing I am running into now is getting a version of grid view ES set up on windows to test with. Hoping to sort that out soon.

darknior

Woaw really cool idea if it is possible to have this new view :)

numotiv

I was really set on using the nes mini theme on my snes classic build. This theme is just too good though.... especially now that I sourced out a crt tv to play on. Really good job on it!

Dominus

@alphatoanant Yeah like that. I am also wondering about Videos? Can you use videos, and the one that is highlighted will have the sound on that video?

alphatoanant

@Dominus I don't believe so. From what I understand gridview does not support the playback of video.

hoodle

Hi there, wondering if anyone can help? I have a gamelist set up for all consoles, and know it works as the OldRoom theme shows video previews correctly, but within the CRT theme, the audio from the video snap plays, but there is no video being displayed? Any ideas? Thanks.