|
- <!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>四套桥梁脚本 · 3D 交互验收</title>
- <style>body{margin:0;background:#eef4f2;color:#163d37;font:15px/1.7 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:32px}h1{font-size:28px;margin:0}h2{font-size:21px;margin-top:32px}p{margin:8px 0 18px}.status{padding:16px 20px;border-left:5px solid #168c72;background:white;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px}.card{background:white;border:1px solid #c7dcd6;border-radius:10px;padding:16px}img{width:100%;height:auto;border-radius:6px}table{width:100%;border-collapse:collapse;background:white}td,th{padding:10px 14px;border:1px solid #c7dcd6;text-align:left}a{color:#007a67}details{margin-top:10px}summary{cursor:pointer;font-weight:600}.steps{display:flex;flex-wrap:wrap;gap:6px}.steps a{padding:2px 9px;border:1px solid #bbd7cd;border-radius:5px}code{background:#e4eeea;padding:2px 4px}small{color:#58776e}@media(max-width:700px){main{padding:16px}.grid{grid-template-columns:1fr}h1{font-size:23px}}</style>
- <main><h1>四套桥梁脚本 · 3D 交互验收</h1><p>2026-09-15 · 正式 HTML + JavaScript 工作区 · 管理员账号 / 教员预览</p>
- <div class="status"><b>通过：39 个步骤、94 个模型操作、39 次真实服务端预览校验。</b><br>另完成 005、006 点击动画回归，以及局域网小屏、自由查看、材质恢复和全屏退出检查。构建、正式路由契约及 16 项模型/脚本/讲解视频测试通过。</div>
- <h2>检查范围与结果</h2><table><thead><tr><th>需求</th><th>实现及验证</th></tr></thead><tbody><tr><th>逐步聚焦</th><td>每个步骤和子动作自动对准对应部件，移出的螺栓、泵体随动作跟随。相机取景避开教员和面板。</td></tr><tr><th>稳定距离与 HDR</th><td>四套脚本使用统一的相机观察距离（约 2.5322），按部件尺寸调整光学缩放；曝光 1、环境光 0.8、主光 1.4 在步骤间不变。Venice Sunset HDR 已随项目静态交付。</td></tr><tr><th>实体与轮廓</th><td>物理网格使用双面材质，OutlinePass 绘制轮廓辉光。聚焦内部部件时局部隐藏遮挡外壳；复位后恢复。实体透明度不因选中或高亮而变化。</td></tr><tr><th>小屏与全屏</th><td>步骤栏、右侧面板可收起，小屏默认收起；操作区支持全屏、按钮退出和 Esc 退出。1024×768、1280×720 均无页面横向溢出。</td></tr><tr><th>模型动作</th><td>旋转、拆卸、移动和连接采用模型动画；拖动时模型实时跟随。纯旋转开关的端部铰点在动作中保持固定。点击模式也完成实际动画后才提交校验。</td></tr><tr><th>标签</th><td>去掉前导圆点，动态避让部件、浮层及其他标签；无法安放的额外标签隐藏。点击只聚焦放大，不产生步骤校验或成绩写入。</td></tr><tr><th>高亮恢复</th><td>选中部件后反复开关问题高亮，全部材质透明度与保存的基线一致，不残留整车半透明状态。</td></tr><tr><th>隐藏其他</th><td>隐藏其他模型时同时隐藏其标签；点标签后会同步查看目标，避免沿用之前的整车选择。</td></tr><tr><th>操作范围</th><td>流程目标继续按步骤顺序判断；非流程整车网格可点击查看、拖动旋转视角，不增加操作错误、不调用步骤校验。</td></tr></tbody></table>
- <h2>各任务实际截图</h2><div class="grid"><article class="card"><b>TASK-VIRTUAL-005 · 液压泵应急切换</b><p>5 步 / 6 次模型操作 / 5 次预览校验</p><a href="task-86-initial.png"><img src="task-86-initial.png" alt="液压泵应急切换初始聚焦"></a><details><summary>查看各步完成截图与记录</summary><div class="steps"><a href="task-86-step-1.png">第 1 步</a><a href="task-86-step-2.png">第 2 步</a><a href="task-86-step-3.png">第 3 步</a><a href="task-86-step-4.png">第 4 步</a><a href="task-86-step-5.png">第 5 步</a></div><p><a href="task-86-fullscreen.png">全屏截图</a> · <a href="task-86-verification.json">完整 JSON</a></p></details></article><article class="card"><b>TASK-VIRTUAL-006 · 液压泵应急替代</b><p>7 步 / 11 次模型操作 / 7 次预览校验</p><a href="task-87-initial.png"><img src="task-87-initial.png" alt="液压泵应急替代初始聚焦"></a><details><summary>查看各步完成截图与记录</summary><div class="steps"><a href="task-87-step-1.png">第 1 步</a><a href="task-87-step-2.png">第 2 步</a><a href="task-87-step-3.png">第 3 步</a><a href="task-87-step-4.png">第 4 步</a><a href="task-87-step-5.png">第 5 步</a><a href="task-87-step-6.png">第 6 步</a><a href="task-87-step-7.png">第 7 步</a></div><p><a href="task-87-fullscreen.png">全屏截图</a> · <a href="task-87-verification.json">完整 JSON</a></p></details></article><article class="card"><b>TASK-VIRTUAL-007 · 前泵换件修复</b><p>11 步 / 27 次模型操作 / 11 次预览校验</p><a href="task-88-initial.png"><img src="task-88-initial.png" alt="前泵换件修复初始聚焦"></a><details><summary>查看各步完成截图与记录</summary><div class="steps"><a href="task-88-step-1.png">第 1 步</a><a href="task-88-step-2.png">第 2 步</a><a href="task-88-step-3.png">第 3 步</a><a href="task-88-step-4.png">第 4 步</a><a href="task-88-step-5.png">第 5 步</a><a href="task-88-step-6.png">第 6 步</a><a href="task-88-step-7.png">第 7 步</a><a href="task-88-step-8.png">第 8 步</a><a href="task-88-step-9.png">第 9 步</a><a href="task-88-step-10.png">第 10 步</a><a href="task-88-step-11.png">第 11 步</a></div><p><a href="task-88-fullscreen.png">全屏截图</a> · <a href="task-88-verification.json">完整 JSON</a></p></details></article><article class="card"><b>TASK-VIRTUAL-008 · 平衡阀拆拼互换</b><p>16 步 / 50 次模型操作 / 16 次预览校验</p><a href="task-89-initial.png"><img src="task-89-initial.png" alt="平衡阀拆拼互换初始聚焦"></a><details><summary>查看各步完成截图与记录</summary><div class="steps"><a href="task-89-step-1.png">第 1 步</a><a href="task-89-step-2.png">第 2 步</a><a href="task-89-step-3.png">第 3 步</a><a href="task-89-step-4.png">第 4 步</a><a href="task-89-step-5.png">第 5 步</a><a href="task-89-step-6.png">第 6 步</a><a href="task-89-step-7.png">第 7 步</a><a href="task-89-step-8.png">第 8 步</a><a href="task-89-step-9.png">第 9 步</a><a href="task-89-step-10.png">第 10 步</a><a href="task-89-step-11.png">第 11 步</a><a href="task-89-step-12.png">第 12 步</a><a href="task-89-step-13.png">第 13 步</a><a href="task-89-step-14.png">第 14 步</a><a href="task-89-step-15.png">第 15 步</a><a href="task-89-step-16.png">第 16 步</a></div><p><a href="task-89-fullscreen.png">全屏截图</a> · <a href="task-89-verification.json">完整 JSON</a></p></details></article></div>
- <h2>局域网与小屏</h2><p>入口：<code>127.0.0.1:6180</code>、<code>192.168.31.168:6180</code>，页面 API 经 6100 Gateway。分辨率：1366×768、1280×720、1024×768。以下为 1280×720 的截图。</p><div class="grid"><article class="card"><a href="../bridge-inspection-lan-20260915/free-inspection-controls.png"><img src="../bridge-inspection-lan-20260915/free-inspection-controls.png" alt="小屏自由查看"></a><p>整车选择、拖动视角、切换高亮与 Esc 退出后。</p></article><article class="card"><a href="../bridge-inspection-lan-20260915/task-86-fullscreen.png"><img src="../bridge-inspection-lan-20260915/task-86-fullscreen.png" alt="全屏聚焦"></a><p>全屏内仍可使用工具、讲解和退出按钮。</p></article></div><p><a href="../bridge-inspection-lan-20260915/controls-1024.json">1024 小屏记录</a> · <a href="../bridge-inspection-lan-20260915/click-flow-1280.json">1280 点击流程记录</a> · <a href="task-87-click-verification.json">006 点击动画记录</a></p>
- <h2>验证边界</h2><p>未新增教学任务；未写入学员成绩。仅调用现有任务的教员预览校验接口。 008 中需要观察记录的管路步骤仍要求记录并保留教员复核，未用界面操作绕过该条件。本轮验证的是三维交互与预览校验，未新增实装尺寸、受力或扭矩测量能力。截图中的补充模型沿用任务原有资源。</p>
- <p>运行方式：Edge / Playwright；检查脚本 <code>tools/bridge-inspection-live.mjs</code> 仅注入只读诊断，模型操作全部由真实鼠标点击或拖动完成。</p>
- <p>HDR 来自 <a href="https://raw.githubusercontent.com/mrdoob/three.js/r185/examples/textures/equirectangular/venice_sunset_1k.hdr">Three.js r185 示例</a>，原资源 <a href="https://polyhaven.com/a/venice_sunset">Poly Haven / Greg Zaal / Venice Sunset</a>（CC0），静态文件已纳入构建，无运行时外网请求。</p><p><a href="summary.json">汇总 JSON</a> · <a href="validation.json">命令与构建结果</a></p><small>本报告保留关键截图及通过记录；较早调试文件可能包含失败尝试，以本报告链接记录为准。</small></main></html>
|
