Added "Game Boy" theme by mlopezmad

Replaced Funkey_S_gray.png by a black screen for Superlopez theme
Reorganized layouts.list in alphabetical order

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/Credits.txt

@@ -0,0 +1,4 @@
+Made by r3n0.
+Modified by @mlopezmad
+
+All logos and screenshots copyright their respective owners.

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/collections/Atari lynx/system_artwork/size.txt

@@ -0,0 +1 @@
+86

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/collections/Game Boy/system_artwork/size.txt

@@ -0,0 +1 @@
+598

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/collections/tmp.txt

@@ -0,0 +1,11 @@
+./Game Gear/system_artwork/device.png
+./Sega Master System/system_artwork/device.png
+./Game Boy Advance/system_artwork/device.png
+./PS1/system_artwork/device.png
+./Game Boy/system_artwork/device.png
+./NES/system_artwork/device.png
+./Atari lynx/system_artwork/device.png
+./Sega Genesis/system_artwork/device.png
+./SNES/system_artwork/device.png
+./WonderSwan/system_artwork/device.png
+./Neo Geo Pocket/system_artwork/device.png

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/layout.xml

@@ -0,0 +1,276 @@
+<layout width="240" height="240" font="gbb__.ttf" loadFontSize="28" fontColor="385b23">
+
+
+    <!-- ------------------------------------------------ -->
+    <!-- ---------------Generic components--------------- -->
+    <!-- ------------------------------------------------ -->
+
+    <!-- Sounds -->
+    <sound type="load"      src="sounds/load.wav"/>
+    <sound type="unload"    src="sounds/unload.wav"/>
+    <sound type="highlight" src="sounds/highlight.wav"/>
+    <sound type="select"    src="sounds/select.wav"/>
+
+    <!-- Background image for games (sub menu) -->
+    <image src="images/games_background.png" x="center" y="center" yOrigin="center" xOrigin="center" height="stretch" width="stretch" layer="0" alpha="1">
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+    </image>
+
+
+    <!-- ----------------------------------------------- -->
+    <!-- ---------------Main menu section--------------- -->
+    <!-- ----------------------------------------------- -->
+
+
+    <!--Main Menu - Index 0-->
+    <!-- This is the main menu itself. 
+        It is horizontal and set to show the game logo image named "system" 
+        in the currently selected collection's folder instead of text -->
+
+
+
+        <reloadableImage mode="layout" type="bg" alpha="0" x="center" y="center" yOrigin="center" xOrigin="center" layer="2" dithering="false">
+            <onEnter><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onEnter>
+            <onExit><set duration=".3"><animate type="alpha" to="0.5" algorithm="easeinquadratic"/></set></onExit>
+            <onMenuEnter menuIndex="0"><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onMenuEnter>
+            <onMenuExit menuIndex="0"><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onMenuExit>
+            <onHighlightEnter menuIndex="0"><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onHighlightEnter>
+            <onMenuScroll menuIndex="0">
+                <set duration=".02">
+                    <animate type="alpha" to="0.8" algorithm="easeinquadratic"/>
+                </set>
+            </onMenuScroll>
+        </reloadableImage>
+
+    <menu type="custom" mode="layout" imageType="device_W240" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" x="0" y="center" yOffset="0" algorithm="easeincircular" >
+
+        <!-- itemDefaults allow you to set default attributes for all items in a menu list An item may still have its own attributes that override the defaults -->
+        <!-- Notice that xOrigin and yOrigin are set to center. This puts a pin in the very center of the image (or item). Normally it is in the top left corner of the image. From that pin we will put the coordinates of where we wish the image to be. In this case the the center of the screen x="center" and y="center". Now yOffset="0" leaves the image in the center but could be used to offset it from the center instead. yOffset="-58" would move it 58 pixels towards the top for example -->
+        <itemDefaults xOrigin="center" x="center" yOrigin="center" y="center" yOffset="0" width="240" alpha="1" loadFontSize="28" fontSize="28" layer="4"/>
+
+        <!-- In this menu each item is placed. notice that the first and last item of this menu are alpha="0" if this is not done you would see the last time of the menu move to be the first when scrolling. -->
+        <item xOffset="-240" alpha="0"/>
+
+        <item xOffset="-240">
+            <onMenuEnter menuIndex="0">
+                <set duration=".4">
+                    <animate type="alpha" to="0.8" algorithm="easeincircular"/>
+                </set>
+            </onMenuEnter>
+            <onMenuExit menuIndex="0">
+                <set duration=".25">
+                    <animate type="alpha" to="0" algorithm="easeincircular"/>
+                </set>
+            </onMenuExit>
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        </item> 
+
+        <!-- This is the currently selected item of the menu we override the width and alpha here to make it more clear that it is indeed selected  -->
+        <!-- we also have animations in place so that this logo stays visible and moves to another location when entering the sub menu -->
+        <item selected="true" layer="4" alpha="1">
+            <onMenuEnter menuIndex="0">
+                <set duration=".4">
+                    <animate type="alpha" to="1" algorithm="easeincircular"/>
+                </set>
+            </onMenuEnter>
+            <onMenuExit menuIndex="0">
+                <set duration=".25">
+                    <animate type="alpha" to="0" algorithm="easeincircular"/>
+                </set>
+            </onMenuExit>
+            <onExit> <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        </item>
+
+
+        <item xOffset="240">
+            <onMenuEnter menuIndex="0">
+                <set duration=".4">
+                    <animate type="alpha" to="0.8" algorithm="easeincircular"/>
+                </set>
+            </onMenuEnter>
+            <onMenuExit menuIndex="0">
+                <set duration=".25">
+                    <animate type="alpha" to="0" algorithm="easeincircular"/>
+                </set>
+            </onMenuExit>
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        </item>
+
+        <item xOffset="240" alpha="0"/>
+    </menu>
+
+
+
+     <!-- ---------------------------------------------- -->
+    <!-- ---------------Sub menu section--------------- -->
+    <!-- ---------------------------------------------- -->
+
+    <!--Sub Menu - Index 1-->
+    <!-- This is the menu displayed when entering a collection. This time the items are the games themselves. In this case since the menu is of type "custom" we will display the artwork of the games and not their title. -->
+    <menu type="custom" imageType="artwork_front" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" x="0" y="center" yOrigin="center" algorithm="easeincircular">
+        
+        <itemDefaults alpha="1" x="center" y="center" xOrigin="center" yOrigin="center" layer="12" width="130" maxHeight="140" textFallback="false" imageFallback="true" />
+
+        <item xOffset="-320" alpha="0"/>
+
+        <item x="center" xOrigin="right" xOffset="-90">
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+            <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+            <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+            <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+            <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        </item>
+
+        <item xOffset="0" selected="true" layer="13" fontSize="28" loadFontSize="28">
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+            <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+            <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+            <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+            <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        </item>
+
+        <item x="center" xOrigin="left" xOffset="90">
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+            <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+            <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+            <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+            <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        </item>
+
+        <item xOffset="320" alpha="0"/>
+
+    </menu>
+
+
+    <!--Scrollable game title idx 0-->
+    <!-- Since we chose the sub menu to display the artwork and not the title, we add here a reloadableTex that will do the job of displaying the title of the game. Notice that this is a special type of reloadableText: a reloadableScrollingText which allows the title to scroll if its size is bigger than its container -->
+    <reloadableScrollingText type="title" alpha="0" x="center" xOrigin="center" xOffset="0" y="bottom" yOrigin="center" yOffset="-17" width="193" height="33" menuScrollReload="true" fontSize="28" loadFontSize="28" fontColor="385b23" direction="horizontal" scrollingSpeed="60" startPosition="0" startTime="1.5" endTime="1.5" layer="13" >
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1"><set duration=".00001"><animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/></set></onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="0" to="0" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="1" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+    </reloadableScrollingText>
+
+
+    <!--Game cover idx 0 -->
+    <!-- This is yet again the curently selected game title but not reloadable. It is displayed only when scrolling through games. For a smooth animation, the above reloadableScrollingText is not displayed when scrolling and this one is instead. Notice how tha alpha is set to 1 for the onMenuScrollNext and onMenuScrollPrev events. Notice also the onMenuScroll and onMenuFastScroll animations that will move this text according to the submenu's speed and acceleration. This creates a smooth scrolling effect, like if this text was part of the submenu -->    
+    <reloadableText type="title" selectedOffset="0" alpha="0" x="center" xOrigin="center" xOffset="0" y="bottom" yOrigin="center" yOffset="-17" width="193" menuScrollReload="true" fontSize="28" loadFontSize="28" fontColor="385b23" layer="14" >
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="0" to="0" algorithm="easeinquadratic"/>
+            </set>
+            <set duration=".0001">
+                <animate type="xOffset" from="0" to="0" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="0" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onMenuScrollNext menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="1" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScrollNext>
+        <onMenuScrollPrev menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="1" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScrollPrev>
+        <onMenuFastScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="0" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuFastScroll>
+    </reloadableText>
+
+
+    <!-- Game cover idx -1 -->
+    <!-- This is the text of the previous game in the list (selectedOffset="-1"). This is only displayed during scrolling animations so that we can see the previous game's name smoothly entering the screen from the left -->
+    <reloadableText type="title" selectedOffset="-1" alpha="0" x="center" xOrigin="center" xOffset="-240" y="bottom" yOrigin="center" yOffset="-17" width="193" menuScrollReload="true" fontSize="28" loadFontSize="28" fontColor="385b23" layer="14" >
+        
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="xOffset" from="-240" to="-240" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="-240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onMenuFastScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="-240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuFastScroll>
+    </reloadableText>
+
+
+    <!--Game cover idx +1 -->
+    <!-- This is the text of the next game in the list (selectedOffset="1"). This is only displayed during scrolling animations so that we can see the next game's name smoothly entering the screen from the right -->
+    <reloadableText type="title" selectedOffset="1" alpha="0" x="center" xOrigin="center" xOffset="240" y="bottom" yOrigin="center" yOffset="-17" width="193" menuScrollReload="true" fontSize="28" loadFontSize="28" fontColor="385b23" layer="17" >
+        
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="xOffset" from="240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onMenuFastScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuFastScroll>
+    </reloadableText>
+
+    <image src="images/foreground.png" x="center" y="center" yOrigin="center" xOrigin="center" height="stretch" width="stretch" layer="20" alpha="1"></image>
+
+       <!--Collection title in status bar //textFormat="uppercase"  -->
+       <reloadableText type="collectionName" alpha="0" x="left" xOrigin="left" xOffset="8" y="0" yOrigin="center" yOffset="20" width="193" height="40" fontSize="28" loadFontSize="28" fontColor="385b23" layer="18" >
+        <onExit> <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <!-- <onMenuExit  menuIndex="0"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuExit> -->
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+    </reloadableText>
+
+
+
+    <!--Battery in status bar-->
+    <battery width="48" height="20" reloadPeriod="3" fontColor="274813" alpha="0.3" x="right" xOrigin="right" xOffset="-5" y="top" yOrigin="center" yOffset="18" layer="17" ></battery>
+
+</layout>

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/splash.xml

