mirror of
https://github.com/FunKey-Project/RetroFE.git
synced 2026-01-04 21:18:55 +01:00
Updated 16x9 layout to showcase new features.
This commit is contained in:
parent
0886df7776
commit
2562f77acd
@ -6,23 +6,17 @@
|
||||
<sound type="unload" src="unload.wav" />
|
||||
<sound type="highlight" src="highlight.wav" />
|
||||
<sound type="select" src="select.wav" />
|
||||
|
||||
<container backgroundColor="222222" backgroundAlpha="99" x="0" y="bottom" yOrigin="center" yOffset="-175" height="150" width="stretch" layer="1" alpha="0.3" />
|
||||
|
||||
<menu imageType="title" algorithm="easeincircular" x="center" y="center" xOrigin="center" yOrigin="center" speed="0.05" acceleration="0.05" height="25">
|
||||
<menu imageType="title" algorithm="easeincircular" x="0" y="bottom" yOrigin="center" yOffset="-175" height="125" 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" alpha="0" />
|
||||
<item xOffset="-650" yOffset="200" layer="2" fontSize="7" height="30" alpha="0.1"/>
|
||||
<item xOffset="-700" yOffset="300" layer="3" fontSize="10" height="60" alpha="0.25"/>
|
||||
<item xOffset="-500" yOffset="350" layer="4" fontSize="20" height="100" alpha="0.5"/>
|
||||
<item xOffset="0" yOffset="375" layer="5" fontSize="40" height="200" alpha="1" selected="true" />
|
||||
<item xOffset="500" yOffset="350" layer="4" fontSize="20" height="100" alpha="0.5"/>
|
||||
<item xOffset="700" yOffset="300" layer="3" fontSize="10" height="60" alpha="0.25"/>
|
||||
<item xOffset="650" yOffset="200" layer="2" fontSize="7" height="30" alpha="0.1"/>
|
||||
<item xOffset="500" yOffset="1" layer="1" fontSize="5" height="0" alpha="0"/>
|
||||
<item x="0" xOrigin="right" xOffset="-1" layer="3" fontSize="50" alpha="0" />
|
||||
<item x="100" xOrigin="left" layer="4" fontSize="50" alpha="1" selected="true"/>
|
||||
<item x="right" xOrigin="left" xOffset="1" layer="3" fontSize="50" alpha="0" />
|
||||
</menu>
|
||||
|
||||
<image x="center" y="center" height="stretch" width="stretch" xOrigin="center" yOrigin="center" src="background.png" layer="0" alpha="0.5"/>
|
||||
|
||||
<image x="30" y="20" height="80" src="logo.png" layer="1" alpha="0.3">
|
||||
<onEnter>
|
||||
<set duration=".5">
|
||||
@ -55,66 +49,15 @@
|
||||
</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">
|
||||
<reloadableVideo imageType="snap" x="0" y="0" width="stretch" height="stretch" fontSize="20" layer="0">
|
||||
<onHighlightEnter>
|
||||
<set duration=".2">
|
||||
<animate type="y" from="bottom" to="100" algorithm="easeinoutquadratic"/>
|
||||
<animate type="width" from="0" to="400" algorithm="easeoutquadratic"/>
|
||||
<animate type="alpha" 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="alpha" from=".5" to="0.75" algorithm="easeinquadratic"/>
|
||||
<animate type="alpha" from="0" to="1" 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="alpha" 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="alpha" to="0.5" from="0" algorithm="easeinquadratic"/>
|
||||
<animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
|
||||
</set>
|
||||
</onHighlightExit>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user