GLB/GLTF 在线预览与结构体检工具
目标:把 3D 模型的“能不能用、哪里可能出问题”在浏览器里一次性看清,并生成可分享的 HTML 体检报告。
中文 Prompt:
你是资深前端与图形工程师。请用中文从零生成一个“GLB/GLTF 在线预览与结构体检”网页工具的完整实现,要求可运行、可构建、可部署。
【必须交付】
1) 完整项目文件树 + 每个文件的完整源码(不要省略)。
2) 本地运行命令(开发/构建)、以及最少的部署说明(例如静态托管)。
3) 至少 10 条测试用例或 QA checklist(覆盖异常文件、边界、性能、兼容性)。
4) 工具必须支持“一键输出 HTML”:提供一个按钮或命令,一键生成可直接打开的单文件 HTML(例如 tool.html 或 report.html),用于离线预览与交付;单文件 HTML 内必须包含全部必要代码(可使用 CDN 引入依赖),打开即可用。
【技术栈约束】
- 以“单文件可直接打开”为优先:默认使用原生 HTML/CSS/JS + CDN 依赖(例如 three.js 的 CDN)。
- 同时提供一个可选的工程化版本(例如 Vite + Type ),但必须保证也能一键导出单文件 HTML。
【功能需求】
- 上传 GLB/GLTF(拖拽/选择文件)。
- 3D 预览:轨道控制、重置视角、线框/面显示切换、背景色切换。
- 自动检查并在页面中输出:
- 基本信息:文件名、大小、加载耗时。
- 几何统计:mesh 数、顶点/三角面数量、材质数量、贴图引用列表。
- 尺寸与单位:包围盒尺寸(X/Y/Z)、中心点、最大边长。
- 结构风险提示:
- 三角面过多阈值提示(可配置);
- 是否存在空几何/空材质;
- 是否存在未引用的贴图;
- 是否存在未命名对象;
- 是否存在极端缩放/非均匀缩放。
- 体检报告导出:点击“导出 HTML 报告”,生成一个 report.html(单文件),内容包含以上统计与提示(纯文本/表格即可),并自动下载。
【UI/交互】
- 页面分区:左侧预览,右侧检查结果与导出区。
- 所有文案用中文。
- 出错时提示清晰(例如解析失败、格式不支持)。
中文释义: 让 AI 交付一个可直接用的 GLB/GLTF 在线体检工具:既能预览,也能输出结构与性能风险检查,并一键导出可分享的 HTML 报告。
STL/OBJ 在线预览与法线/尺寸检查工具
面向 3D 打印与工程对接:快速确认模型尺寸、朝向、法线、面数是否合理,并导出 HTML 检查单。
中文 Prompt:
请用中文生成一个“STL/OBJ 在线预览与检查”工具的完整代码与文件树。
【输入】支持 STL(二进制/ASCII)与 OBJ(含 MTL 可选)。
【预览】three.js 预览、灯光开关、剖切平面(可选)、线框显示。
【检查】
- 计算模型包围盒尺寸、体积估算(可选)、三角面数量。
- 识别并提示:反转法线比例、非流形边(若能检测)、孤立面、重复顶点(若能检测)。
- 提供单位换算与缩放(mm/cm/m),并可一键重置。
【一键输出 HTML】
- 必须提供“导出单文件 HTML 报告”的按钮:生成 report.html(包含统计、参数、风险提示、操作记录)。
- 必须提供“导出单文件 HTML 工具”的命令或按钮:生成 tool.html(打开即可继续预览与检查)。
【交付物】
- 完整源码、运行/构建/部署说明。
- 至少 8 条 QA checklist。
中文释义: 让 AI 生成面向 STL/OBJ 的在线检查与预览工具,重点覆盖 3D 打印常见问题,并能把结果导出为可交付的单文件 HTML。
多模型对比预览与差异摘要导出工具
用来做供应商来回改稿的验收:同一页面对比两份模型的面数/尺寸/材质等差异,并导出对比 HTML 摘要。
中文 Prompt:
请用中文实现一个“3D 模型对比预览”在线工具,支持 GLB/GLTF/STL/OBJ。
【核心】
- A/B 两个上传区:分别加载两份模型。
- 同屏双视窗预览(左右对比),支持同步旋转/缩放(可开关)。
- 自动计算并展示:三角面、mesh、材质数、贴图列表、包围盒尺寸。
- 生成“差异摘要”:用中文列出 A 与 B 的关键差异(例如面数变化百分比、尺寸变化、材质/贴图新增减少)。
【一键输出 HTML】
- 提供“导出对比报告 HTML”:生成 compare-report.html(单文件),包含两份统计与差异摘要。
- 需要保证离线打开也能查看报告内容。
【交付】
- 完整文件树与源码、运行/构建命令、部署说明。
- 至少 10 条 QA checklist(含大文件、解析失败、浏览器兼容、同步旋转开关等)。
中文释义: 用 Prompt 让 AI 做一个 A/B 模型对比验收工具,重点是差异摘要与 HTML 报告导出,方便作为交付附件。
GLTF 材质与贴图引用审计工具(不做出图)
用于资产规范化:检查贴图缺失、重复引用、命名不规范、材质参数异常,并导出审计 HTML。
中文 Prompt:
请用中文生成一个“GLTF 材质与贴图引用审计”网页工具。
【说明】本工具不需要生成任何图片/渲染图;只做预览与数据审计。
【功能】
- 上传 GLB/GLTF。
- 列出全部材质与其参数( Color、 lness、roughness、normal、occlusion、emissive 等),以及贴图引用关系。
- 检查并提示:
- 贴图缺失或加载失败;
- 同一贴图被多个材质引用(可配置是否提示);
- 贴图尺寸异常(若能读取);
- 材质/贴图命名不符合规则(给出可配置正则)。
- 可导出审计结果为 audit-report.html(单文件)。
【一键输出 HTML】
- audit-report.html 必须是单文件可直接打开。
- 同时提供导出 tool.html(单文件工具)。
【交付】
- 完整源码与文件树,运行/构建/部署说明。
- 至少 8 条 QA checklist。
中文释义: 生成一个只做“数据审计 + 报告导出”的材质贴图检查工具,避免任何图像生成导向,符合资产交付与规范化流程。
动画片段与骨骼信息检查工具(GLB/GLTF)
用于角色/器械动画联调:检查动画片段数量、时长、骨骼层级与命名,并导出 HTML 检查报告。
中文 Prompt:
请用中文实现一个“GLB/GLTF 动画与骨骼检查”在线工具。
【功能】
- 上传 GLB/GLTF。
- 预览:基础播放/暂停、选择动画片段、播放速度。
- 检查并展示:
- 动画片段列表(名称、时长、帧率估算);
- 骨骼层级树(可折叠),骨骼数量;
- 关键命名规则检查(可配置:例如必须包含前缀/禁止空名)。
- 生成中文提示:是否存在空动画、极短动画、骨骼数量异常等。
【一键输出 HTML】
- 导出 animation-report.html(单文件),包含动画统计、骨骼树文本摘要、风险提示。
- 另提供导出 tool.html(单文件工具)。
【交付】
- 完整文件树、源码、运行/构建/部署说明。
- 至少 10 条 QA checklist。
中文释义: 用 Prompt 让 AI 产出动画检查工具,重点是可读的骨骼/动画统计与一键导出 HTML 报告,便于跨团队验收。
模型尺寸标注与单位换算在线工具
把“尺寸对不对”变成可交付的验收项:支持标注关键尺寸、记录换算与缩放,并导出 HTML 标注清单。
中文 Prompt:
请用中文生成一个“3D 模型尺寸标注与单位换算”在线工具,支持 GLB/GLTF/STL/OBJ。
【功能】
- 载入模型后自动计算包围盒尺寸(X/Y/Z)并展示。
- 支持用户添加 3 个以内的“标注点对”(A 点与 B 点),计算两点距离并记录为一条标注。
- 支持单位切换(mm/cm/m)与缩放,并记录每次缩放倍率。
- 支持导出 dimension-report.html(单文件),包含:文件信息、包围盒、标注列表、单位/缩放记录、风险提示(例如尺寸超出阈值)。
【一键输出 HTML】
- 必须提供导出工具单文件 tool.html。
- 报告与工具都必须是单文件可直接打开。
【交付】
- 完整源码与文件树、运行/构建命令、部署说明。
- 至少 8 条 QA checklist。
中文释义: 让 AI 产出一个“可标注、可换算、可导出报告”的尺寸验收工具,报告用单文件 HTML 方便作为交付附件。
大模型性能风险预检与阈值提示工具
面向 Web 端性能把关:基于面数、材质数、贴图数量与大小做预检,给出可执行优化建议,并导出 HTML 预检单。
中文 Prompt:
请用中文实现一个“3D 模型性能风险预检”在线工具,支持 GLB/GLTF(可扩展 STL/OBJ)。
【检查指标】
- 三角面数量阈值(可配置:轻/中/重三档)。
- mesh 数、材质数、贴图数量。
- 若能读取贴图大小则统计总贴图大小,并提示风险。
- 输出中文优化建议(例如减少材质、合批、压缩、贴图尺寸调整、LOD 建议等),但不要引导生成任何图片。
【一键输出 HTML】
- 一键导出 precheck-report.html(单文件)包含指标与建议。
- 同时提供 tool.html 单文件工具导出。
【交付】
- 完整源码、文件树、运行/构建/部署说明。
- 至少 10 条 QA checklist。
中文释义: 让 AI 做一个“上线前预检”工具,把性能风险变成可量化的阈值提示,并能导出单文件 HTML 预检报告。
3D 资产交付验收清单生成器(结合预览)
把验收流程标准化:自动生成一份可勾选的 QA 清单,并把模型关键统计填入,导出 HTML 交付验收单。
中文 Prompt:
请用中文生成一个“3D 资产交付验收清单生成器”网页工具。
【功能】
- 上传模型(GLB/GLTF/STL/OBJ),提供基础预览。
- 自动提取:面数、mesh、材质数、贴图列表、包围盒尺寸、加载耗时。
- 生成一份可勾选的验收清单(至少 20 项),分组包含:结构命名、尺寸单位、材质贴图、动画(若有)、性能风险、兼容性。
- 用户可在页面勾选/备注,然后导出 acceptance.html(单文件),包含:统计信息 + 勾选结果 + 备注。
【一键输出 HTML】
- 导出 acceptance.html 与 tool.html 都必须为单文件可直接打开。
【交付】
- 完整文件树与源码。
- 运行/构建/部署说明。
- 至少 10 条 QA checklist。
中文释义: 让 AI 交付一个“预览 + 验收清单 + 一键导出 HTML”工具,把 3D 资产交付验收变成可复用、可追溯的单文件附件。