I made a new home screen because I wanted a cube transition, similar to what Microsoft was using in their ads.
Here is the youtube video.
For some reason, there is a hiccup at the end of all the transitions which doesn't happen in XBMC. I think it's a fraps or youtube error.
For those who want to try it out themselves and play around with it, it's very simple. Save a copy of your HomeMenu.xml and IncludesHome.xml so you can go back to defaults later. Here are the do it yourself instructions:
- Search in HomeMenu.xml and change
Code:
<control type="list" id="9000">
<posy>20</posy>
<width>1000</width>
<height>700</height>
<scrolltime tween="Cubic" easing="Out">400</scrolltime>
- to
Code:
<control type="fixedlist" id="9000">
<posy>250</posy>
<width>1280</width>
<height>700</height>
<scrolltime>0</scrolltime>
<focusposition>0</focusposition>
- Replace IncludesHome.xml with
Code:
<includes>
<include name="homeMenusLayout">
<itemlayout width="1280" height="250"></itemlayout>
<focusedlayout width="1280" height="145">
<control type="label">
<posx>640</posx>
<posy>0</posy>
<width>1280</width>
<height>109</height>
<animation type="focus">
<effect type="rotatex" center="60,0" start="-90" end="0" time="250"/>
<effect type="fade" start=0 end="100" time="225" delay=25 />
<effect type="slide" start=0 end="0,0" tween="quadratic" center="auto" easing="Out" time="250" />
</animation>
<font>homeMenunew</font>
<align>center</align>
<textcolor>Color2</textcolor>
<label>$INFO[ListItem.Label]</label>
<visible>![Container(9000).HasFocus(21) | Container(9000).HasFocus(22)]</visible>
</control>
<control type="label">
<posx>640</posx>
<posy>19</posy>
<width>1280</width>
<height>145</height>
<animation type="focus">
<effect type="rotatex" center="1,0" start="0" end="90" time="250"/>
<effect type="fade" start=100 end=0 time="25" delay=225 />
<effect type="slide" start=0,0 end="0,-155" tween="quadratic" center="auto" easing="Out" time="250" />
</animation>
<font>homeMenunew</font>
<align>center</align>
<textcolor>Color2</textcolor>
<label>$INFO[ListItem.Label]</label>
<visible>![Container(9000).HasFocus(21) | Container(9000).HasFocus(22)]</visible>
</control>
</focusedlayout>
</include>
</includes>
If someone wants me to post the XML with the changes already made, let me know where to upload a copy. Comments appreciated. It should be smooth unlike the video.
I am just a regular user, so grain of salt.... I think that it is a really cool concept but find the transition between menu items a little jarring.