mirror of
https://github.com/FunKey-Project/RetroFE.git
synced 2026-04-01 09:42:49 +02:00
301 lines
10 KiB
XML
301 lines
10 KiB
XML
<layout width="1920" height="1080" font="Roboto-Bold.ttf" loadFontSize="64" fontColor="dedede">
|
|
|
|
|
|
<!-- Sounds -->
|
|
|
|
<sound type="load" src="load.wav" />
|
|
<sound type="unload" src="unload.wav" />
|
|
<sound type="highlight" src="highlight.wav" />
|
|
<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"/>
|
|
|
|
|
|
<!-- 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"/>
|
|
<item xOffset="-1150" alpha="0" algorithm="easeinquadratic"/>
|
|
<item xOffset="-940">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-730">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-520">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-310">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item selected="true" width="400" yOffset="60" layer="5">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="310">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="520">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="730">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="940">
|
|
<onMenuEnter>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuEnter>
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="1150" alpha="0" algorithm="easeinquadratic"/>
|
|
</menu>
|
|
|
|
|
|
<!-- 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">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-730">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-520">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-310">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item selected="true" width="400" yOffset="60" layer="5">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0"
|
|
algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="310">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="520">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="730">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="940">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="1150" 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">
|
|
<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>
|
|
</reloadableVideo>
|
|
<reloadableImage type="device" x="1200" y="540" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1">
|
|
<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>
|
|
</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>
|
|
<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">
|
|
<onIdle>
|
|
<set duration="1">
|
|
<animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
<set duration="1">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onIdle>
|
|
</reloadableImage>
|
|
<reloadableImage type="medium_front" x="1500" y="925" xOrigin="center" yOrigin="center" maxHeight="190" width="350" 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>
|
|
</reloadableImage>
|
|
|
|
<reloadableText type="year" x="350" y="890" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" 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="genre" x="350" y="940" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" 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="manufacturer" x="350" y="990" xOrigin="center" yOrigin="bottom" fontSize="48" maxWidth="400" 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>
|
|
|
|
|
|
</layout>
|