@@ -0,0 +1,40 @@
+<layout width="240" height="240" font="Roboto-Bold.ttf" loadFontSize="18" fontColor="FFFFFFF">
+   
+
+    <!--backgroundImage-->
+    <image src="images/Funkey_S_gray.png" x="0" y="0" height="stretch" width="stretch" layer="0"/>
+
+
+    <!-- logo -->
+    <!-- <image src="images/logo.png" x="center" y="center" xOrigin="center" yOrigin="center" layer="1" alpha="1"/> -->
+   
+
+    <text value="Loading..." x="center" y="bottom" xOrigin="center" xOffset="0" yOrigin="center" yOffset="-20" height="33" width="stretch" fontSize="32" layer="3">
+    <!--    <onEnter>
+            <set duration=".4">
+                <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onEnter> -->
+        <onIdle>
+            <set duration="0">
+                <animate type="alpha" from="1" to=".5" algorithm="easeinquadratic"/>
+            </set>
+            <set duration="0">
+                <animate type="alpha" from=".5" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onIdle>
+   <!--   <onExit>
+           <set duration=".4">
+               <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+           </set>
+       </onExit> -->
+    </text> 
+    
+
+    <!-- Text shown when creating meta.db. This will only show once unless meta.db does not exsist -->
+
+<!--    <statusText x="0" y="bottom" xOffset="20" yOrigin="center" yOffset="-39" height="33" width="stretch" fontSize="25" layer="3" /> -->
+    <!-- <image src="images/splashloadbk.png" x="center" y="center" xOrigin="center" yOrigin="center" yOffset="74" layer="1" alpha="1"/> -->
+
+
+ </layout>

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/GameBoy/splash_BAK.xml

