# @masd.lab on Instagram

- **Type:** Video
- **Original URL:** https://www.instagram.com/p/DCUNwWCs_GT
- **Gondola URL:** https://gondola.cc/posts/61256061-masdlab-instagram
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/1c66d92508.jpg
- **Posted:** 2024-11-13T15:09:27.000+00:00
- **Account Owner:** Marcos Silva (@masd.lab) — https://gondola.cc/masd.lab

## Caption

// Expression n.9 stagger.Loop.Control
explainer: https://bit.ly/3YO5xNp

This expression staggers the start of each duplicated layer’s animation to create a smooth cascading effect. It’s perfect for animations that loop in a sequence, with each layer starting after the previous one at a set interval. With a fixed delay, this setup keeps everything consistent without manual adjustments.

Apply on Time Remap Property:

var delayInFrames = 5; // Fixed delay between layers in frames
var frameDuration = thisComp.frameDuration;
var delayBetweenLayers = delayInFrames * frameDuration;

var start = key(1).time;
var end = key(numKeys).time;
var loopDuration = end - start;

var offsetTime = (index - 1) * delayBetweenLayers;
var loopedTime = ((time - offsetTime) % loopDuration);

if (loopedTime < 0) {
    loopedTime += loopDuration;
}

start + loopedTime;
More Resources:
YouTube: https://bit.ly/3AcQQeT
Working Files & Scripts: https://bit.ly/3ZJmGu2

#AfterEffects #AnimationExpressions #MotionGraphics #StaggeredAnimation #TimeRemap #LoopAnimation #ExpressionTutorial #AfterEffectsExpressions #MotionDesign #CreativeWorkflow #DesignTools #AnimationTips #LayerStaggering

## Stats

- **Views:** 1,669
- **Likes:** 288
- **Shares:** 0
- **Comments:** 1

## Tags

designtools, aftereffectsexpressions, staggeredanimation, expressiontutorial, aftereffects, motiongraphics, motiondesign, animationtips, loopanimation, creativeworkflow, timeremap, layerstaggering, animationexpressions

---
Copyright (c) Gondola