mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.1 KiB
43 lines
1.1 KiB
5 years ago
|
import * as eases from 'svelte/easing';
|
||
|
|
|
||
|
|
const processed_eases = {};
|
||
|
|
|
||
|
|
for (const ease in eases) {
|
||
|
|
if (ease === "linear") {
|
||
|
|
processed_eases.linear = eases.linear;
|
||
|
|
} else {
|
||
|
|
const name = ease.replace(/In$|InOut$|Out$/, '');
|
||
|
|
const type = ease.match(/In$|InOut$|Out$/)[0];
|
||
|
|
|
||
|
|
if (!(name in processed_eases)) processed_eases[name] = {};
|
||
|
|
processed_eases[name][type] = {};
|
||
|
|
processed_eases[name][type].fn = eases[ease];
|
||
|
|
|
||
|
|
let shape = 'M0 1000';
|
||
|
|
for (let i = 1; i <= 1000; i++) {
|
||
|
|
shape = `${shape} L${(i / 1000) * 1000} ${1000 - eases[ease](i / 1000) * 1000} `;
|
||
|
|
processed_eases[name][type].shape = shape;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const sorted_eases = new Map([
|
||
|
|
['sine', processed_eases.sine],
|
||
|
|
['quad', processed_eases.quad],
|
||
|
|
['cubic', processed_eases.cubic],
|
||
|
|
['quart', processed_eases.quart],
|
||
|
|
['quint', processed_eases.quint],
|
||
|
|
['expo', processed_eases.expo],
|
||
|
|
['circ', processed_eases.circ],
|
||
|
|
['back', processed_eases.back],
|
||
|
|
['elastic', processed_eases.elastic],
|
||
|
|
['bounce', processed_eases.bounce],
|
||
|
|
]);
|
||
|
|
|
||
|
|
export const types = [
|
||
|
|
['Ease In', 'In'],
|
||
|
|
['Ease Out', 'Out'],
|
||
|
|
['Ease In Out', 'InOut']
|
||
|
|
];
|
||
|
|
|
||
|
|
export { sorted_eases as eases };
|