unity animator制作音乐播放动态UI

前言

研究学习Scriptable Object案例时,发现案例中有一个音乐播放UI的动态效果,学艺不精研究了一会才明白原理。以后可能用得上,故记录一下。

image-20240625104245918

image-20240625104258295

UI结构及分析

其UI主要结构是这样的:

image-20240625103804000

AnimatedWaves

image-20240625103921333

  • 这里的脚本,从Scriptable Object的浮点型容器“Volume”得到当前下方slider音量的值
  • 脚本是用来控制animator中混合树的值的。

Mask

image-20240625103951138

Waves

image-20240625104010857

animator动画

image-20240625104428596

这里一开始没反应过来。。他的动画其实是提前制作好两个动画,一个的“弧形音量”在“最左边”,一个在“最右边”。通过混合树的值自然过渡即可。