Reply
Community VIP
JoeySmyth
Posts: 3,528
Registered: ‎01-05-2011

Discovered "Reflections" Code for Thumbnails

[ Edited ]

Discovered Yesterday the Code for Creating 'Reflections' on Thumbnails...

Could be a solution to the PNG issue.  (I use PNG for Reflections and Round Corners)

Worked today on modding 2 Views in Aeonish Theme using Reflections and Round Corners with .... JPEG ONLY

(All other Views can be moddified using this procedure)

 

Yes, this works for FOLDERS as well .

 

NOTE: These are actual Dvd Recoder Captured Screenshots of POSTER JPEG IMAGES.

In this TEST...
NO MOVIESHEETS WERE USED
NO THUMBGEN GENERATION WAS USED
NO PNG GRAPHICS WERE USED

The code will work with 'Moviesheets' but i just wanted to try Posters first.

 

 

What's the Code/Trick ?

mirror="1"

(Vertically Inverts an Image .. then a Diffuse Layer in the Theme creates the Fading Effect)

(A Small Overlay for Thumbnails in the Theme creates the illusion of Rounded Corners)

Code was discovered in the "Blockbuster" XMLs ... credits to Western Digital

 

 

HERE IS A ROUGH (WIP) POSTER BETA DEMO:

http://www.mediafire.com/download.php?7z2w3e5th9imqz8

 

AE REFLECTION Theme Demo.rar       is the modified theme files for  JPEG 'Reflections' in  Gallery and List Views

Movie Poster Demo.rar      are sample Movie Posters and Movie XML Files

 

 

 

Here's a Quick Video of Local Backdrops using Modified Gallery View XML Code.

Once the Backdrop is Displayed if you Quickly Tap and Hold Down the Navigation Arrow Buttons the Backdrop will not change.

 

If you however, slow down your button presses or stop on a movie, then the New Backdrop will load.

Video Demo use's Brightly Dark by bg1 Movie Sheets. (Not my creation, credits to the Original Author)

http://www.wdtvlive.net/showthread.php?385-Brightly-Dark-by-bg1-%28Brightly-720p-Standard-Sheet-amp-...

(I did however, fix a Runtime error in the Template.. Variable was %DURATION% it should be %RUNTIME% also moved the Media Flags Verticaly by 10 pixels)

 

 

 

Gallery Demo Package 

 http://www.mediafire.com/download.php?zl8q523n91bhwww

 

( Gallery Black Outline - Theme for Hub/SMP   1st Pic)

( Gallery Clear Case - Theme for Hub/SMP   2nd Pic)

( Demo Movie Folder - with Sheets and Thumbnails)

(Brightly Dark Template by bg1 - Thumbgen Template with Minor Corrections and Alterations)

Click the Kudos star to say thank you for helpful posts. And be sure to come back to click the 'Accept as Solution' button for the post that solved your issue. This may help someone else.

Honored Contributor
Tinwarble
Posts: 3,788
Registered: ‎11-16-2010
0

Re: Discovered "Reflections" Code for Thumbnails

[ Edited ]

Good catch Joey, so much for WD stating that this can't be done on the fly as they told me before.

 

Well, at least the Blockbuster app was good for something before it went away.

 

What firmware are you trying this on?  If you're still on 2.07 I might upgrade to the lastest to see if it works on it there also.

I like vanilla icecream.........yeah, I said it and I don't care who knows.
Community VIP
JoeySmyth
Posts: 3,528
Registered: ‎01-05-2011

Re: Discovered "Reflections" Code for Thumbnails

[ Edited ]

Thanks

 

I Got this working on Firmware 2.07.17

 

It should work on Firmware 3.03.13 assuming the  mirror="1" code still works on that Firmware.

 

(P.S. Blockbuster is not available on my  Hub in my Country ... i went onto Youtube to see video of what of i was missing ... and noticed "Reflections" in the Blockbuster Demonstration ... which lead me on the XML Code hunt for how it was done)

Click the Kudos star to say thank you for helpful posts. And be sure to come back to click the 'Accept as Solution' button for the post that solved your issue. This may help someone else.

Honored Contributor
firetix
Posts: 416
Registered: ‎01-07-2011
0

Re: Discovered "Reflections" Code for Thumbnails

[ Edited ]

Nice finding joey.

 

I've tried adding the mirror="1" in latest firmware but

the thumbnails appears  inverted

 i'm using latest firmware

 <image name="th6_f" image="@@browse_6_thumbnail" default_image="@@default_thumbnail_6" x="1041" mirror="1" active="@@act-browselist-6" disable="@@thumbnail_f_disable_6"/>

 

---------------------------------------------------------------------------------------------
Please vote for Custom Moviesheets Support!
Firetix WideSheet Theme v2
---------------------------------------------------------------------------------------------
Honored Contributor
Tinwarble
Posts: 3,788
Registered: ‎11-16-2010
0

