Author Topic: Reflection & background  (Read 3289 times)

billyc666

  • Jr. Member
  • **
  • Posts: 54
  • Karma: +6/-0
    • View Profile
Reflection & background
« 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
« Last Edit: March 14, 2018, 09:20:57 PM by billyc666 »

Pieter Hulshoff

  • Administrator
  • Hero Member
  • *****
  • Posts: 1543
  • Karma: +46/-14
    • View Profile
    • Towel 42
Re: Reflection & background
« Reply #1 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.

billyc666

  • Jr. Member
  • **
  • Posts: 54
  • Karma: +6/-0
    • View Profile
Re: Reflection & background
« Reply #2 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>

Pieter Hulshoff

  • Administrator
  • Hero Member
  • *****
  • Posts: 1543
  • Karma: +46/-14
    • View Profile
    • Towel 42
Re: Reflection & background
« Reply #3 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?