Free - After Effects - Gooey Orb

Download the After Effects animation above.

This animation is created using 4 keyframes and a few cool expressions.
The circle is made up of 4 points, and each point is attached to a different null layer.

I'll explain below, but your best bet is looking at the project files to see how it works!

What makes it bounce:

The whole circle is parented to a null that has a bouncy expression.

Bouncy expression here:

freq = 2;

decay = 5;

n = 0;

if (numKeys > 0){

n = nearestKey(time).index;

if (key(n).time > time) n--;

}

if (n > 0){

t = time - key(n).time;

amp = velocityAtTime(key(n).time - .001);

w = freq*Math.PI*2;

value + amp*(Math.sin(t*w)/Math.exp(decay*t)/w);

}else

value

What makes it gooey

The circle is made up of 4 points, and each point is attached to a different null layer.
Each null layer has an expression that makes the points drag behind a bit.

Expression here:

var maxAmount = 1000;

var minAmount = -1000

var gooey = thisComp.layer("Move all").transform.position.velocity;

var additionalX = gooey[0];

if(additionalX >= maxAmount){additionalX = maxAmount;}

if(additionalX <= minAmount){additionalX = minAmount;}

var myBonus = [additionalX, 0];

transform.position - myBonus/15;

This doesn't make sense

No worries! Download the file to look under the hood.

My other downloads:

https://gumroad.com/bretyboy

Handy After Effects script:

https://gumroad.com/l/KeyFast

Dribbble:

https://dribbble.com/brander