脚本展示魔血球动画
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-04-23 00:59:49 |
👁️ 阅读: 19
根据浮生梦老师前端课程内容，实现魔血球动画展示需要以下步骤：
## 1. 注册动画事件
首先需要在初始化函数中注册魔血球动画事件：
```lua
-- 脚本展示魔血球动画
SL:RegisterLUAEvent(LUA_EVENT_PLAY_MAGICBALL_EFFECT, "MainProperty", MainProperty.OnPlayMagicBallEffect)
```
## 2. 实现动画播放函数
创建`OnPlayMagicBallEffect`函数来处理动画播放：
```lua
function MainProperty.OnPlayMagicBallEffect(data)
local prefixL = {"hp_", "mp_", "fhp_"}
local tagList = {"HPSFX", "MPSFX", "FHPSFX"}
-- 参数验证
if data.type < 0 or data.type > 2 or data.count < 0 or data.interval < 0 then
return
end
local scale = data.scale == 0 and 1 or (data.scale / 100)
local timeval = data.interval / 1000
local prefix = prefixL[data.type + 1] or ""
-- 创建动画对象
local ani = GUI:Animation_Create()
local pSize = {width = 0, height = 0}
-- 添加动画帧
for i = data.beginNum, data.beginNum + data.count - 1 do
local path = string.format("res/private/mhp_ui_win32/%s%s.png", prefix, i)
if SL:IsFileExist(path) then
local sp = GUI:Sprite_Create(-1, "sp", 0, 0, path)
pSize = GUI:getContentSize(sp)
GUI:Animation_addSpriteFrame(ani, GUI:Sprite_getSpriteFrame(sp))
end
end
-- 设置动画属性
GUI:Animation_setDelayPerUnit(ani, timeval)
GUI:Animation_setLoops(ani, 1)
GUI:Animation_setRestoreOriginalFrame(ani, true)
local contentSize = {width = pSize.width * scale, height = pSize.height * scale}
local tag = tagList[data.type + 1]
local widget = MainProperty._ui[string.format("Panel_%ssfx", prefix)]
-- 创建精灵并运行动画
if tag and widget then
MainProperty._pSize[tag] = contentSize
GUI:setContentSize(widget, contentSize.width, contentSize.height)
if not GUI:getChildByName(widget, tag) then
local sprite = GUI:Sprite_Create(widget, tag, 0, 0)
-- 这里可以继续添加动画运行逻辑
end
end
end
```
## 3. 参数说明
- `data.type`：0=HP血球特效，1=MP血球特效，2=FHP魔球特效
- `data.count`：动画帧数量
- `data.interval`：帧间隔时间（毫秒）
- `data.scale`：缩放比例（百分比，0表示100%）
- `data.beginNum`：起始帧编号
## 4. 资源路径
动画资源位于：`res/private/mhp_ui_win32/`目录下
- HP特效：`hp_0.png`, `hp_1.png`等
- MP特效：`mp_0.png`, `mp_1.png`等
- FHP魔球特效：`fhp_0.png`, `fhp_1.png`等
## 5. 触发动画
要播放魔血球动画，需要发送事件：
```lua
local data = {
type = 2, -- 魔球特效
count = 10, -- 10帧动画
interval = 100, -- 每帧100毫秒
scale = 100, -- 100%大小
beginNum = 0 -- 从第0帧开始
}
SL:SendLUAEvent(LUA_EVENT_PLAY_MAGICBALL_EFFECT, data)
```
这样就完成了魔血球动画的展示功能。注意确保动画资源文件存在，并且面板控件`Panel_fhpsfx`已正确创建。
← 返回问答库