Animation algorithms without branching/conditionals

Unifikation · June 7, 2023, 11:23am

Anyone know of a good repo of examples of animation algorithms that deliberately avoid branching/conditionals?

Would like to read/see/learn from, out of curiosity.

mgear · June 7, 2023, 11:29am

what kind of animations is that for?

Unifikation · June 7, 2023, 11:51am

It’s not for any kind of animation… it’s just that I know animations well, so I’m hoping someone’s made a bunch of eases etc with an attempt to be branchless, so I can read examples with an objective I’m familiar with.

mgear · June 7, 2023, 11:56am

ah ok,
then adding this just as a initial reference then (those look pretty clean already)

github.com

ai/easings.net/blob/master/src/easings/easingsFunctions.ts

type EasingFunction = (progress: number) => number;

interface EasingDictionary {
	[easing: string]: EasingFunction;
}

const pow = Math.pow;
const sqrt = Math.sqrt;
const sin = Math.sin;
const cos = Math.cos;
const PI = Math.PI;
const c1 = 1.70158;
const c2 = c1 * 1.525;
const c3 = c1 + 1;
const c4 = (2 * PI) / 3;
const c5 = (2 * PI) / 4.5;

const bounceOut: EasingFunction = function (x) {
	const n1 = 7.5625;
	const d1 = 2.75;

This file has been truncated. show original

Unifikation · June 7, 2023, 12:17pm

These are all traditional equations for these sorts of things, nothing tricky enough to need conditionals, other than the bounce, which does use them.

I’m looking to see what it’s like to try abstract away from conditionals.