Reply to thread

Message

<blockquote data-quote="kiwijunglist" data-source="post: 1007568" data-attributes="member: 76888">Thanks, much appreciated. I'm mostly working on the core animations then aesthetics come later, but will definitely save time if you can upload some. I think we will have to go back and clean up this thread soon, I'm hijacking it to much. So sorry about that @<a href="https://forum.team-mediaportal.com/members/mbuzina.12382/" target="_blank">mbuzina</a>[DOUBLEPOST=1372498426][/DOUBLEPOST]This is what I have so far. you will need to overwrite the image files as they changed. since the masks are changing you also have to delete the skin cache.&nbsp;Changes:Case now opens to 135 degrees (instead of 180), so it takes up less space on the left margin.Made the spin at the start a bit better.Made the CD smallerAdded creases and shadows to the inside of the case&nbsp;[spoiler][code]&lt;!-- KIWIJUNGLIST --&gt;&nbsp;&nbsp;&lt;!-- Inside of case --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;zoom&gt;true&lt;/zoom&gt;&nbsp;&lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask1.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&nbsp;&lt;visible&gt;[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919295)+control.isvisible(91919294)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;zoom&gt;true&lt;/zoom&gt;&nbsp;&lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask1.png&quot;&gt;#fanarthandler.music.backdrop2.play&lt;/texture&gt;&nbsp;&lt;visible&gt;[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919296)+control.isvisible(91919294)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&nbsp;&nbsp;&lt;!-- Rotating CD --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1025&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;225&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;350&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;350&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;colordiffuse&gt;FFC0C0C0&lt;/colordiffuse&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;mvr.cdtex.png&quot;&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotate&quot; center=&quot;1200,400&quot; time=&quot;6000&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;true&quot; condition=&quot;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]&quot;&gt;conditional&lt;/animation&gt;&nbsp;&lt;animation effect=&quot;slide&quot; start=&quot;0,0&quot; end=&quot;0,200&quot; time=&quot;250&quot;&gt;hidden&lt;/animation&gt;&nbsp;&lt;visible&gt;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]&lt;/visible&gt;&lt;/control&gt;&nbsp;&lt;!-- CD just before sliding up rear insert shadow --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;texture&gt;case-shadow-back.png&lt;/texture&gt;&lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&nbsp; &nbsp; &lt;!-- CD Just before sliding up --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1025&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;425&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;350&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;350&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;colordiffuse&gt;FFC0C0C0&lt;/colordiffuse&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;mvr.cdtex.png&quot;&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotate&quot; center=&quot;1200,600&quot; time=&quot;6000&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;true&quot; condition=&quot;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]&quot;&gt;conditional&lt;/animation&gt;&lt;visible&gt;string.equals(#currentplaytime,0:05)&lt;/visible&gt; &nbsp; &nbsp; &lt;/control&gt;&nbsp;&lt;!-- CD sliding up out of case --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1025&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;425&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;350&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;350&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;colordiffuse&gt;FFC0C0C0&lt;/colordiffuse&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;mvr.cdtex.png&quot;&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;slide&quot; tween=&quot;bounce&quot; easing=&quot;in&quot; start=&quot;0,0&quot; end=&quot;0,-200&quot; time=&quot;500&quot; reversible=&quot;false&quot;&gt;visible&lt;/animation&gt;&nbsp;&lt;animation effect=&quot;rotate&quot; center=&quot;1200,600&quot; time=&quot;6000&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;true&quot; condition=&quot;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt; &nbsp; &nbsp; &lt;/control&gt;&nbsp;&lt;!-- Front Cover ontop of Rotating CD --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;visible&gt;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]&lt;/visible&gt;&lt;/control&gt;&nbsp;&nbsp;&lt;!-- Inside of case CD Insert overlay--&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;zoom&gt;true&lt;/zoom&gt;&nbsp;&lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask3.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&lt;visible&gt;[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919295)+control.isvisible(91919294)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;zoom&gt;true&lt;/zoom&gt;&nbsp;&lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask3.png&quot;&gt;#fanarthandler.music.backdrop2.play&lt;/texture&gt;&lt;visible&gt;[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919296)+control.isvisible(91919294)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;texture&gt;case-shadow-front.png&lt;/texture&gt;&lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&nbsp;&lt;!-- open front cover at 0:05 --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; time=&quot;1000&quot; center=&quot;1000,0&quot; start=&quot;0&quot; end=&quot;135&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;600&quot; time=&quot;100&quot; start=&quot;100&quot; end=&quot;0&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&nbsp;&nbsp; &nbsp; &lt;!-- open inside cover at 0:05 and close at 0:07 --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;right&lt;/align&gt;&nbsp;&lt;zoom&gt;true&lt;/zoom&gt;&nbsp;&lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp;&lt;texture mask=&quot;case-mask2.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1000,0&quot; start=&quot;-180&quot; end=&quot;-45&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;true&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;600&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot;&gt;visible&lt;/animation&gt;&nbsp;&lt;visible&gt;[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919295)+control.isvisible(91919294)&lt;/visible&gt;&lt;/control&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;right&lt;/align&gt;&nbsp;&lt;zoom&gt;true&lt;/zoom&gt;&nbsp;&lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp;&lt;texture mask=&quot;case-mask2.png&quot;&gt;#fanarthandler.music.backdrop2.play&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1000,0&quot; start=&quot;-180&quot; end=&quot;-45&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;true&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;600&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot;&gt;visible&lt;/animation&gt;&nbsp;&lt;visible&gt;[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919296)+control.isvisible(91919294)&lt;/visible&gt;&lt;/control&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;texture&gt;case-shadow-left.png&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1000,0&quot; start=&quot;-180&quot; end=&quot;-45&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;true&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;666&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot;&gt;visible&lt;/animation&gt;&nbsp;&lt;animation effect=&quot;fade&quot; delay=&quot;330&quot; time=&quot;10&quot; start=&quot;100&quot; end=&quot;0&quot; condition=&quot;string.equals(#currentplaytime,0:07)&quot;&gt;visible&lt;/animation&gt;&nbsp;&lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&lt;/control&gt;&nbsp;&nbsp;&nbsp;&lt;!-- Close front at 0:07 --&gt;&lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1000,0&quot; start=&quot;135&quot; end=&quot;0&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;350&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&lt;visible&gt;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&lt;!-- front cover spin first part--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; time=&quot;2000&quot; delay=&quot;0&quot; center=&quot;1200,0&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&nbsp; &nbsp; &lt;!-- rear cover spin middle part--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp;&lt;texture&gt;..\..\..\Thumbs\Music\Artists\#Play.Current.ArtistL.jpg&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; time=&quot;2000&quot; delay=&quot;0&quot; center=&quot;1200,0&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp;&lt;animation effect=&quot;fade&quot; time=&quot;100&quot; delay=&quot;500&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&lt;!-- front cover spin last part--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp;&lt;animation effect=&quot;rotatey&quot; time=&quot;2000&quot; delay=&quot;0&quot; center=&quot;1200,0&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp;&lt;animation effect=&quot;fade&quot; time=&quot;100&quot; delay=&quot;1500&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp;&lt;!-- KIWI JUNGLIST --&gt;[/code][/spoiler]</blockquote>