Re: Discovered "Reflections" Code for Thumbnails

[ Edited ]

Yep, same with 2.07.  I think it requires adding the thumbnail again for the invert, then cropping.  I haven't had the chance to play with it much yet and Joey might be able to fill in more blanks, but I thing the mirror just inverts the image it doens't seem to actually mirror the image.

 

Also, I'm not sure if these lines have anything to do with it either.

 

    <wrapper y="480" w="178" h="50" prefetch="1" mirror="1" align="left,top">
      <imgbtn text="" image="@@browselist_0_mirror" active="@@act-browselist-0" x="125" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_1_mirror" active="@@act-browselist-1" x="338" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_2_mirror" active="@@act-browselist-2" x="551" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_3_mirror" active="@@act-browselist-3" x="764" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_4_mirror" active="@@act-browselist-4" x="977" disable="@@disable-browselist" />
    </wrapper>

 

And @ Joey,

 

Yeah, I do have blockbuster here (or did), but I never messed around with it because I didn't have any interest in it.  Wish I did now.:smileyvery-happy:

I like vanilla icecream.........yeah, I said it and I don't care who knows.
Community VIP
JoeySmyth
Posts: 3,528
Registered: ‎01-05-2011

Re: Discovered "Reflections" Code for Thumbnails

@ firetix

 

mirror="1"  is Additional Code

 

ie.  Leave your Thumbnail code alone....  copy and paste it to the next line .... then add the  mirror="1" code

 

and change the "Y" vertical positioning of  the inverted  (mirror="1") code

 

and for the 'Faded' effect .... you need to create and implement a 'Diffuse' Layer in your Theme.

 

 

Click the Kudos star to say thank you for helpful posts. And be sure to come back to click the 'Accept as Solution' button for the post that solved your issue. This may help someone else.

Community VIP
JoeySmyth
Posts: 3,528
Registered: ‎01-05-2011

Re: Discovered "Reflections" Code for Thumbnails

[ Edited ]

@ Tinwarble

 

The code below doesent work in Gallery or List View.

 

I will post the Code and Demo Folder in a few Hours so everyone can see how it was done in the Screenshots.

 

<wrapper y="480" w="178" h="50" prefetch="1" mirror="1" align="left,top">
      <imgbtn text="" image="@@browselist_0_mirror" active="@@act-browselist-0" x="125" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_1_mirror" active="@@act-browselist-1" x="338" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_2_mirror" active="@@act-browselist-2" x="551" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_3_mirror" active="@@act-browselist-3" x="764" disable="@@disable-browselist" />
      <imgbtn text="" image="@@browselist_4_mirror" active="@@act-browselist-4" x="977" disable="@@disable-browselist" />
    </wrapper>

Click the Kudos star to say thank you for helpful posts. And be sure to come back to click the 'Accept as Solution' button for the post that solved your issue. This may help someone else.

Honored Contributor
Tinwarble
Posts: 3,788
Registered: ‎11-16-2010
0

Re: Discovered "Reflections" Code for Thumbnails

Thanks, I figured it out already that it hadn't, but I do see what you've done, just took me a few minutes to figure it out once I inverted one of the thumbs.  But posting a demo would be a good thing.

 

Like I said, it's a really good find, but I'm not sure that I want to go away from .pngs/.jpgs personally.  But it might be worth implementing into a version my themes so SMP users and HUB users with more current firmware can see the thumbs as they are intended.

I like vanilla icecream.........yeah, I said it and I don't care who knows.
Community VIP
JoeySmyth
Posts: 3,528
Registered: ‎01-05-2011

Re: Discovered "Reflections" Code for Thumbnails

Demo Download Link on Page (1)

 

"Biggest Benefit of JPG Over  PNG"  .... JPG due to smaller filesize  =  Faster Interface Navigation

Click the Kudos star to say thank you for helpful posts. And be sure to come back to click the 'Accept as Solution' button for the post that solved your issue. This may help someone else.

Respected Contributor
flhthemi
Posts: 1,309
Registered: ‎03-06-2011
0

Re: Discovered "Reflections" Code for Thumbnails

[ Edited ]

Man, all I can say is HOT DA#$!!! this is big (I think). I see some changes comming to a lot of themes!

 

Great find!

 

 This is BIG!

 

Photobucket

Hub Manual:http://www.wdc.com/wdproducts/library/UM/ENG/4779-705046.pdf
WD TV Live Hub - WD TV Live Plus
Asus Transformer Infinity TF700 - PS3
PlayOn Media Server
Forums | Ideas | News and Announcements | Register | Sign in | Help | Forum Guidelines
Copyright © 2001 - 2014 Western Digital Technologies, Inc. All rights reserved. | Trademarks | Privacy | Community Terms of Service | Site Terms of Use | Copyright | Contact WD