@woosh/meep-engine/src/engine/ecs/gui/menu/radial/AnimateDisappearance.js

Pure JavaScript game engine. Fully featured and production ready.

import AnimationTrack from "../../../../animation/keyed2/AnimationTrack.js";
import TransitionFunctions from "../../../../animation/TransitionFunctions.js";
import { playAnimation } from "./playAnimation.js";
import { updateAnimationState } from "./updateAnimationState.js";

//build up animation track
const ANIMATION_TRACK_DISAPPEAR = new AnimationTrack(["alpha", "scale"]);
ANIMATION_TRACK_DISAPPEAR.addKey(0, [1, 1]);
ANIMATION_TRACK_DISAPPEAR.addKey(0.1, [0.00, 0.95]);

ANIMATION_TRACK_DISAPPEAR.addTransition(0, TransitionFunctions.EaseOut);

/**
 *
 * @param {View} view
 * @param {EntityComponentDataset} ecd
 * @returns {Promise<View>}
 */
export function animateDisappearance(view, ecd) {
    return playAnimation(ANIMATION_TRACK_DISAPPEAR, view, updateAnimationState, ecd);
}