RetroFE forums

General Category => General Discussion & Help => Topic started by: billyc666 on March 14, 2018, 08:29:34 PM

Title: Reflection & background
Post by: billyc666 on March 14, 2018, 08:29:34 PM
is there anyway to limit reflection height similar to what you see in this image. im working on various views from kodi at the moment so i need a couple of pointers to achieve similar views.
also backgrounds i had an idea to use box art as a background but zoomed and maybe pixelated is it possible Retrofe can do any cool tricks with background images apart from animation
Title: Re: Reflection & background
Post by: Pieter Hulshoff on March 14, 2018, 10:13:26 PM
You can use the container parameters to crop the image, see http://www.retrofe.nl/wiki/doku.php?id=layouts#general_parameters

RetroFE does not yet offer image filters, since they really slow down a front-end. I may add them in the future though.
Title: Re: Reflection & background
Post by: billyc666 on March 15, 2018, 07:10:46 PM
thank you, i cant seem to get the reflection to shorten with the container tags, it just seems to make the boxart smaller

where should i put the container coordinates in this code

Code: [Select]
<!-- Box Menu -->
    <menu type="custom" imageType="artwork_front" scrollTime=".2" scrollAcceleration=".02" orientation="horizontal" textFallback="true" x="0" font="fonts/Oswald-Regular.ttf" fontSize="20" loadFontSize="20" width="center" y="980" algorithm="easeincircular">
        <itemDefaults alpha="1" x="center" y="600" width="350" maxHeight="400" xOrigin="center" yOrigin="bottom" layer="12" fontSize="50" loadFontSize="50" fontColor="ffffff" reflection="bottom" reflectionDistance="2" reflectionScale="1" reflectionAlpha=".2" maxHeight="100"/>
        <item xOffset="-1150" alpha="0"/>
        <item xOffset="-875">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="-600">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="-325">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="0" yOffset="10" selected="true" width="350" maxHeight="400" layer="13">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".5">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="325">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="600">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="875">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="1150" alpha="0"/>
    </menu>
Title: Re: Reflection & background
Post by: Pieter Hulshoff on March 17, 2018, 01:43:55 PM
I’d say put them in the item defaults. How does it decrease the box size for you?