Linear wipe through multiple layers

[David Conklin]

You may be overcomplicating it. If I’m gathering correctly, you just want each layer of a comp to be progressively linear wiped. You can use each layer’s index property as a way to offset these wipes.

I made a null called “Controls” in my comp and placed 2 sliders on it – one called ‘delay’ which I set to 30(frames) and one called ‘trans_time’ which I also set to 30(frames). I then created a bunch of solids in the comp and placed a linear wipe with this expression on the ‘transition completion’ property on each of them.

I am also attaching a project file so you can see how this looks. Let me know if this is what you were looking for.

8201_linearwipes.aep.zip

Edit: Something interesting here, as well, is that you can make the delay value negative in order to make the transitions overlap.

var delay = thisComp.layer("Controls").effect("delay")("Slider") * thisComp.frameDuration; //convert to frames
var trans_time = thisComp.layer("Controls").effect("trans_time")("Slider") * thisComp.frameDuration; //convert to frames
var idx = index - 2; //to make the first solid 0 (to compensate for null and index starting at 1);

var beginTime = (trans_time * idx) + (delay * idx); //make start time
var endTime = beginTime + trans_time; //make end time

linear(time, beginTime, endTime, 0, 100);


[Felix Wedgwood]

Hi David, thanks so much for taking the time to respond and tinker with the idea, I really appreciate your help. This week is nuts but as soon as I have time (this weekend)I will take a look at your project and shoot back my impressions. Thanks again for the help :-))

[Felix Wedgwood]

Hi David, finally had a moment to sit down with your creation and all I have to say is “so simple, so BRILLIANT!” The linear function was unfamiliar to me so I searched it and came across this free AE Tuts video which others may be interested in-

Thanks again Sir you have restored my faith in Humanity!!
I shall post again with my complete render, hopefully in the not too distant future…
Cheers 😀

[Felix Wedgwood]

Hi David, it would be awesome to get you advise on this.
I’ve added a variable called offSet, see modified script below.

This is because I have a split screen effect where there are two comp’s each using the linear wipe expression you wrote but I didn’t want them wiping in sync, rather for it to look like the wipe is going all the way across the split screen, so the wipe on the right is delayed to create this effect. It does seem to be slowing down the speed of the wipe on the right of screen though, could be my imagination!?
The only other thing I would love to get your input on is… Is there a way to have the fist image, and the last image, in the sequence stay on screen longer than the images in between?
Cheers, Felix

var offSet = thisComp.layer("Controls for Cabinet").effect("offSet")("Slider") * thisComp.frameDuration;
var delay = thisComp.layer("Controls for Cabinet").effect("delay")("Slider") * thisComp.frameDuration;
var trans_time = thisComp.layer("Controls for Cabinet").effect("trans_time")("Slider") * thisComp.frameDuration;
var idx = index - 2; //to make the first solid 0;
var beginTime = ((trans_time * idx) + (delay * idx)) + offSet;
var endTime = beginTime + trans_time + offSet;
linear(time, beginTime, endTime, 0, 100);