Updated Pandora's Box theme.

This commit is contained in:
Pieter Hulshoff 2015-04-03 15:40:44 +02:00
parent 2ff45ce1ef
commit 7d6e79f454
6 changed files with 82 additions and 27 deletions

View File

@ -0,0 +1,4 @@
The background image was taken from
https://commons.wikimedia.org/wiki/File:Flame_of_fire.jpg, and is licensed
under the Creative Commons Attribution-Share Alike 2.5 Generic, 2.0 Generic
and 1.0 Generic license.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 431 KiB

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

View File

@ -9,15 +9,14 @@
<sound type="select" src="select.wav" />
<!-- Background: image and pulsating red background -->
<image src="bg.png" x="0" y="0" height="stretch" width="stretch" layer="0"/>
<!-- Background: image and pulsating red background-->
<image src="bg.jpg" x="0" y="0" height="stretch" width="stretch" layer="0"/>
<!-- Menu structure Main Menu -->
<menu type="custom" imageType="device" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" >
<itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="200" maxHeight="500" fontSize="35" layer="4"/>
<itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="200" maxHeight="500" fontSize="35" layer="5"/>
<item xOffset="-1150" alpha="0" algorithm="easeinquadratic"/>
<item xOffset="-940">
<onMenuEnter>
@ -134,30 +133,37 @@
<!-- Menu structure Collections -->
<menu type="custom" imageType="artwork_front" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal">
<itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="200" maxHeight="500" fontSize="35" layer="4"/>
<item xOffset="-1150" alpha="0" algorithm="easeinquadratic"/>
<item xOffset="-940">
<itemDefaults x="center" y="790" xOrigin="center" yOrigin="bottom" width="150" maxHeight="500" fontSize="35" layer="5"/>
<item xOffset="-1085" alpha="0" algorithm="easeinquadratic"/>
<item xOffset="-925">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="-730">
<item xOffset="-765">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="-520">
<item xOffset="-605">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="-310">
<item xOffset="-445">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="-285">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
@ -172,43 +178,50 @@
</set>
</onMenuExit>
</item>
<item xOffset="310">
<item xOffset="285">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="520">
<item xOffset="445">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="730">
<item xOffset="605">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="940">
<item xOffset="765">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="1150" alpha="0" algorithm="easeinquadratic"/>
<item xOffset="925">
<onMenuExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</item>
<item xOffset="1085" alpha="0" algorithm="easeinquadratic"/>
</menu>
<!-- Reloadable items -->
<image src="black.png" x="400" y="300" xOrigin="center" yOrigin="center" height="480" width="640" layer="1"/>
<image src="videoborder.png" x="400" y="300" xOrigin="center" yOrigin="center" layer="3"/>
<reloadableVideo imageType="screenshot" x="400" y="300" xOrigin="center" yOrigin="center" height="480" maxWidth="640" layer="2">
<image src="black.png" x="400" y="300" xOrigin="center" yOrigin="center" height="480" width="640" layer="2"/>
<image src="videoborder.png" x="400" y="300" xOrigin="center" yOrigin="center" layer="4"/>
<reloadableVideo imageType="screenshot" x="400" y="300" xOrigin="center" yOrigin="center" height="480" maxWidth="640" layer="3">
<onHighlightEnter>
<set duration=".3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@ -220,23 +233,44 @@
</set>
</onHighlightExit>
</reloadableVideo>
<reloadableImage type="device" x="1200" y="540" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1">
<reloadableImage type="device" x="1350" y="640" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1">
<onHighlightEnter>
<set duration=".3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
<animate type="x" from="4000" to="1350" algorithm="easeinquadratic"/>
</set>
</onHighlightEnter>
<onHighlightExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
<animate type="x" from="1350" to="4000" algorithm="easeinquadratic"/>
</set>
</onHighlightExit>
<onMenuEnter menuIndex="0">
<set duration="0.3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
</set>
</onMenuEnter>
<onMenuExit menuIndex="0">
<set duration="0.3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
</reloadableImage>
<image src="bottomborder.png" x="0" y="1080" xOrigin="left" yOrigin="bottom" layer="3"/>
<reloadableImage type="device" mode="system" x="1200" y="540" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1">
<reloadableImage type="device" mode="system" x="1350" y="640" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1"/>
<reloadableImage type="logo" mode="system" x="1350" y="50" xOrigin="center" yOrigin="top" height="250" maxWidth="1100" layer="7"/>
<reloadableImage type="logo" x="1350" y="50" xOrigin="center" yOrigin="top" height="250" maxWidth="1100" layer="7">
<onMenuExit menuIndex="0">
<set duration="1">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onMenuExit>
<onHighlightEnter menuIndex="0">
<set duration=".6">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
</set>
</onHighlightEnter>
</reloadableImage>
<reloadableImage type="logo" mode="system" x="1200" y="50" xOrigin="center" yOrigin="top" height="200" layer="7"/>
<reloadableImage type="logo" x="400" y="90" xOrigin="center" yOrigin="top" maxHeight="70" maxWidth="200" layer="4" alpha="0">
<reloadableImage type="logo" x="400" y="90" xOrigin="center" yOrigin="top" maxHeight="70" maxWidth="200" layer="5" alpha="0">
<onIdle>
<set duration="1">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@ -259,7 +293,11 @@
</onHighlightExit>
</reloadableImage>
<reloadableText type="year" x="350" y="890" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" layer="7">
<text value="Year:" x="300" y="850" xOrigin="right" yOrigin="top" fontSize="48" layer="7"/>
<text value="Genre:" x="300" y="900" xOrigin="right" yOrigin="top" fontSize="48" layer="7"/>
<text value="Manufacturer:" x="300" y="950" xOrigin="right" yOrigin="top" fontSize="48" layer="7"/>
<reloadableText type="year" x="310" y="850" xOrigin="left" yOrigin="top" fontSize="48" maxWidth="300" layer="7">
<onHighlightEnter>
<set duration=".3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@ -271,7 +309,7 @@
</set>
</onHighlightExit>
</reloadableText>
<reloadableText type="genre" x="350" y="940" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" layer="7">
<reloadableText type="genre" x="310" y="900" xOrigin="left" yOrigin="top" fontSize="48" maxWidth="300" layer="7">
<onHighlightEnter>
<set duration=".3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
@ -283,7 +321,20 @@
</set>
</onHighlightExit>
</reloadableText>
<reloadableText type="manufacturer" x="350" y="990" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" layer="7">
<reloadableText type="manufacturer" x="310" y="950" xOrigin="left" yOrigin="top" fontSize="48" maxWidth="300" layer="7">
<onHighlightEnter>
<set duration=".3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
</set>
</onHighlightEnter>
<onHighlightExit>
<set duration=".3">
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
</set>
</onHighlightExit>
</reloadableText>
<reloadableText type="title" x="960" y="910" xOrigin="center" yOrigin="center" fontSize="36" maxWidth="600" layer="7">
<onHighlightEnter>
<set duration=".3">
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>