How to use the shifty.Tweenable.formulas function in shifty
To help you get started, we’ve selected a few shifty examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
jeremyckahn / rekapi / test / rekapi.js View on Github 
it('sets up custom curves correctly', () => {
setBezierFunction('custom', 0, 0.25, 0.5, 0.75);
rekapi = setupTestRekapi();
exportedTimeline = rekapi.exportTimeline();
// Reset for a clean test
unsetBezierFunction('custom');
targetRekapi = new Rekapi();
targetRekapi.importTimeline(exportedTimeline);
assert.equal(typeof Tweenable.formulas.custom, 'function');
assert.equal(Tweenable.formulas.custom.x1, 0);
assert.equal(Tweenable.formulas.custom.y1, 0.25);
assert.equal(Tweenable.formulas.custom.x2, 0.5);
assert.equal(Tweenable.formulas.custom.y2, 0.75);
// Clean up Tweenable
unsetBezierFunction('custom');
});
});it('sets up custom curves correctly', () => {
setBezierFunction('custom', 0, 0.25, 0.5, 0.75);
rekapi = setupTestRekapi();
exportedTimeline = rekapi.exportTimeline();
// Reset for a clean test
unsetBezierFunction('custom');
targetRekapi = new Rekapi();
targetRekapi.importTimeline(exportedTimeline);
assert.equal(typeof Tweenable.formulas.custom, 'function');
assert.equal(Tweenable.formulas.custom.x1, 0);
assert.equal(Tweenable.formulas.custom.y1, 0.25);
assert.equal(Tweenable.formulas.custom.x2, 0.5);
assert.equal(Tweenable.formulas.custom.y2, 0.75);
// Clean up Tweenable
unsetBezierFunction('custom');
});
});after(() => {
delete Tweenable.formulas.fakeLinear;
});before(() => {
/**
* This is used to prevent optimization to make certain functions easier to
* test.
*/
Tweenable.formulas.fakeLinear = function (pos) {
return pos;
};
});updateEasingList () {
this.setState({
easingCurves: Object.keys(Tweenable.formulas)
});
}shifty
The fastest JavaScript animation engine on the web
