Mixing animations

Web
Flutter
iOS
Android
Web

We play and mix load and vibration together at different stages in time as an example progress indicator, which we’re playing at one-fifth speed. Once progress is complete, we play the end animation.

if (loadInstance.time < 1.0) {
loadInstance.advance(elapsedTime * 0.2);
loadInstance.apply(artboard, 1.0);
} else {
endInstance.advance(elapsedTime);
endInstance.apply(artboard, 1.0);
}
if (loadInstance.time > 0.5 && loadInstance.time < 1.0) {
vibrationInstance.advance(elapsedTime);
vibrationInstance.apply(artboard, loadInstance.time);
}
Flutter

iOS

Android