UnityでDOTween.Toメソッドを使ってスコアのアニメーションすると値がズレる

Question

Unityでスコアがアップする関数を呼び出してその関数内で、DOTween.To()メソッドを呼んでスコアの
テキストのアニメーションをしているのですが、アニメーションに指定した時間が長いと次に呼び出される
スコアアップ関数で値がずれてしまいます。指定した時間を早くすれば問題ないのですが、一定の値を超えると
ずれてしまいます。

public void UpdateScore(int scoreToAdd)
    {
        DOTween.Kill(tween);
        sequence.Append(tween = DOTween.To(() => score, value => score = value, score + scoreToAdd, 0.2f)
            .OnUpdate(() => scoreText.text = string.Format($"Score: {score:D7}")));
    }

scoreManager.UpdateScore(score);

UpdateScoreに指定したスコアを渡しています。

0.2fなどの低い値だと問題はないのですが、1.0fとかだとずれてしまいます。

どなたかわかる方がいましたら、回答お願いします。

Answer 1

回答を書こうと思ったら回答が付いてますね

public void UpdateScore(int scoreToAdd)
{
    tween.Kill();
    var afterScore = score + scoreToAdd;
    sequence.Append(tween = DOTween.To(() => score, value => score = value, score + scoreToAdd, 1.0f)
        // .OnComplete(() => { score = afterScore; }) 必要なかった
        .OnKill(() => { score = afterScore; })
        .OnUpdate(() => scoreText.text = string.Format($"Score: {score:D7}")));
    }

hogefugapiyoさんと同じような意見、内容だと思います。
こちらでは先に結果のscoreを代入しておいて、
Kill、もしくはComplete、どちらの結果で終了したとしても決まった値を代入するというメソッドをtweenに追加してみました。

色々おかしかったのでコードを書き直しておきました。

Comments

[YDK]

回答ありがとうございます。
OnComplete, OnKillメソッドを呼ぶことで終了時にスコアの値を更新しているのはわかるのですが、
OnKillメソッドをコメントアウトにした時は値がズレるのに対し、OnCompleteメソッドをコメントアウト
したときは値がズレませんでした。KillとCompleteメソッドの違いは大体わかるのですが、
OnKillとOnCompleteメソッドの違いはなんでしょうか？
また、なぜOnCompleteメソッドだけだと値がズレるのでしょうか？

[hogefugapiyo]

詳しくは1570pさんからお話いただけると思いますが、scoreをTweenで直接いじってしまっているのでTweenが完走しないとスコアの反映が途中で終わってしまいます。

例）
①100点取った（合計スコア100）
　Tween→0からはじめて50まで増加

②更に100点取った（合計スコア200）
　さっきのTweenはKillしよ！（ここでKillされたせいでスコアが正常に反映されないまま終わる）
　今のスコアは50か…じゃあ50から100点増えて150点まで増加しよう！

ということで、スコアの増加と実際のスコアに差ができます。
OnKillでTweenがKillされたときもスコアの更新を担保することで、この部分をカバーしていると思います

[hogefugapiyo]

（補足）
①と②は連続して発生したと考えてください。
アニメーション時間が1fなら、たとえば①の0.5秒後に②が起こった。というような感じです（最初のTweenが完走していない）

[YDK]

値が反映されないままKillされた時の保険として中で値の更新をしているんですね。
おかげさまでDOTween.Toの仕組みについて知ることができました。
ありがとうございました。

Answer 2

カウントアップが最後まで完走してないのに次が来るので値がズレるってことですかね。
スコアの更新と、表示するスコアを切り分けてみるのはどうですか？
scoreという生データをそのままDOTweenで走らせるのではなく
スコアの反映自体は瞬時に終わらせて、DOTweenではあくまでも見かけ上の数値が変わるだけっていう感じです。

質問の意図を勘違いしていたり、望む動作とは違うようでしたらすいません。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using DG.Tweening;

public class Test : MonoBehaviour {
    [SerializeField] Text scoreText;
    public int score = 0;

    // Start is called before the first frame update
    void Start() {

    }

    public void UpdateScore(int scoreToAdd) {
        var tmpScore = score;                   // 現在のスコアを一旦記憶
        var tmpScoreGoal = score + scoreToAdd;  // 今回の加算でどこまで増えるか
        score = tmpScoreGoal;                   // スコア自体はすぐ反映してしまう

        // 表示する部分だけDOTweenで見せかける
        DOTween.To(() => tmpScore, (value) => tmpScore = value, tmpScoreGoal, 1f)
            .OnUpdate(()=> { scoreText.text = tmpScore.ToString(); });
    }
}

Comments

[YDK]

回答ありがとうございます。
やりたかったことはこれで合ってます。
コメントがあってすごくわかりやすかったです。
現在と加算した後の値を新しい変数に代入して、score変数自体はメソッドが呼ばれるたびに
値の代入と更新をすることで、指定した時間以内に呼び出されたとしても更新された値が適用されるので
値がズレることは無いって解釈で大丈夫でしょうか？

[hogefugapiyo]

回答あってたようで良かったです。

今回って演出のためのアニメーションだと思うので、実際のスコアをn秒かけて書き換える必要は無いかなと思います。なのでスコアは即時反映にして、Tweenはあくまでも見せかけの演出として使うことでスコアの整合性を保ちます。
次のTweenが差し込まれても参照するscoreは既に更新されているので、次のアニメーションが再生されても値のズレは起きません。

[YDK]

アニメーション用のスコアと実際のスコアの値を分けることで見せかける発想は
思いつきませんでした。分かりやすくて理解しやすかったです。
ありがとうございました。