Carousel Home Menu (Rotating/Circular Animation Effect) - Printable Version
+- XBMC Community Forum (http://forum.xbmc.org)
+-- Forum: Development (/forumdisplay.php?fid=32)
+--- Forum: Skin Development (/forumdisplay.php?fid=12)
+--- Thread: Carousel Home Menu (Rotating/Circular Animation Effect) (/showthread.php?tid=26877)
Carousel Home Menu (Rotating/Circular Animation Effect) - MacGyver - 2007-06-16 13:02
I've always wanted a circular home.xml menu, but was too lazy to code it.
Well I was bored out of my mind at work, so I did it.
Here is the code, hopefully it saves someone some time (it took me about 4 hours(mostly to type )).
Also included is the code for includes.xml the code in there is all the animation, so its easy to change the way it moves without having to change all 100 control calls. BTW I didn't spend a lot of time to get the animation exact (the way center=? works completely escapes me), so if someone is up to the task it's only about 40 numbers in the includes.xml code, please repost it if you do.
Here is the link for the home.xml
Here is the link for the text to add to the includes.xml
Use the <description> tags to make sense of the includes not the name.
The picture files are easy to figure out.
Questions?, Comments?, Problems?
- MacGyver - 2007-06-16 13:38
Almost forgot the screenshot.
- Nuka1195 - 2007-06-16 14:03
- MikeBeecham - 2007-06-16 15:51
looks good mate...I'm sure it'll save someone some time!
- Gamester17 - 2007-06-16 16:30
Time to rip-off... ...er, I mean clone/replicate some of MediaPortal's SPINSAFE/REVOLVE skins, hehe
I also really like home in their FACE skin => http://www.mediaportal-skins.net/Bilder/SkinFace.wmv
- MacGyver - 2007-06-16 16:30
If you do try it out, make note of the fact the weather icon is coded to be dynamic (it downloads the correct icon for the current weather), so if you don't have you xbox connected to the internet it will not show up.
To save some time, here are the names of the graphics.
Background.PNG (mine was two colors black & dark grey)
Thumb_Mask2.png (it's a diffused fading reflection mask)
Weather-ICON.PNG (it's commented out, due to it being dynamic "Weather.Condition")
WebBrowser-ICON.PNG (for the PIMPed and Deff builds with links included)
All the icons were 175x175 except the thumb mask 64x64, but any size up to 256x256 should be fine since it wil be resized anyway, but too big will slow it down a lot.
- CHI3f - 2007-06-16 23:08
That is almost exactly how the home window for xTV is coded.
- MikeBeecham - 2007-06-17 00:24
then it proves it works then
- MacGyver - 2007-06-17 01:20
Except xTV isn't 2300+ lines long, or in a circle. But you are right, it is similar, but both ideas came from the old XbMac2.1b2R skin (props to Jacksor and b-wox). I also coded it so it could be modified easily from the includes.xml, that way if someone wanted to make it a full circle, or an almost flat ellipse, they wouldn't need to change every one of the 2300 lines in the home.xml only the 40 in the includes.xml. Also xTV has 3 icons, mine goes to 11, er I mean 10.
BTW, I wrote it for 16x9, use the includes.xml to fix aspect ratio for 4x3.
And if you want to split hairs, EVERY skin that uses reflections looks like my code for "Big Screen/Verve" since I was the first to figure out that an unsigned float would accept a negative number and display the icon upside-down. Now it's just flippy=true (thanx Jmarshal).
- MacGyver - 2007-06-17 01:25
And yes, I do use xTV on my own xbox. (modified, of course, I like my weather button, what can I say?)