【游戏功能】
一、一行代码拆解
ctx.arc(cx, cy, r, startAngle, endAngle)——技能冷却环的全部渲染就是这一段弧。从十二点方向起画到当前冷却进度对应的角度,环形遮罩逐渐填满代表冷却递减。配一个数字倒计时和就绪闪光,冷却环的三态(冷却中、即将就绪、就绪闪光)就齐了。冷却环的视觉价值在于把抽象的时间变成了几何形状——玩家一瞥弧长就知道还要等多久。
二、底层原理
冷却环是遮罩扇形加数字倒计时的组合。扇形的起始角度固定在十二点方向(-PI/2),终止角度随冷却进度从负二分之PI递增到正二分之三PI。填充方向顺时针,与钟表指针方向一致,符合玩家对时间流逝的直觉。数字倒计时显示在环心,字号随冷却接近结束而缩小。冷却结束时环全亮并闪一下表示就绪。
fx-cooldown
三、正确写法
local CooldownRing = {}
local CONST = { KEY = "CooldownRing" }
function CooldownRing.Start(myID, duration)
CooldownRing._total = duration
CooldownRing._left = duration
CooldownRing._node = CreateRingNode(myID)
CooldownRing._sched = SL:Schedule(function(dt)
CooldownRing:Update(dt)
end, 0.02)
end
function CooldownRing:Update(dt)
self._left = self._left - dt
if self._left <= 0 then
SL:UnSchedule(self._sched)
self._node:FlashReady()
return
end
local ratio = 1 - self._left / self._total
self._node:SetFillRatio(ratio)
self._node:SetText(math.ceil(self._left) .. 's')
end
return CooldownRing
四、四个必须钉死的细节
五、心法
冷却环的时间可视化原理适用于一切"等待后可用"的交互:传送门的充能环、终结技的怒气环、坐骑召唤的施法环。环的填充方向统一顺时针、数字倒计时居中显示、就绪时闪光提示——三件套齐了,冷却就不是等待而是倒计时的期待。
全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →
【游戏功能】 巡查日志里有个离谱的现场:狼怪的刀抡到一半,忽然僵在半空,头顶跳出一行"前摇断"——绕了半天找不到谁动的手,最…
【游戏功能】 一根木头顺着坡滚下来,凭什么比一记刀更有威慑力?滚木的答案在路上:它不长眼、不停脚、不认人,从画面这头滚到那头…
【游戏功能】 有玩家举报队友"操控怪物"——录像里一头狼怪明明倒地了,几秒后又爬起来,绕开所有人径直去咬另一头狼。查了半天才…
【游戏功能】 if hp < 30 then dmg = dmg 1.6 ——一行拿命换刀的判定,撑起了背水一战全部的疯:气…
【游戏功能】 巡查群的凌晨有条没人认领的报障:练级点的狼怪集体"变慢"了,走两步卡一步,像在水里蹚——读条记录翻到最后才发现…
【游戏功能】 行囊里明明还有三张符、两瓶药,为什么一把火烧了反而更强?破釜沉舟的账本就是这么反着记的:退路烧掉的那一刻,刀上…