Discovered "Reflections" Code for Thumbnails [ Edited ]

[JoeySmyth]

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)

[Tinwarble]

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.

[JoeySmyth]

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)

[firetix]

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"/>

[Tinwarble]

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.

[JoeySmyth]

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

[JoeySmyth]

@ 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>

[Tinwarble]

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.

[JoeySmyth]

Demo Download Link on Page (1)

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

[flhthemi]

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!