CHUAN2 DEV ENGINE
996 正版授权研发中心 · 360 授权合作教学中心 · 抖音传奇直播合作授权 · 快手推广运营商授权
OFFICIAL LICENSED ACADEMY 查验官方授权证书 →
// 威海旷世互娱教学基地 · 技术文章
界面UI

【界面UI】新手引导遮罩:镂空高亮与步骤驱动

2026-09-23 15:13 作者:996 技术组 996引擎Lua教程传奇脚本

实战应用:用在哪里

新手引导的前三分钟决定留存:遮罩挖一个洞露出目标按钮,箭头指路加文字说明,玩家点对了才放行下一步。引导遮罩的实现要点是镂空的渲染、目标控件的动态定位与步骤的驱动引擎。

镂空遮罩的绘制

lua

---四块遮板拼出镂空窗口
function Guide.mask(hole)
    local m = Guide.node
    local pad = 12
    -- 目标控件四周留 12 像素的呼吸边
    local x, y, w, h = hole.x - pad, hole.y - pad,
        hole.w + pad * 2, hole.h + pad * 2
    Guide.panel(0, 0, m.w, y)                    -- 上
    Guide.panel(0, y + h, m.w, m.h - y - h)      -- 下
    Guide.panel(0, y, x, h)                      -- 左
    Guide.panel(x + w, y, m.w - x - w, h)        -- 右
end

镂空用四块半透明黑遮板拼出:上、下、左、右各一块,中间留出目标控件的窗口,边缘留 12 像素让高亮的轮廓有呼吸感。全屏单块遮罩加镂空着色器的方案更省控件,但着色器在低端机的兼容性不稳,四板拼装是兼容性优先的稳妥解。

步骤的驱动

lua

---引导步骤表:目标控件与完成条件
local STEPS = {
    { key = "move",  hint = "点击地面移动",   check = Guide.moved },
    { key = "attack", hint = "点击怪物攻击",  check = Guide.attacked },
    { key = "bag",   hint = "打开背包穿装备", check = Guide.bagOpened },
    { key = "skill", hint = "释放烈火剑法",   check = Guide.skillCast },
}

setontimerex(57, 0)   -- 客户端引导驱动器
function Guide.next()
    local step = STEPS[Guide.index]
    if not step then return Guide.finish() end
    local target = Guide.locate(step.key)
    Guide.mask(target)
    Guide.showHint(step.hint, target)
end

步骤表驱动整个流程:每步定义提示文案与完成条件,完成条件的回调由业务事件触发置位。引导的第二步让玩家攻击一匹稻草人、第三步穿一件布衣、第四步放一次烈火剑法——前四步覆盖移动与战斗的核心循环。步骤的跳过机制给老手留后门:连续两次点击跳过区,引导整体跳过且不再弹出,强按牛头喝水是留存的大忌。

验证与监控

每一步的转化漏斗埋点:卡在第三步的人数突增说明该步的指引模糊;引导的完成率与次日留存的关联报表验证引导的有效性。

踩坑记录

目标控件的定位曾经按固定坐标写死,分辨率一换洞就挖歪,运行时读取控件的实时包围盒。镂空的四板曾经有 1 像素的缝隙,屏幕上漏出一条亮线,板间重叠 1 像素。引导事件曾经被玩家手速抢跑,遮罩未出现时目标已点完,完成事件的幂等判定补上。

上线要点

步骤表进配置,运营按留存数据调整步骤的顺序与数量。引导的提示文案带按钮的实际位置描述,语义与空间双指引。跳过玩家的再触达:三天后未到 10 级的账号弹一次性引导回顾。

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

作者履历与出处

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

← 返回文章地图返回研学路径

幂尔框架 · 实战干货 · 接口调用

LATEST ARTICLES

全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

引擎触发烈火剑法连击战士

【引擎触发】疾风烈火斩:烈火剑法连击的判定触发设计

实战应用:用在哪里 战士的烈火剑法一击熄火后要等八秒冷却,连招断档感强烈。疾风烈火斩在烈火剑法命中后给一次连击窗口:三秒内再…

2026-09-23 15:45 996 技术组
玩法策划阵营声望声望压制

【玩法策划】阵营声望:声望等级与敌对压制设计

实战应用:用在哪里 阵营对抗打到中期容易疲软:打赢没有额外好处,输掉也没有代价。阵营声望体系给阵营战装上荣誉刻度:个人与阵营…

2026-09-23 15:45 996 技术组
玩法策划城主施政市政建设

【玩法策划】城主施政:市政令牌与城市建设玩法

实战应用:用在哪里 拿下沙巴克之后呢?城主除了名字挂在城墙上,对城市毫无影响。城主施政玩法让占领变成治理:城主每周获得市政令…

2026-09-23 15:45 996 技术组
运维发布备用线路切换演练

【运维发布】备用线路:主线路故障的自动切换演练

实战应用:用在哪里 主线路光缆被挖断的深夜,全服掉线 20 分钟,玩家以为游戏倒闭。备用线路方案给接入层配第二条出口:主线路…

2026-09-23 15:44 996 技术组
后端接口行会选举换届

【后端接口】行会选举:官员换届的投票与任期接口

实战应用:用在哪里 行会官员由帮主任命的老模式弊端明显:任人唯亲、能上不能下。行会选举接口把官员换届做成投票制:每两个月一次…

2026-09-23 15:44 996 技术组
前端接口技能悬浮卡片说明

【前端接口】技能说明悬浮:技能详情卡片的前端实现

实战应用:用在哪里 烈火剑法的伤害加成、冷却时间、下一级提升,全靠玩家记忆或去官网查。技能说明悬浮卡片在鼠标悬停技能图标零点…

2026-09-23 15:44 996 技术组