Scale And Fade Background Transition Animator

To use a transition animator, you first create an instance of it, as described in Using A Transition Animator.


The 'scale and fade background' transition animator presents content by scaling it up from the center of the screen, whilst fading in the backgroundImage property. It dismisses content by performing the reverse - scaling content down and fading out the backgroundImage property.

The contentToScalePropertyName field allows you to specify what content gets scaled in your transition. You can set this to the name of any RectTransform property on your canvas controller. If none is specified or the property does not exist, the canvas controller's 'content' transform will be scaled.

The reverseScaleCurveOnUpstream and reverseFadeCurveOnUpstream flags cause the relevant animation curves to be evaluated backwards on upstream transitions.

A scale transition animator.


The configurable properties of a scale and fade background transition animator.

Name                 Description
Duration The duration of the transition.
Scale Settings
Scale Curve The animation curve for the scaling animation of the transition.
Content To Scale Property Name The property name of the content to be scaled.
Reverse Scale Curve On Upstream Reverse the scale animation curve for upstream transitions.
Fade Settings
Fade Curve The animation curve for the fading animation of the transition.
Reverse Fade Curve On Upstream Reverse the fade animation curve for upstream transitions.
Use Scaled Time Animate with scaled time. By default this transition uses unscaled time - i.e. it won't be affected by changes to 'Time.timeScale'. This allows it to animate when the game is paused, for example. Enable this if you want the transition to be affected by changes to 'Time.timeScale'.