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

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

2026-09-23 17:04 作者: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 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

入门夯实996引擎

【入门夯实】多重返回值:select计数与函数返回值语义

学员常见误区 Lua函数可返回多个值,学员用固定变量数接收时如果变量少于返回值,多余返回值被静默丢弃;如果变量多于返回值,多…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】行会建筑:功能解锁的梯度设计

设计初衷 行会建筑的死穴是一次全解锁:会员没有逐步建设的过程感。梯度设计让每栋建筑都有前置条件和资源门槛。 数值模型 建筑分…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】婚姻边界:属性加成的平衡线设计

设计初衷 婚姻系统的属性加成是社交玩法的经济锚点:加成太弱没人结婚,太强则"为了属性被迫结婚"扭曲了社交本质。婚姻边界的设计…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】宝箱公示:开启期望值的公示设计

设计初衷 宝箱类玩法的信任危机都源于同一句话:"概率是不是骗人的。"期望公示把概率从事后争议变成事前契约:奖池概率表全量公示…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】流拍处理:拍卖流拍物的定向处理设计

设计初衷 流拍物(拍卖未成交的退回物品)堆积在卖家背包里成为死资产:低价值物流拍后无人问津,高价值物流拍后卖家不愿降价重拍。…

2026-09-24 18:19 996 技术组
进阶实战996引擎

【进阶实战】战功预览:名次定位与奖励映射展示

业务场景 沙巴克战功榜每周结算,玩家提交战功前不知道"再打多少能进前 10、前 10 的奖励是什么"。名次预览:输入自己的战…

2026-09-24 18:19 996 技术组