/* Helpers. */
private void animate()
/* Slide an image of the cued skill (which, presumably, was just used) into view.
*
* https://easings.net/ has info on the Ease values.
*/
{
// Start it in the correct state (off screen and transparent).
reset();
/* Set the image to be the used skill. */
Sprite skillIcon = SkillButton.getIconByName(fightState.cuedSkill.iconName);
skillImage.sprite = skillIcon;
/* Fade+move it into view and then out.
*
* The fade-in gets to opaque quickly, with OutQuad.
* The fade-out stays opaque longer, with InQuad.
* The move-in wiggles, with OutElastic.
* The move-out goes down briefly then up quickly, with InBack and faraway target.
*/
Sequence seq = DOTween.Sequence();
// Fade the skill background.
Sequence backgroundFadeSeq = DOTween.Sequence()
.Append(skillBackground.DOFade(1, inDuration).SetEase(Ease.OutQuad))
.AppendInterval(stayDuration)
.Append(skillBackground.DOFade(0, outDuration).SetEase(Ease.InQuad));
// Fade the skill image.
Sequence imageFadeSeq = DOTween.Sequence()
.Append(skillImage.DOFade(1, inDuration).SetEase(Ease.OutQuad))
.AppendInterval(stayDuration)
.Append(skillImage.DOFade(0, outDuration).SetEase(Ease.InQuad));
// Movement.
Sequence moveSeq = DOTween.Sequence()
.Append(
rect
.DOAnchorPosY(-200, inDuration)
.SetEase(Ease.OutElastic, moveInAmplitude, moveInPeriod)
)
.AppendInterval(stayDuration)
.Append(
rect
.DOAnchorPosY(10000, outDuration)
.SetEase(Ease.InBack, moveOutOvershoot)
);
// Combine them all.
seq.Insert(0, backgroundFadeSeq);
seq.Insert(0, imageFadeSeq);
seq.Insert(0, moveSeq);
currentTween = seq;
}