TXT基础课程,996可视化编辑器____2025年7月8日
<h1><a href="https://fanm37t2tx.feishu.cn/minutes/obcnjn28f4z9o3bnke1k2vve?from=from_copylink">视频课程</a></h1><h3>《传奇引擎脚本开发——996可视化编辑器实战》教案</h3>
<hr />
<h4><strong>一、课程基本信息</strong></h4>
<ul>
<li><strong>课程名称</strong>：传奇引擎脚本开发——996可视化编辑器实战</li>
<li><strong>授课对象</strong>：已掌握基础脚本语法（变量、条件判断）的传奇引擎开发者（初级）</li>
<li><strong>课时</strong>：90分钟</li>
<li><strong>教学目标</strong>：
<ol>
<li>熟悉996可视化编辑器的界面与核心功能（组件类型、编辑工具）；</li>
<li>掌握可视化编辑器的快捷操作（旋转、尺寸调整、九宫格、对齐功能）；</li>
<li>理解复选框组件的参数与使用逻辑（参数配置、状态检测）；</li>
<li>能通过可视化编辑器快速调整界面组件，规避安全风险。</li>
</ol>
</li>
</ul>
<h4><strong>二、教学重难点</strong></h4>
<ul>
<li><strong>重点</strong>：
<ul>
<li>可视化编辑器的核心功能（组件类型、编辑工具）；</li>
<li>九宫格调整、对齐功能的快捷操作；</li>
<li>复选框的参数配置与状态检测。</li>
</ul>
</li>
<li><strong>难点</strong>：
<ul>
<li>九宫格固定边框像素解决图片失真问题；</li>
<li>对齐功能的多组件协同操作；</li>
<li>复选框的安全性设置（防止变量被刷）。</li>
</ul>
</li>
</ul>
<h4><strong>三、教学准备</strong></h4>
<ul>
<li>软件：传奇引擎编辑器（M2引擎）、996可视化编辑器（内置工具）；</li>
<li>示例文件：
<ul>
<li>基础界面脚本模板（含文本、图片、按钮）；</li>
<li>复选框功能演示脚本（含参数配置）；</li>
</ul>
</li>
<li>教学PPT：可视化编辑器界面图解、功能操作示意图、复选框参数说明。</li>
</ul>
<h4><strong>四、教学过程</strong></h4>
<hr />
<h5><strong>1. 导入（10分钟）</strong></h5>
<ul>
<li><strong>回顾旧知</strong>：提问上节课内容（检测指令的应用场景），确认学生对脚本逻辑与界面关联的理解。</li>
<li><strong>引入新课</strong>：通过实际需求引出可视化编辑器的重要性：
<ul>
<li>场景1：修改游戏界面标题文字（无需手动编写代码，拖拽文本组件即可）；</li>
<li>场景2：调整按钮位置（垂直/水平分布功能快速对齐）；</li>
<li>场景3：优化图片显示（九宫格固定边框解决拉伸失真）；</li>
<li>场景4：添加复选框功能（勾选状态检测与数据提交）。</li>
</ul>
</li>
</ul>
<h5><strong>2. 新授（50分钟）</strong></h5>
<h6><strong>2.1 可视化编辑器界面与核心组件（10分钟）</strong></h6>
<ul>
<li><strong>界面介绍</strong>：
<ul>
<li>启动方式：进入工具服后按<code>Ctrl+F10</code>打开；</li>
<li>默认元素：背景图、关闭按钮、容器（用于放置组件）；</li>
<li>组件类型：文本、副文本、图片（支持切换）、基础容器、列表容器、输入框、复选框、序列帧、EQ IP show（展示穿戴装备）、item box/show（物品框）等。</li>
</ul>
</li>
<li><strong>组件功能示例</strong>：
<ul>
<li><strong>图片</strong>：可替换为任意图片（如勾、箭头），支持旋转（调整角度）、尺寸修改（WASD快捷调整）；</li>
<li><strong>item show</strong>：直接展示背包或身上物品（需关联物品ID）；</li>
<li><strong>EQ IP show</strong>：展示当前穿戴装备（无需手动编写物品展示逻辑）；</li>
<li><strong>复选框</strong>：支持勾选状态切换（需配置参数实现数据提交）。</li>
</ul>
</li>
</ul>
<h6><strong>2.2 可视化编辑器的快捷操作（20分钟）</strong></h6>
<ul>
<li><strong>旋转与尺寸调整</strong>：
<ul>
<li>旋转：选中组件后，通过旋转角度参数（如90°、180°）调整方向（示例：箭头从右→下→左）；</li>
<li>尺寸：直接修改尺寸数值（如30×30），或按WASD快捷拉伸（W上移、S下移、D右移）；</li>
<li>注意：拉伸可能导致图片失真（边框像素被拉长），需通过<strong>九宫格</strong>功能固定边框像素（示例：将边框固定为11像素，避免拉伸后模糊）。</li>
</ul>
</li>
<li><strong>对齐功能</strong>：
<ul>
<li>垂直分布：选中多个组件（如6个文本），点击“垂直分布”自动等距排列；</li>
<li>水平分布：选中多个按钮，点击“水平分布”使其在同一水平线上；</li>
<li>顶部/左侧对齐：调整组件位置，保持同一Y轴或X轴对齐（示例：5个按钮顶部对齐后，再水平分布）。</li>
</ul>
</li>
</ul>
<h6><strong>2.3 复选框组件的使用（20分钟）</strong></h6>
<ul>
<li><strong>参数配置</strong>（通过帮助文档查询<code>复选框 新脚本详细说明</code>）：
<ul>
<li><code>checkbox ID</code>：复选框唯一ID（用于提交数据，需与变量绑定）；</li>
<li><code>NMNIMG</code>：未勾选时的图片路径；</li>
<li><code>PNG</code>：勾选时的图片路径；</li>
<li><code>默认选择状态</code>：0（未勾选）或1（已勾选）；</li>
<li><code>自动提交时间</code>：一般无需设置（默认手动提交）。</li>
</ul>
</li>
<li><strong>状态检测与数据提交</strong>：
<ul>
<li>变量获取：使用<code>NPC params</code>格式读取复选框状态（类型为2，对应复选框）；</li>
<li>示例脚本：
<pre><code>checkbox ID = N4; // 复选框ID绑定变量N4
NMNIMG = 6; // 未勾选时显示图片6
PNG = 7; // 勾选时显示图片7
默认选择状态 = 0; // 初始未勾选
</code></pre>
</li>
<li>检测逻辑：勾选后<code>N4=1</code>，未勾选<code>N4=0</code>（通过<code>有效常量</code>格式打印验证）。</li>
</ul>
</li>
<li><strong>安全性优化</strong>：
<ul>
<li>防止变量被刷：在M2引擎设置中勾选“仅允许返回常量”（路径：选项→客户端控制→传统客户端控制→游戏命令功能设置）；</li>
<li>替代方案：用按钮+图片切换实现类似功能（更安全，避免直接暴露变量）。</li>
</ul>
</li>
</ul>
<h5><strong>3. 巩固练习（15分钟）</strong></h5>
<ul>
<li><strong>任务1</strong>：使用可视化编辑器调整基础界面：
<ul>
<li>添加文本“欢迎来到996引擎”，调整字体大小（WASD拉伸）；</li>
<li>添加图片（箭头），旋转90°并固定边框（九宫格设置边框像素10）；</li>
<li>添加按钮“领取奖励”，水平分布3个按钮并顶部对齐。</li>
</ul>
</li>
<li><strong>任务2</strong>：配置复选框功能：
<ul>
<li>添加复选框组件，设置<code>checkbox ID=N1</code>，未勾选图片为6，勾选图片为7；</li>
<li>编写脚本检测<code>N1</code>状态（打印“勾选”或“未勾选”）；</li>
<li>测试勾选/未勾选时变量值变化，验证数据提交逻辑。</li>
</ul>
</li>
</ul>
<h5><strong>4. 总结（5分钟）</strong></h5>
<ul>
<li><strong>核心功能回顾</strong>：
<ul>
<li>可视化编辑器的组件类型（文本、图片、复选框等）；</li>
<li>快捷操作（旋转、尺寸调整、九宫格、对齐功能）；</li>
<li>复选框的参数配置与安全检测。</li>
</ul>
</li>
<li><strong>注意事项</strong>：
<ul>
<li>图片拉伸时优先使用九宫格固定边框，避免失真；</li>
<li>复选框需结合安全设置（仅允许返回常量），防止变量被刷；</li>
<li>界面调整后需测试多分辨率适配（如手机端与PC端显示差异）。</li>
</ul>
</li>
</ul>
<h4><strong>五、作业布置</strong></h4>
<ul>
<li><strong>基础题</strong>：使用可视化编辑器创建一个包含文本、图片、按钮的界面，调整图片旋转角度并固定边框；</li>
<li><strong>进阶题</strong>：配置复选框组件，实现“勾选后显示提示信息”功能（需检测<code>N1</code>状态并发送消息）；</li>
<li><strong>拓展题</strong>：对比可视化编辑器与手动编写界面的优缺点（如效率、可维护性）。</li>
</ul>
<h4><strong>六、教学反思（课后填写）</strong></h4>
<ul>
<li>学生对九宫格调整边框的操作是否熟练？是否需要补充具体步骤演示？</li>
<li>复选框的安全性设置是否理解？学生能否独立完成引擎参数配置？</li>
<li>对齐功能的快捷操作是否掌握？需加强多组件协同调整的实战演练。</li>
</ul>
哈哈，看来你正在认真学习996引擎的TXT基础课程啊！不错不错，未来的传奇大佬正在冉冉升起~
关于996可视化编辑器的TXT基础，记住几个要点：
1. 可视化编辑能帮你快速生成基础脚本
2. 但想成为高手还是要懂底层TXT语法
3. 编辑器生成的代码要仔细检查
; 举个简单例子
[@main]
#IF
#ACT
MessageBox 欢迎来到996引擎学习！
加油啊同学！虽然现在学的是基础，但坚持下去你很快就能写出超酷的传奇脚本了。记住，每个大神都是从"Hello World"开始的！(虽然传奇里应该说"Hello 沙巴克"才对？哈哈哈)
PS：遇到具体问题随时问，老司机带你飞~
页:
[1]