Kodi Community Forum
Theater Backdrop for home screen (1080, 720, 4/3) - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Support (https://forum.kodi.tv/forumdisplay.php?fid=33)
+--- Forum: Skins Support (https://forum.kodi.tv/forumdisplay.php?fid=67)
+---- Forum: Skin Archive (https://forum.kodi.tv/forumdisplay.php?fid=179)
+----- Forum: Transparency! (https://forum.kodi.tv/forumdisplay.php?fid=115)
+----- Thread: Theater Backdrop for home screen (1080, 720, 4/3) (/showthread.php?tid=58444)

Pages: 1 2 3 4 5 6 7 8 9


- revned - 2009-10-09

Since I really wanted to have a seperate background for Movies and TV Shows I decided to play around with the posted code and managed to create something suitable for me. So I tought I share it with you:

http://www.mediafire.com/?sharekey=e5f9f5b4424ce2d00f83d91f6dff7c38e04e75f6e8ebb871

In the zip you will find a background for TV shows, a background for Movies and an edited home.xml. You'll have to create 2 folders in your userdata/thumbnails directory:
- FANART MOVIES
- FANART TVSHOWS

In these folders you can drop your images.

Copy the home.xml to your Transparency! 720p folder.

Thanks to ronie for this feature and francyboy for the background images!


- RustyCage - 2009-10-10

Hi!
Firstly: Thanks for this awesome effect!

I couldn't get this to work at first but then i changed the imagepath in Home.xml to <imagepath background="true">C:\Program Files\XBMC\userdata\Thumbnails\FANART MOVIES</imagepath>
I'm using Windows 7 if that has anything to do with it but it works now! Big Grin
So now i have to dl a bunch of nice fanarts Big Grin

EDIT: Found this site: http://www.screencapheaven.com with a bunch of screencaps Smile

http://www.screencaps.org/


- revned - 2009-10-10

Strange, I'm also using windows 7, but here it works perfect Huh


- ronie - 2009-10-10

revned Wrote:Since I really wanted to have a seperate background for Movies and TV Shows I decided to play around with the posted code and managed to create something suitable for me. So I tought I share it with you:

http://www.mediafire.com/?sharekey=e5f9f5b4424ce2d00f83d91f6dff7c38e04e75f6e8ebb871

In the zip you will find a background for TV shows, a background for Movies and an edited home.xml. You'll have to create 2 folders in your userdata/thumbnails directory:
- FANART MOVIES
- FANART TVSHOWS

In these folders you can drop your images.

Copy the home.xml to your Transparency! 720p folder.

Thanks to ronie for this feature and francyboy for the background images!

thanx for your work!
i will add the tv show screen as well to the next version of Transparency!
i'll also create a skin setting so users can select their own custom fanart folders....and probably another setting to disable/enable the pan&zoom effects.


cheers.


- revned - 2009-10-10

Great news ronie. I can't wait until the next release! Nod


- RustyCage - 2009-10-12

Can this be done with the Music-menu aswell? I was thinking it would look cool with a cd-wall and the cd-cases (some of them) where changing artists or a pile of cd-cases and the top case changing pictures. Know what i mean?

Or a livestage with jumbotrons on each side of the stage and changing pictures in the jumbotrons.
Like this stage: http://www.ratsound.com/cblog/uploads/live_stage.jpg


- jpf55 - 2009-10-13

Here is my version of the home screen, click on the link for a video preview:

http://www.flickr.com/photos/29652095@N07/4006899914/#preview

Image


- RustyCage - 2009-10-13

Yes!!! That's exactly how i would imagine the musicmenu with the cdwall and everything. Awesome!
Would you like to share the code? ;D


- kautious - 2009-10-13

Very nice jpf55!!!
Not to crazy about the TV background
How could I use this for the background
Image
Maybe crop it a little, like cut out the sub and the couch


- User 55003 - 2009-10-13

Great job and idea guy's, also not to keen on tv show background image, so I whipped up my own Wink
Image



- kautious - 2009-10-13

Steveb Wrote:Great job and idea guy's, also not to keen on tv show background image, so I whipped up my own Wink


Nice!!Big Grin


- jpf55 - 2009-10-14

I have made some modifications to the Video and TVshows home menu screens. I have kept the Movies home screen to the excellent theater shot with the red seats.

Image
Image
For those who want it, just click on the backdrop to download it.
Image

and here is the code that I added to the Home.xml

There is only one problem and I hope maybe ronie can help. I have done all the modifications on my Mac and and everything works perfectly BUT and here is a BIG BUT, when I moved the code over to the AppleTV, the Video home screen is so slow, it take 3 1/2 minutes for all the images to show up initially. So as it stands now, I don't recommend these changes on an AppleTV or an Xbox.

Code:
<!-- The format is:    VIDEOS            -->    
    <!-- The format is:    screen 1                 -->
            <control type="multiimage">
                <posx>400</posx>
                   <posy>0</posy>
                <width>380</width>
                <height>200</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>2000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 2                  -->
            <control type="multiimage">
                <posx>788</posx>
                   <posy>4</posy>
                <width>240</width>
                <height>150</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1500</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 3                 -->
            <control type="multiimage">
                <posx>146</posx>
                   <posy>100</posy>
                <width>180</width>
                <height>114</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1700</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 4                 -->
            <control type="multiimage">
                <posx>100</posx>
                   <posy>226</posy>
                <width>240</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1900</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 5                  -->
            <control type="multiimage">
                <posx>340</posx>
                   <posy>150</posy>
                <width>370</width>
                <height>180</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1500</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 6                  -->
            <control type="multiimage">
                <posx>740</posx>
                   <posy>150</posy>
                <width>360</width>
                <height>190</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>3000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 7                 -->
            <control type="multiimage">
                <posx>170</posx>
                   <posy>356</posy>
                <width>240</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1800</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 8                 -->
            <control type="multiimage">
                <posx>400</posx>
                   <posy>356</posy>
                <width>240</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1100</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 9                  -->
            <control type="multiimage">
                <posx>635</posx>
                   <posy>365</posy>
                <width>370</width>
                <height>200</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>4000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 10                  -->
            <control type="multiimage">
                <posx>1028</posx>
                   <posy>360</posy>
                <width>240</width>
                <height>150</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1500</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 11                 -->
            <control type="multiimage">
                <posx>250</posx>
                   <posy>480</posy>
                <width>160</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1600</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 12                 -->
            <control type="multiimage">
                <posx>420</posx>
                   <posy>480</posy>
                <width>190</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1800</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
<!-- The format is:    MOVIES             -->            
            <control type="multiimage">
                <posx>450</posx>
                <posy>80</posy>
                <width>780</width>
                <height>370</height>
                <imagepath background="true">special://masterprofile/Thumbnails/moviepics</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>5000</timeperimage>
                <randomize>true</randomize>
                <fadetime>1000</fadetime>
                <include>backgroundanimation2</include>
                <animation effect="rotatey" center="700" start="6" end="6" time="0" condition="true">Conditional</animation>
                <visible>[Container(5040).HasFocus(2) | Container(5041).HasFocus(2)] + !Player.HasVideo</visible>
            </control>
<!-- The format is:    TV SHOWS             -->    
            <control type="multiimage">
                <posx>490</posx>
                   <posy>280</posy>
                <width>280</width>
                <height>140</height>
                <imagepath background="true">special://masterprofile/Thumbnails/tvpics</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>3000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
<!--         <animation effect="zoom" start="100" end="110" center="auto" time="10000" pulse="true" condition="true">Conditional</animation>   -->    
                <visible>[Container(5040).HasFocus(3) | Container(5041).HasFocus(3)] + !Player.HasVideo</visible>
            </control>

Maybe the answer lies in the fade time and or the random selection


- ronie - 2009-10-14

jpf55 Wrote:I have made some modifications to the Video and TVshows home menu screens. I have kept the Movies home screen to the excellent theater shot with the red seats.

Image

i have to agree, that one looks pretty cool!

but...
jpf55 Wrote:There is only one problem and I hope maybe ronie can help. I have done all the modifications on my Mac and and everything works perfectly BUT and here is a BIG BUT, when I moved the code over to the AppleTV, the Video home screen is so slow, it take 3 1/2 minutes for all the images to show up initially. So as it stands now, I don't recommend these changes on an AppleTV or an Xbox.

the ATV is just not capable of handling this (XBOX users shouldn't even think of trying it), if i counted correctly, you're loading up 12 fanart images at the same time plus the backdrop...that's 13 720p images in total.

it will take a lot of cpu power to get this done. you can check for yourself if you enable debug logging. you should see the cpu usage going through the roof as soon as you select the video button on the home menu.


- ronie - 2009-10-14

Steveb Wrote:Great job and idea guy's, also not to keen on tv show background image, so I whipped up my own Wink
Image

really like this background image.

do you perhaps have a version where the tv screen is a bit smaller and not filling up the entire screen ?
it's not a big issue, but it would look better for people who are using the vertical home menu if the menu would cover the tv screen.


- User 55003 - 2009-10-15

ronie Wrote:really like this background image.

do you perhaps have a version where the tv screen is a bit smaller and not filling up the entire screen ?
it's not a big issue, but it would look better for people who are using the vertical home menu if the menu would cover the tv screen.

Here's the original, but still there's not much room on left side.
http://users.adam.com.au/southtech/XBMC/w5001c_plasmatv.jpg

but you could add some extra space like this.
Image

PNG http://users.adam.com.au/southtech/XBMC/tvbackground.png