# @masd.lab on Instagram

- **Type:** Video
- **Original URL:** https://www.instagram.com/p/DCm5vlqM2lz
- **Gondola URL:** https://gondola.cc/posts/61255988-masdlab-instagram
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/1aeb190232.jpg
- **Posted:** 2024-11-20T21:13:22.000+00:00
- **Account Owner:** Marcos Silva (@masd.lab) — https://gondola.cc/masd.lab

## Caption

// Expression n.10 wave.Delay.FrameControl
explainer: https://bit.ly/3YO5xNp

This expression creates a wave-like motion across layers, with each layer’s animation staggered based on its index and a specified delay in frames. It allows for precise control over the wave’s amplitude, frequency, and speed, making it perfect for cascading effects that respond dynamically to frame-based timing.

Apply on Position Property:

xAmp = 350;
xFreq = 0.3;
xSpeed = 100;
delayFrames = 5;

frameDuration = thisComp.frameDuration;
delay = delayFrames * frameDuration;

wl = xSpeed / xFreq;
phaseOffset = ((position[0] % wl) / wl) * 2 * Math.PI;
t = time - (index - 1) * delay;
y = xAmp * Math.sin(2 * Math.PI * xFreq * t + phaseOffset);
value + [0, y];

#AfterEffects #MotionGraphics #WaveAnimation #StaggeredLayers #AnimationTips #FrameControl #DesignWorkflow #AEExpressions #MotionDesignCommunity #DynamicAnimation

## Stats

- **Views:** 2,758
- **Likes:** 497
- **Shares:** 0
- **Comments:** 1

## Tags

motiondesigncommunity, framecontrol, staggeredlayers, aeexpressions, waveanimation, dynamicanimation, designworkflow, aftereffects, motiongraphics, animationtips

---
Copyright (c) Gondola