Stepped Time

Makes any animation update in chunky steps for a stop-motion, hand-made feel.

Expression Code

// Stepped Time (Stop-Motion)
// Apply to any animated property

stepsPerSecond = 8;   // Lower = chunkier stop-motion feel

posterizeTime(stepsPerSecond);
value;

// Variant — stepped wiggle for a hand-drawn 'boil':
// posterizeTime(12);
// wiggle(3, 5);

Apply to any keyframed property — posterizeTime() quantises the whole expression to the given rate, so smooth motion snaps to stepsPerSecond updates per second while the rest of your comp stays buttery. If the property is already driven by an expression (like a wiggle), don't paste this over it — add the posterizeTime(stepsPerSecond); line at the very top of your existing expression instead.

Back to Easing & Timing