Logo
Animation

Animated Container

A sequential animation component

Overview

Animated Container animates several objects one after another when the object becomes enabled. It can detect child objects and apply scale and fade animations, making it useful for clean UI reveals.

Preview

Usage

Select a UI parent object

Add the Animated Container component

Customize options if needed


Properties

NameTypeDescription
animationCurveAnimationCurveEasing curve for scale animation progression
animationDelayfloatInitial delay before starting animations
startScalefloatSets the object's initial animation scale
scaleDurationfloatHow long the scaling animation lasts
fadeAfterScalefloatStart fade-in transition after the specified transform scale
fadeDurationfloatHow long the fade animation lasts
useUnscaledTimeboolUse unscaled time for animations (ignores Time.timeScale)
playOnceboolPlay animation only once, ignore subsequent triggers
itemCooldownfloatDelay between starting each child animation

Public Methods

NameParametersDescription
Animate()NoneTrigger the animation sequence manually

Code Example

AnimatedContainerExample.cs
using UnityEngine;
using Evo.UI;

public class AnimatedContainerExample : MonoBehaviour
{
    public AnimatedContainer animatedContainer;

    void YourMethod()
    {
        // Configure animation timing
        animatedContainer.animationDelay = 0.4f;
        animatedContainer.itemCooldown = 0.12f;

        // Configure scale animation
        animatedContainer.startScale = 0.4f;
        animatedContainer.scaleDuration = 0.3f;

        // Configure fade behavior
        animatedContainer.fadeAfterScale = 0.35f;
        animatedContainer.fadeDuration = 0.25f;

        // Playback settings
        animatedContainer.useUnscaledTime = false;

        // Trigger animation manually
        animatedContainer.Animate();
    }
}

On this page