Wiggle Transform Shape Layer – Loop wiggle?

[Jason Jantzen]

Well, in the infinite void of creative block I’ve experienced this morning, somehow I managed to make this work. I just popped his looping wiggle expression into the temporal and spatial phase parameters and “oula!” It worked.

Jason Jantzen
vimeo.com/jasonj

[Peter Chicarielli]

Hey!

I’m searching around to find the difference between spatial and temporal phase under the wiggle settings. I haven’t come across much information to be honest. Most videos are concentrating on the scale, rotation, position etc. settings.

I am using a wiggle loop custom expression for a tutorial, and they are actually suggesting to use it within the spatial or temporal settings, or both like you did, but I’m still unclear what these settings actually do.

It’s been three years since you posted this, but if you can shed any light on this topic, I’d appreciate it!

Thanks!
Pete

[Alena Titova]

Please share your expression! I’m trying to solve exactly the same problem. Thanks

[Filip Vandueren]

Think of wiggle() as a 2D field of random undulating (Perlin) noise that’s changing at the rate of Wiggles/second.

Now if you have two identical shape layers with a Wiggle Paths that have the same seed value which is not equal to 0 ! (0 is a special value that is always random).
Then those two layers will look and wiggle identical.

Now if you use Temporal Phase difference, one layer will still be deformed the same as the other, but a bit earlier or later in time, Just a basic time delay in the changing noisefield.

Spatial Phase would tell the wiggle to get it’s random values somewhere else on the 2D field, if it’s spatially close, the noise will be pretty similar (correlated) to the original value.

[Filip Vandueren]

My method of making Wiggle Paths be loopable is this:

– set wiggles per second to 0;
– expression for Temporal Phase:

wigglesPerSecond = 1.5;
loopTime = 3.5;
Math.cos(degreesToRadians(360*time/loopTime))*360*wigglesPerSecond + value;

– expression for Spatial Phase:

wigglesPerSecond = 1.5;
loopTime = 3.5;
Math.sin(degreesToRadians(360*time/loopTime))*360*wigglesPerSecond + value;