动态原理图 协程_【总结】用协程来控制动态动画

主美：有个优化需求，人物恰经验瓶的升级效果有点不太行，是瞬变的。

程序：是直接改经验条的Silder和经验文本的text

主美：现在要做一个经验上涨的效果，然后升级的时候播一下icon的动画。

特效：动画我已经挂上了，你调一下就行了。

程序，简单啊，做一个Tween不就好了

---lua伪代码

local twnAnim = Tweening.DOTween.To(function(fCurValue)

silder.value = fCurValue

end, fBeginValue, fEndValue, fTime)

程序：就是跨级有点麻烦，让主美妥协一下呗，跨级的话就放最后一级的从0经验开始的动画，应该还行吧。

特效：额，彳亍口巴。但是这里有点奇怪，这动画很不连贯啊(狂恰瓶子)，经验槽一跳一跳的。

程序：这没办法，Tween动画就是写死的，你写好参数以后最多也就只能控制帧了。新的Tween进来就只能把旧的舍弃了。

特效：能不能不舍弃？

程序：啥意思

特效：比如建个Tween队列之类的

程序：卧槽？emmm。理论上可以，但是要保存的数据有点太多了，而且最好避免回调地狱。

程序：我突然想到是不是基本上连点瓶子，经验增长速度要变快的。

特效：最好是这样，不然没反馈啊。我咋知道恰第二个瓶子的时候有没有用。

程序：啊这。

程序：那更不可能用Tween了，在DOTween的过程中如果恰一个瓶子就要重建Tween，如果用队列，那后面不是都要重建……

程序：算了你先别管了，让我先自闭一会。

(研究了一会)

程序：这个我用协程写了，但是我不知道具体效果到什么程度，我把lua文件的位置给你，你改这个函数开头的几个变量就行

特效：啊这。也行吧

程序：要不我给你讲下怎么弄的

特效：可

---lua伪代码

function SomeView:DoAnimation()

local sliderAnimationTime = 2 --- 动画总时长

self.tbl.anim = {} --- 记录协程动画构建的所需数据

self.tbl.anim.StartValue = self.cur.score or 0 --- 动画的起始总经验(不是槽里的经验)

self.tbl.anim.EndValue = GetScore() --- 动画最终要达到的目标总经验

local off = self.tbl.anim.EndValue - self.tbl.anim.StartValue

self.tbl.anim.step = math.round(off / math.round(sliderAnimationTime / 0.02)) --- 计算步长

self.tbl.anim.step = math.max(1, math.min(50, self.tbl.anim.step)) --- 步长限制修正

--- 注意：如果动画还在进行，那么上面通过修改self.tbl.anim的属性是能够影响到下面协程

--- 的逻辑的。这就是协程的一个特点：独享一份变量

if self.cur.bAnim then

return

end

--- 协程停止。如果ui隐藏或关闭的动画也应该停止。

if self.cs_coroutine.sliderAnim then

Global.cs_coroutine:stop(self.cs_coroutine.sliderAnim)

end

self.cur.bAnim = true --- 初始化代码 ---

self.progressSliderHandle:ExSetActive(true) --- 进度条分界线的特效开启，停止动画后就关闭

local curScore = self.tbl.anim.StartValue --- 动画播放中 的总经验进度

local curLvl, curExp = GetLevelExp(curScore) --- 动画播放中 的当前经验槽的经验进度

--- 开启协程

self.cs_coroutine.sliderAnim = Global.cs_coroutine:start(function()

while true do

local _lvl, _exp = GetLevelExp(curScore)

local _limit = GetNextLevelNeedScore(_lvl) --- 当前动画所在经验槽的分母

if curScore >= self.tbl.anim.EndValue or _limit <= 0 then

--- 情况1，当总经验进度已经到了目标值时，动画结束，可以渲染最终的文本了

--- 注意：这里用的是EndValue而不是curScore对应的等级和经验，因为按照

--- 除法算步长最终到达的位置一定会有误差

local __lvl, __exp = GetLevelExp(self.tbl.anim.EndValue)

local __limit = GetNextLevelNeedScore(_lvl)

self:UpdateSliderValue(__lvl, __exp, __limit) ---- 更新UI数据

if curExp >= _limit or _limit <= 0 then

self.anim.levelUp:Play() --- 升级动画

end

--- 停止协程，关闭动画

self.cur.score = GetScore() ---保存下次的StartValue

self.cur.bAnim = false

Global.cs_coroutine:stop(self.cs_coroutine.sliderAnim)

self.progressSliderHandle:ExSetActive(false)

elseif curExp >= _limit then

--- 情况2，当当前经验槽满了，重置下当前槽

self:UpdateSliderValue(_lvl, curExp, _limit)

self.anim.levelUp:Play()

curExp = 0

else

--- 情况3，经验值动画正常增长，纯渲染

self:UpdateSliderValue(_lvl, curExp, _limit)

end

--- 更新到达的进度

curExp = math.min(_limit, curExp + self.tbl.anim.step)

curScore = math.min(self.tbl.anim.EndValue, curScore + self.tbl.anim.step)

coroutine.yield(nil)

end

end)

end

程序：基本上就是通过协程构建一个渲染循环，然后新的数据进来以后，重新计算步长，这样就能够越点越快了。

特效：迪奥诶，主美你来看下这样可以否

主美：我觉得可以了

特效：但是点得快为啥会忽快忽慢

程序：因为你速度很快的时候动画就很快播完了啊，要不你给我具体的文档，具体到每个速度函数的设计？

主美：算了，可以了可以了

(本文纯属虚构^^)