mirror of
https://github.com/FunKey-Project/RetroFE.git
synced 2026-02-17 06:42:44 +01:00
445 lines
14 KiB
XML
445 lines
14 KiB
XML
<layout width="1920" height="1080" font="Roboto-Bold.ttf" loadFontSize="64" fontColor="dedede">
|
|
|
|
|
|
<!--
|
|
- Default RetroFE sound files.
|
|
-->
|
|
|
|
<sound type="load" src="load.wav" />
|
|
<sound type="unload" src="unload.wav" />
|
|
<sound type="highlight" src="highlight.wav" />
|
|
<sound type="select" src="select.wav" />
|
|
|
|
|
|
<!--
|
|
- Flaming background, slowly pulsating using transparency.
|
|
-->
|
|
|
|
<image src="bg.jpg" x="0" y="0" height="stretch" width="stretch" layer="0">
|
|
<onIdle>
|
|
<set duration="2">
|
|
<animate type="alpha" from="1" to="0.5" algorithm="easeinquadratic"/>
|
|
</set>
|
|
<set duration="1">
|
|
<animate type="alpha" from="0.5" to="1" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onIdle>
|
|
</image>
|
|
|
|
|
|
<!--
|
|
- Main menu structure.
|
|
- This menu uses the device images from the system_artwork directory.
|
|
- The menu items are faded out when leaving this menu, and faded in
|
|
- when entering this 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="5"/>
|
|
<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>
|
|
|
|
|
|
<!--
|
|
- Collection menu structure.
|
|
- This menu uses the artwork_front images from the medium_artwork directory.
|
|
- The menu items are faded out when leaving this menu, and faded in
|
|
- when entering this menu.
|
|
- It is left to the user which images should be used for the
|
|
- artwork_front for systems like MAME. Personally I use the logo's
|
|
- there, since the available cabinet images leave something to be
|
|
- desired.
|
|
-->
|
|
|
|
<menu type="custom" imageType="artwork_front" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal">
|
|
<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="-765">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="-605">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<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"/>
|
|
</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="285">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="445">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="605">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<item xOffset="765">
|
|
<onMenuExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onMenuExit>
|
|
</item>
|
|
<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>
|
|
|
|
|
|
<!--
|
|
- Video display, consisting of a black background image, a video border
|
|
- image by Timmyb, and a 640x480 video display with screenshots as
|
|
- backup in case the video is not available.
|
|
-->
|
|
|
|
<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"/>
|
|
</set>
|
|
</onHighlightEnter>
|
|
<onHighlightExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onHighlightExit>
|
|
</reloadableVideo>
|
|
|
|
|
|
<!--
|
|
- Logo displayed at the top of the video window.
|
|
-->
|
|
|
|
<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"/>
|
|
</set>
|
|
<set duration="1">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onIdle>
|
|
</reloadableImage>
|
|
|
|
|
|
<!--
|
|
- Large device image displayed during the main menu. When switching
|
|
- devices, the device image is moved off-screen to the right, and the
|
|
- next device image moves in from the right. When switching to the
|
|
- collection menu's, the device image is faded out, and the display is
|
|
- taken over by the system mode device image.
|
|
-->
|
|
|
|
<reloadableImage type="device" x="1350" y="640" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1">
|
|
<onHighlightEnter>
|
|
<set duration=".3">
|
|
<animate type="x" from="4000" to="1350" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onHighlightEnter>
|
|
<onHighlightExit>
|
|
<set duration=".3">
|
|
<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>
|
|
|
|
|
|
<!--
|
|
- Large system mode device image of the selected collection displayed
|
|
- during the collection menu.
|
|
-->
|
|
|
|
<reloadableImage type="device" mode="system" x="1350" y="640" xOrigin="center" yOrigin="center" maxHeight="1200" width="2000" layer="1"/>
|
|
|
|
|
|
<!--
|
|
- Large logo display at the top of the device image for the main menu.
|
|
-->
|
|
|
|
<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>
|
|
|
|
|
|
<!--
|
|
- Large logo display of the selected collection at the top of the
|
|
- device image for the collection menu.
|
|
-->
|
|
|
|
<reloadableImage type="logo" mode="system" x="1350" y="50" xOrigin="center" yOrigin="top" height="250" maxWidth="1100" layer="7"/>
|
|
|
|
|
|
|
|
<!--
|
|
- Bottom border image by Timmyb.
|
|
-->
|
|
|
|
<image src="bottomborder.png" x="0" y="1080" xOrigin="left" yOrigin="bottom" layer="3"/>
|
|
|
|
|
|
<!--
|
|
- Medium (cart/disk) displayed in the right side area of the bottom
|
|
- border.
|
|
-->
|
|
|
|
<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>
|
|
|
|
|
|
<!--
|
|
- Displaying year, genre, and manufacturer in the left side area of the
|
|
- bottom border.
|
|
-->
|
|
|
|
<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"/>
|
|
</set>
|
|
</onHighlightEnter>
|
|
<onHighlightExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onHighlightExit>
|
|
</reloadableText>
|
|
<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"/>
|
|
</set>
|
|
</onHighlightEnter>
|
|
<onHighlightExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onHighlightExit>
|
|
</reloadableText>
|
|
<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>
|
|
|
|
|
|
<!--
|
|
- System/Game title display in the center area of the bottom border.
|
|
-->
|
|
|
|
<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"/>
|
|
</set>
|
|
</onHighlightEnter>
|
|
<onHighlightExit>
|
|
<set duration=".3">
|
|
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
|
</set>
|
|
</onHighlightExit>
|
|
</reloadableText>
|
|
|
|
|
|
</layout>
|