RetroFE/Assets/Environment/Common/Layouts/Default 16x9/Layout.xml

<!-- todo: add collection name text tag, metadata tags -->
<!-- todo: collection name text tag will load image, or text if image does not exist -->

<layout width="1920" height="1080" font="Age.otf" fontColor="ecf0f1">
   <sound type="load" src="load.wav" /> 
   <sound type="unload" src="unload.wav" />
   <sound type="highlight" src="highlight.wav" />
   <sound type="select" src="select.wav" />
   
   <menu imageType="title" algorithm="easeincircular" x="center" y="center" xOrigin="center" yOrigin="center" speed="0.05" acceleration="0.05" height="25">
   <!-- todo: the menu does not support the standard onEnter onExit, onHighlightEnter onHighlightExit tags like the rest of the system does. -->
   
      <item xOffset="-500" yOffset="0" layer="1" fontSize="5" height="0"  transparency="0"  />
      <item xOffset="-650" yOffset="200"  layer="2" fontSize="7" height="30"  transparency="0.1"/>
      <item xOffset="-700" yOffset="300"  layer="3" fontSize="10" height="60"  transparency="0.25"/>
      <item xOffset="-500" yOffset="350" layer="4" fontSize="20" height="100" transparency="0.5"/>
      <item xOffset="0" yOffset="375" layer="5" fontSize="40" height="200"  transparency="1" selected="true" />
      <item xOffset="500" yOffset="350"  layer="4" fontSize="20" height="100" transparency="0.5"/>
      <item xOffset="700" yOffset="300"   layer="3" fontSize="10" height="60"  transparency="0.25"/>
      <item xOffset="650" yOffset="200" layer="2" fontSize="7" height="30"  transparency="0.1"/>
      <item xOffset="500" yOffset="1" layer="1" fontSize="5" height="0"  transparency="0"/>
   </menu>
   
   <image x="center" y="center" height="stretch" width="stretch" xOrigin="center" yOrigin="center" src="background.png" layer="0" transparency="0.5"/>
   
   <image x="30" y="20" height="80" src="logo.png" layer="1" transparency="0.3">
      <onEnter>
         <set duration=".5">
            <animate type="y" from="top" to="20" algorithm="easeinquadratic"/>
            <animate type="yOrigin" from="bottom" to="top" algorithm="easeincircular"/>
         </set>
      </onEnter>
   
      <onExit>
         <set duration=".25">
            <animate type="y" from="20" to="top" algorithm="easeinquadratic"/>
            <animate type="yOrigin" from="top" to="bottom" algorithm="easeincircular"/>
         </set>
      </onExit>
   </image>   

   <reloadableText type="manufacturer" x="left" y="bottom" xOrigin="left" yOrigin="bottom" xOffset="10" yOffset="-10" fontSize="20" layer="0">
   </reloadableText>

   <reloadableText type="year" x="left" y="bottom" xOrigin="left" yOrigin="bottom" xOffset="10" yOffset="-30" fontSize="20" layer="0">
   </reloadableText>

   <reloadableText type="title" x="left" y="bottom" xOrigin="left" yOrigin="bottom" xOffset="10" yOffset="-50" fontSize="20" layer="0">
   </reloadableText>
<!--
   <reloadableText type="numberPlayers" x="left" y="bottom" xOrigin="left" yOrigin="bottom" xOffset="10" yOffset="-70" fontSize="20" layer="0">
   </reloadableText>

   <reloadableText type="numberButtons" x="left" y="bottom" xOrigin="left" yOrigin="bottom" xOffset="10" yOffset="-90" fontSize="20" layer="0">
   </reloadableText>
   -->
   
   <reloadableImage type="cart" x="left" xOffset="-1" y="center" yOffset="-100" height="460" xOrigin="right" yOrigin="center" fontSize="20" layer="1">
     <onHighlightEnter>
         <set duration=".2">
            <animate type="x" from="left" to="center" algorithm="easeinquadratic"/>
            <animate type="xOffset" from="-1" to="-325" algorithm="easeinquadratic"/>
            <animate type="angle" from="-90" to="0" algorithm="easeinquadratic"/>
         </set>
      </onHighlightEnter>
   
      <onHighlightExit>
         <set duration=".1">
            <animate type="x" from="center" to="left" algorithm="easeoutquintic"/>
            <animate type="xOffset" from="-325" to="-1" algorithm="easeoutquintic"/>
            <animate type="angle" from="0" to="-90" algorithm="easeinquadratic"/>
         </set>
      </onHighlightExit>
   </reloadableImage>
   
   <reloadableImage type="box" x="right" xOffset="1" y="center" yOffset="-100" height="460" xOrigin="left" yOrigin="center" fontSize="20" layer="1">
     <onHighlightEnter>
         <set duration=".2">
            <animate type="x" from="right" to="center" algorithm="easeinquadratic"/>
            <animate type="xOffset" from="1" to="325" algorithm="easeinquadratic"/>
            <animate type="angle" from="90" to="0" algorithm="easeinquadratic"/>
         </set>
      </onHighlightEnter>
   
      <onHighlightExit>
         <set duration=".1">
            <animate type="x" from="center" to="right" algorithm="easeoutquintic"/>
            <animate type="xOffset" from="325" to="1" algorithm="easeoutquintic"/>
            <animate type="angle" from="0" to="90" algorithm="easeinquadratic"/>
         </set>
      </onHighlightExit>
   </reloadableImage>
   
   
   <reloadableVideo imageType="snap" x="center" xOrigin="center" yOrigin="top" fontSize="20" layer="0" height="600" width="800">
      <onHighlightEnter>
         <set duration=".2">
            <animate type="y" from="bottom" to="100" algorithm="easeinoutquadratic"/>
            <animate type="width" from="0" to="400" algorithm="easeoutquadratic"/>
            <animate type="transparency" from="0" to="0.5" algorithm="easeinquadratic"/>
         </set>
         <set duration=".2">
            <animate type="y" from="100" to="130" algorithm="easeinoutquadratic"/>
            <animate type="width" from="400" to="800" algorithm="easeoutquadratic"/>
            <animate type="transparency" from=".5" to="0.75" algorithm="easeinquadratic"/>
         </set>
      </onHighlightEnter>
      <onHighlightExit>
         <set duration=".2">
            <animate type="y" to="100" from="130" algorithm="easeinoutquadratic"/>
            <animate type="width" to="400" from="800" algorithm="easeoutquadratic"/>
            <animate type="transparency" from=".75" to="0.5" algorithm="easeinquadratic"/>
         </set>
         <set duration=".2">
            <animate type="y" to="bottom" from="100" algorithm="easeinoutquadratic"/>
            <animate type="width" to="0" from="400" algorithm="easeoutquadratic"/>
            <animate type="transparency" to="0.5" from="0" algorithm="easeinquadratic"/>
         </set>
      </onHighlightExit>

   </reloadableVideo>
   
   <text value="RetroFE Beta - For test purposes only" fontSize="20" x="right" y="bottom" xOrigin="right" yOrigin="bottom" xOffset="-10" yOffset="-10" />
</layout>