Background Images for collections

[StoningtonQB]

How would I incorporate a background image when browsing a collection and/or hovering over one in the main menu? I  am not seeing it in the manual. File name (is this background.png?) / folder?

[Pieter Hulshoff]

The XML tag is reloadableImage, and the type is used as the filename. Do you want to use the same image for all games in a collection or a different one for each game?
As an example, the default Aeon Nox theme uses fanart as a type, and thus as a file name as well.

As an example: for Arcade in the Main menu, it will look for the following files:
- collections/Main/medium_artwork/fanart/Arcade.png
- collections/Arcade/system_artwork/fanart.png
- collections/Main/medium_artwork/fanart/default.png

For 1942 in the Arcade menu, it will simply look for:
- collection/Arcade/medium_artwork/fanart/1942.png
- collection/Arcade/medium_artwork/fanart/default.png

[StoningtonQB]

all games in the collection. would want the same image in the main menu. one for every game is way too busy. just something that would stretch across the screen...

[Pieter Hulshoff]

all games in the collection. would want the same image in the main menu. one for every game is way too busy. just something that would stretch across the screen...

Ok, then simply pick a type, e.g. background:
- Put the image as background.png in the system_artwork directory of the collection.
- Put the same image as default.png in the medium_artwork/background directory of the collection.
That's the simplest way of doing it.

Just check the Fan Art Background section in Aeon Nox for an example.

[StoningtonQB]

Yes thank you this is perfect.

[StoningtonQB]

Just check the Fan Art Background section in Aeon Nox for an example.

This is not so obvious to me where I can find such an area. Link?

[Pieter Hulshoff]

Just check the Fan Art Background section in Aeon Nox for an example.

This is not so obvious to me where I can find such an area. Link?

Aeon Nox is the default theme coming with the full RetroFE releases.

The code I'm referring to is:

Code: [Select]

    <!----------------------------------------------------------------------------------------------------------------------------------->
    <!-- Fan art background -->
    <!----------------------------------------------------------------------------------------------------------------------------------->


    <!-- Fan Art Background -->
    <reloadableImage type="fanart" alpha="0" x="center" y="center" width="stretch" height="stretch" xOrigin="center" yOrigin="center" layer="0">
        <onEnter>
            <set duration=".25">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
        </onEnter>
        <onExit>
            <set duration=".25">
                <animate type="alpha" to="0" algorithm="easeinquadratic"/>
            </set>
        </onExit>
        <onMenuEnter>
            <set duration=".25">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
        </onMenuEnter>
        <onMenuExit>
            <set duration=".25">
                <animate type="alpha" to="0" algorithm="easeinquadratic"/>
            </set>
        </onMenuExit>
        <onHighlightEnter>
            <set duration=".25">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
        </onHighlightEnter>
        <onHighlightExit>
            <set duration=".25">
                <animate type="alpha" to="0" algorithm="easeinquadratic"/>
            </set>
        </onHighlightExit>
    </reloadableImage>

This defines a reloadableImage (reloaded every time a menu item changes) of type fanart (using either system_art/fanart.png or medium_art/fanart/<name>.png) which fades in and out at every change.