[New Theme] 'CRT' with support for Video Preview



  • Hi Everyone, below is my first attempt at a theme for ES and I was hoping to run it by all of you to get feedback, updates, etc...

    I was inspired to build it after following the thread where @fieldofcows added video preview support to ES and then the follow-up work done by @Nismo on his amazing oldroom theme. So this is a theme with support for the new video view and video tags (I haven't tested it for backwards compatibility yet - more on that below)

    I based it heavily on the awesome Carbon theme by Eric Hettervik; and then rebuilt from scratch so I could learn the theming system (note: all logos were sourced from Carbon as well; I made a few small modifications to lighten some of the logo text in a few like NGPC)

    The design was based on old video game poster designs like these http://imgur.com/J4eeTun and http://imgur.com/Ut0SWfJ

    Please let me know what you think overall and what I can add/remove or change. I'll be glad to make updates and fixes as they come in. Thank you!


    Update 1/12/2017

    • Increased the size of boxart displayed on the video view
    • Replaced genre and release date metadata with last played (genre and release date metadata does not appear to be consistent and last played does look like it will be more helpful overall)
    • Tightened up spacing and reordered metadata on detail and video views

    Download
    https://github.com/anthonycaccese/es-theme-crt


    Video Walkthrough

    Screenshots

    Video View
    Video View

    Detailed View
    Detailed View

    Basic View
    Basic View

    More images on Imgur

    Details

    • Has support for system, basic, detailed and video views
    • Displays the following metadata on detailed and video views: rating, description, # of players & last played
    • Matching splashscreens are included in the _inc/images folder
    • Tested on 720p and 1080p resolutions so far (need to finish my GBZ next to test TFT)

    How to use

    • Requires a Pi2/3 (videos are very choppy on a Pi0/1)
    • Install latest version of retropie through the setup script (I know versions after 4.1.8 work)
    • Add <video> elements to your gamelist to reference videos for each game on your pi (videos can be stored anywhere just like images)

    Acknowledgments

    Possible Future Updates

    • Adding support for the new marquee tag
    • System specific backgrounds that match historical poster designs for a given system (I built an NES example to check out here: http://i.imgur.com/XCx3Tko.png)
    • A centered version without metadata displayed (an example can be seen in the video walkthrough above and in this imgur album - http://imgur.com/a/2CSSk)
    • I have started following this thread - https://retropie.org.uk/forum/topic/6964/video-view-for-all-themes - and know I likely need to make updates for backwards compatibility
    • Child Friendly ES support - I need to install a version I can play with - will try to do that in the next few weeks
    • Grid view support

    Download
    https://github.com/anthonycaccese/es-theme-crt

    Thank you again



  • I like it. It's very clean and uses the space well. It should also work well on smaller screens as it isn't too cluttered.

    I'm also glad the tutorial helped you. If you need help getting the kid-friendly icons working I can help you out (just with the icons though. If you have problems with the ES Mod itself, Zigurana might be a better bet).



  • Solid solid solid work.

    I'd almost reconsider using times played / last played instead of the ratings on the detailed view.

    Otherwise fantastic job.



  • @alphatoanant Seems very clean, i like it, but something is wrong...

    You need to set marquees yes or yes, because marquees are always displayed even if you doesn't use the code, so if you don't place them, marquees are displayed in a very big size in the top left corner of the screen.

    Or you can move them out of the screen.

    Also my box images are displayed in a very small size in the corner of the tv.

    This is what i get:

    alt text

    Nice theme anyway.



  • @mattrixk, thank you for the offer! I will definitely take you up on the help with kid-friendly updates once I get a version of it setup to test with

    @ebtalk, that's solid feedback. The main reason I hadn't included those at this time is that I have become used to having "save metadata on exit" turned off (started doing that more once I had started using pizero's because it felt like it helped with boot time). I'll try to revisit that again. There also might be room to add those in next to the rating. I'll take a shot at that and provide an image to see what you think.

    @Nismo, re the marquee tag... I totally missed on one of the rules of ES themes - some items have default placements that you need to watch for =). Thank you for catching that. I'll provide a few ideas to ask for your feedback as ultimately I think adding the display of it would be nice. For now I made a quick update to position it off screen while I work out placement options - that change is up on github now.

    re: box art image size. Design wise I was going for the main focus in video view to be the video itself so I sized down the boxart in that view. The maxSize is around 172x90px in a 720 resolution. Can you send me one of your box images that I can test? I can try different maxsize params to see if I can find a happy medium. Thank you again for your help and feedback.



  • @alphatoanant I 'll upload one to you ASAP. I don't have time right now.

    Of course you can ask me what you want. Nice work.

    Edit: here you have
    https://s28.postimg.org/ngldgl07x/Aero_the_Acro_Bat_2_U_image.png



  • Absolutely love this... silly noob question, but how exactly could I install this theme for myself? I'm assuming it will have a slightly different process than the regular channels.



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

    Absolutely love this... silly noob question, but how exactly could I install this theme for myself? I'm assuming it will have a slightly different process than the regular channels.

    I had the same question yesterday. Hopefully, this explains it...

    https://retropie.org.uk/forum/topic/7038/how-does-a-novice-install-a-downloaded-theme/7



  • @Nismo, awesome thank you. I'll start playing with sizes to see if I can find something that works for both 2d and 3d boxes.

    @pablo, if you still need help let me know. One main thing to keep in mind is your retropie version is going to have to be the latest that you can install from the setup script (the version that can be downloaded from the site does not yet have video preview support in it yet). The version I am running is 4.1.8 as an fyi.



  • Very nice... But this is for RPi2 or 3.

    Did this work it an original Raspberry Pi ?



  • looks amazing dude!

    one small thing i might change is the console logo looks a bit out of place in the middle. are you able to move the logo to where the stars are and put the stars to the right of the logo?



  • Wow! this was exactly what I was looking for. Hope to see system specific backgrounds in the future, also would be great with backgrounds on the main menu.

    great work!



  • @fuglem take a look at my theme here:



  • @Nismo your theme is so solid. I continue to be amazed by it - the system specific aspects are really great. Awesome work.



  • @alphatoanant Thank you, it needs a lot of work... it's like to do one theme for each system..



  • Long time without posting anything about the theme so here you have a little preview of amiga system. (I used megadrive system to test it).

    I need to change the gb, gbc and gba cartridges for 3d box images.

    I also fixed the gameboy with 4 buttons... lol

    I need help to find a good quality image about somebody with a gameboy color in his hands, please somebody can help me?

    My mistake gba is not in the video but is finished too.

    Sorry for the offtopic @alphatoanant.



  • Is the video preview support built into the ES version that is included in retropie 4.1 or do you need to get a forked version of ES to run these? I want to make sure before I try making one myself.



  • Hey can anyone help me, i tried to install this on my computer version of emulation station but it shows as all white and none of the assets show up. thanks



  • @sam85461 For windows you need the compiled version by @fieldofcows.

    https://github.com/fieldofcows/EmulationStation/releases/tag/v0.1-beta.7

    But it doesn't have some fixes like the fix for ES crashing if you use subfolders in roms folder and other things.

    And if you manually scrape a game inside ES, it deletes your video and marquees tags in gamelist.xml.



  • Updates so far:

    • Increased the size of boxart displayed on the video view
    • Replaced genre and release date metadata with last played (genre and release date metadata does not appear to be consistent and last played does look like it will be more helpful overall)
    • Tightened up spacing for metadata on detail and video views

    Quick preview:
    alt text

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

    @Nismo - Thank you again for your sample boxart image. I have made updates to the size of its display on the video view. It's not as large as on your oldroom theme but I think I found a good balance for my theme based on the spacing I am working with. Please let me know what you think. Also no worries on offtopic above - I am excited to see more updates to oldroom.

    @ebtalk - I played with metadata a lot this week; testing different scrapers and such. I was getting pretty spotty results for genre and release date so I made a change to replace those values with last played. I kept the ratings for now as I am planning on adding child-friendly theme icons on that row. Hoping to hear what you think.

    @nasp2000 - Works well on a Pi2/3 on the latest versions of retropie (tested on 4.1.8 or later) I tried testing on my pi-zero earlier this week and video playback is choppy so a few of us are discussing alternatives for pi-zero/1 in the video preview thread.

    @badhorse - I will try out a few options. The main reason I went with the logo centered was to have consistency in placement between the different views (moving from a video view to a basic view for example).

    @Capeman - It's in the latest version you can update from with the retropie setup script. I know for sure its works on 4.1.8 and the latest from around 3 days ago which is 4.1.10.


Log in to reply
 

Looks like your connection to RetroPie Forum was lost, please wait while we try to reconnect.