Function easeAnimate

apps/ui/src/animation/animation-army-100-page.ts:76–105

(args)

}

export function easeAnimate(args) {
	const clicked = args.object as Button;
	const page: Page = clicked.page;
	const select = getViewById(page, 'select') as SegmentedBar;
	const item: SegmentedBarItem = select.items[select.selectedIndex];
	const animsIn: AnimationDefinition[] = [];
	const animsOut: AnimationDefinition[] = [];
	for (let i = 0; i < 100; i++) {
		const box = getViewById(page, 'el-' + i) as Label;
		const prop = getBoxPropertyAnimationData(item.title, clicked.text, box, 32, 24);
		animsIn.push({
			[prop.animateKey]: prop.animateValueTo,
			delay: 15 * i,
			target: box,
			duration: prop.animateDuration,
			curve: prop.animateEase,
		});
		animsOut.push({
			[prop.animateKey]: prop.animateValueFrom,
			target: box,
			delay: prop.animateReturnDelay + 5 * Math.abs(i - 100),
			duration: prop.animateDuration,
			curve: prop.animateEase,
		});
	}
	new Animation(animsIn, false)
		.play()
		.then(() => new Animation(animsOut, false).play())
		.catch((e) => console.log(e));
}