Как оптимизировать анимации?

Question

[postya]

У меня есть в приложении несколько анимаций.
Есть горячая клавиша, по нажатию на которую вызывается метод с анимацией.

На своем комьютере у меня анимации отлично отрабатывают, но вот на другом компьютере анимации тормозят. Мне кажется я неправильно создал анимации. То есть надо произвести оптимизацию,чтобы была хорошая производительность

Как правильно создавать анимацию,чтобы была наилучшая произхводительность?

вот пример одной анимации:

private void ShowCard()
        {
            Application.Current.Dispatcher.Invoke((Action)(() =>
            {                    
                DoubleAnimation anim = new DoubleAnimation((-window.RectCategory1.ActualWidth / 100) * 60, (window.RectCategory1.ActualWidth / 100) * 5, TimeSpan.FromSeconds(0.3));
                
                SineEase sineEase = new SineEase();
                sineEase.EasingMode = EasingMode.EaseOut;
                anim.EasingFunction = sineEase;
                window.cardQuestionBorder.RenderTransform.BeginAnimation(TranslateTransform.XProperty, anim);
            }));
        }

Насколько я понимаю, что при каждом вызове метода с этой анимацией, создается обьект этой анимации, остается в памяти и там сидит до тех пор пока приложеине на закроется?

Answer 1

[AlexHell]

я в WPF не шарю, мимо проходил
есть опыт в Win Forms, Unity и сопутствующем
может быть помогу чемто

при каждом вызове метода с этой анимацией, создается обьект этой анимации, остается в памяти и там сидит до тех пор пока приложеине на закроется?

Врятли, т.к. у объекта-анимации есть продолжительность, и он самоуничтожается под капотом по истечении таймера, вручную нет смысла удалять, я бы спроектировал именно так внутри (под капотом WPF всмысле)
Судя по примерам (я не эксперт WPF) делать надо именно так, как у вас и сделано.

вполне может быть что траблы с перформансом по таким причинам
* ShowCard вызывается слишком часто, а этого кода вы не привели, вполне могут быть проблемы, например цикл из ShowCard или вызов его каждый такт (update или что там у вас в WPF)
без защитного флага
тогда когда надо сделать чтото в духе

if (! isAnimPlayed)
{
  isAnimPlayed = true;
  ShowCard ();
}

* слабый другой ПК, CPU \ GPU, уточняйте и тестите на аналогичных
* много что модифицируется, т.е. window.cardQuestionBorder.RenderTransform это чтото большое и у него есть какието лишние потомки, и можно както разбить по-лучше

Comments

[postya]

я заметил,что когда нажимаю на горячую клавишу(вызов метода с анимацией) то нагружается видеокарта, память и процессор в порядке. Та как у меня довольно мощный пк, то у меня это не ощущается, а вот на другом компьютере да.
Из-за чего может нагружаться видеокарта при анимации?

[AlexHell]

точно проверили что нет множества вызовов (вместо одного) ShowCard ? надо исключать более простые варианты

если один вызов - см пункт про "много что модифицируется, т.е. window.cardQuestionBorder.RenderTransform это чтото большое"
и если и это маленький объект и оптимизить его не выходит - над глубоко копать

обычно GPU грузится при перерисовке чего-либо с помощью шейдеров или просто блитов - копирований из текстуру в текстуру

у вас же анимация простой X двигает - это перерисовывает сам объект многократно, но не думаю что настолько что GPU тормозит

попробуйте другие объекты анимировать, т.е. идти от простого к сложному, и замерять на том тормощящем ПК, возможно какая-та часть этого window.cardQuestionBorder.RenderTransform является слишком тяжелой - только такой вывод у меня, там может быть или просто огромное число объектов вложенных.,или какие-то шейдеры

ну или у тестера слабый ПК на столько что там рендер какойто багающий, или CPU рендер - лагал бы CPU - просите у него замерять CPu и GPU, возможно еще логи какието

[postya]

Я нашёл причину того,что видеокарта сильно грузится. Это тень на карточках в xaml:

Как только я убрал это, то анимация стала плавно номралньо работать

-<Border.Effect>
                    <DropShadowEffect Color="Black"
                                      Direction="320"
                                      BlurRadius="60"
                                      ShadowDepth="40"
                                      Opacity="0.8" />
                </Border.Effect>

Тень мне всё же нужна, можно ли её как то оптимизировать? может в коде её как то прописать?

[AlexHell]

postya, я не знаю как реализованы тени в xaml, придется вам погуглить, но предположу что там софтверный рендер и если он так выбран то любая имплементация (хоть в коде как как) будет тормозить на данных слабых видеокартах

[AlexHell]

postya, вот что я нагуглил быстрым поиском
https://social.msdn.microsoft.com/Forums/vstudio/e...

https://www.telerik.com/forums/extremely-slow-when...

https://stackoverflow.com/questions/10410676/wpf-d...
- тут нашли решение вроде
CacheMode="BitmapCache"
чтобы закешить в текстуру а не перерендеривать тень, но масштаб не будет работать вроде

пробуйте

[postya]

AlexHell, Благодарю за ответ!

У меня был Border, а в нём было много других элементов, и в xaml эффект работает так, что он накладывается на все элементы в border, поэтому все так тормозит, я добавил тень на внутренний элемент border и все стало нормально