[QUOTE="kiwijunglist, post: 1007568, member: 76888"] Thanks, much appreciated. I'm mostly working on the core animations then aesthetics come later, but will definitely save time if you can upload some. I think we will have to go back and clean up this thread soon, I'm hijacking it to much. So sorry about that @[URL='https://forum.team-mediaportal.com/members/mbuzina.12382/']mbuzina[/URL][DOUBLEPOST=1372498426][/DOUBLEPOST]This is what I have so far. you will need to overwrite the image files as they changed. since the masks are changing you also have to delete the skin cache. Changes: Case now opens to 135 degrees (instead of 180), so it takes up less space on the left margin. Made the spin at the start a bit better. Made the CD smaller Added creases and shadows to the inside of the case [spoiler][code]  <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask1.png">#fanarthandler.music.backdrop1.play</texture> <visible>[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919295)+control.isvisible(91919294)</visible> </control> <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask1.png">#fanarthandler.music.backdrop2.play</texture> <visible>[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919296)+control.isvisible(91919294)</visible> </control>  <control> <type>image</type> <posX>1025</posX> <posY>225</posY> <width>350</width> <height>350</height> <colordiffuse>FFC0C0C0</colordiffuse> <texture mask="mvr.cdtex.png">#Play.Current.Thumb</texture> <animation effect="rotate" center="1200,400" time="6000" start="0" end="360" loop="true" condition="![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]">conditional</animation> <animation effect="slide" start="0,0" end="0,200" time="250">hidden</animation> <visible>![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>case-shadow-back.png</texture> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1025</posX> <posY>425</posY> <width>350</width> <height>350</height> <colordiffuse>FFC0C0C0</colordiffuse> <texture mask="mvr.cdtex.png">#Play.Current.Thumb</texture> <animation effect="rotate" center="1200,600" time="6000" start="0" end="360" loop="true" condition="![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]">conditional</animation> <visible>string.equals(#currentplaytime,0:05)</visible> </control>  <control> <type>image</type> <posX>1025</posX> <posY>425</posY> <width>350</width> <height>350</height> <colordiffuse>FFC0C0C0</colordiffuse> <texture mask="mvr.cdtex.png">#Play.Current.Thumb</texture> <animation effect="slide" tween="bounce" easing="in" start="0,0" end="0,-200" time="500" reversible="false">visible</animation> <animation effect="rotate" center="1200,600" time="6000" start="0" end="360" loop="true" condition="![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]">conditional</animation> <visible>string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <visible>![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]</visible> </control>  <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask3.png">#fanarthandler.music.backdrop1.play</texture> <visible>[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919295)+control.isvisible(91919294)</visible> </control> <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask3.png">#fanarthandler.music.backdrop2.play</texture> <visible>[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919296)+control.isvisible(91919294)</visible> </control> <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>case-shadow-front.png</texture> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" time="1000" center="1000,0" start="0" end="135" tween="sine" easing="inout" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <animation effect="fade" delay="600" time="100" start="100" end="0" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)</visible> </control>  <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>800</width> <height>400</height> <align>right</align> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask2.png">#fanarthandler.music.backdrop1.play</texture> <animation effect="rotatey" delay="0" time="1000" center="1000,0" start="-180" end="-45" tween="sine" easing="inout" loop="false" reversible="true" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <animation effect="fade" delay="600" time="100" start="0" end="100">visible</animation> <visible>[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919295)+control.isvisible(91919294)</visible> </control> <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>800</width> <height>400</height> <align>right</align> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask2.png">#fanarthandler.music.backdrop2.play</texture> <animation effect="rotatey" delay="0" time="1000" center="1000,0" start="-180" end="-45" tween="sine" easing="inout" loop="false" reversible="true" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <animation effect="fade" delay="600" time="100" start="0" end="100">visible</animation> <visible>[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]+control.isvisible(91919296)+control.isvisible(91919294)</visible> </control> <control> <type>image</type> <posX>600</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>case-shadow-left.png</texture> <animation effect="rotatey" delay="0" time="1000" center="1000,0" start="-180" end="-45" tween="sine" easing="inout" loop="false" reversible="true" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <animation effect="fade" delay="666" time="100" start="0" end="100">visible</animation> <animation effect="fade" delay="330" time="10" start="100" end="0" condition="string.equals(#currentplaytime,0:07)">visible</animation> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" delay="0" time="1000" center="1000,0" start="135" end="0" tween="sine" easing="inout" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <animation effect="fade" delay="350" time="100" start="0" end="100" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <visible>string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" time="2000" delay="0" center="1200,0" start="0" end="360" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <visible>string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>..\..\..\Thumbs\Music\Artists\#Play.Current.ArtistL.jpg</texture> <animation effect="rotatey" time="2000" delay="0" center="1200,0" start="0" end="360" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <animation effect="fade" time="100" delay="500" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <visible>string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" time="2000" delay="0" center="1200,0" start="0" end="360" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <animation effect="fade" time="100" delay="1500" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <visible>string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)</visible> </control> [/code][/spoiler] [/QUOTE]

Verification