@@ -0,0 +1,42 @@
+<layout width="240" height="240" font="Roboto-Bold.ttf" loadFontSize="18" fontColor="FFFFFFF" minShowTime="2">
+   
+
+    <!--backgroundImage-->
+
+    <image src="images/background.png" x="0" y="0" height="stretch" width="stretch" layer="0"/>
+
+
+    <!-- logo -->
+
+    <image src="images/logo.png" x="center" y="center" xOrigin="center" yOrigin="center" layer="1" alpha="1"/>
+   
+
+    <text value="Loading..." x="center" y="bottom" xOrigin="center" xOffset="0" yOrigin="center" yOffset="-20" height="33" width="stretch" fontSize="32" layer="3">
+        <onEnter>
+            <set duration="0">
+                <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onEnter>
+        <onIdle>
+            <set duration="0">
+                <animate type="alpha" from="1" to=".5" algorithm="easeinquadratic"/>
+            </set>
+            <set duration="0">
+                <animate type="alpha" from=".5" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onIdle>
+      <onExit>
+           <set duration="0">
+               <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+           </set>
+       </onExit>
+    </text>
+    
+
+    <!-- Text shown when creating meta.db. This will only show once unless meta.db does not exsist -->
+
+    <statusText x="0" y="bottom" xOffset="20" yOrigin="center" yOffset="-39" height="33" width="stretch" fontSize="25" layer="3" />
+    <!-- <image src="images/splashloadbk.png" x="center" y="center" xOrigin="center" yOrigin="center" yOffset="74" layer="1" alpha="1"/> -->
+
+
+ </layout>

FunKey/board/funkey/rootfs-overlay/usr/games/layouts/layouts.list

@@ -1,12 +1,13 @@
-FunKey
+Artbook-sml
 Classic
+Daijismol
+DarkUI
 Flat
-TFT
+FunKey
-RetroRoomCovers
 FunKeyRed
 FunKeyYellow
+GameBoy
 PixxelPlus
-DarkUI
+RetroRoomCovers
-Daijismol
-Artbook-sml
 Superlopez
+TFT