720产品展示制作工具 使用说明

720产品展示制作工具 · 使用说明

版本 1.0.0 ｜ 适用系统 Windows 10 / 11（64 位）

目录

• 一、软件简介
• 二、安装与启动
• 三、界面总览
• 四、快速上手（五步）
• 五、文件菜单
• 六、场景编辑
• 6.1 添加对象
• 6.2 场景面板
• 七、热点（交互标注）
• 八、部件动画
• 8.1 步骤与属性
• 8.2 播放按钮外观
• 九、发布输出
• 十、授权与注册
• 十一、新版本提醒
• 十二、帮助与关于
• 十三、常用操作与快捷键
• 十四、常见问题
• 十五、数据与文件位置

一、软件简介

720产品展示制作工具用于制作网页版 3D 产品展示：导入模型、设置视角与灯光、添加交互热点与部件动画，一键发布为可直接分享的网页。发布结果是一个压缩包，解压后放到任意静态网站空间即可通过链接访问，无需安装插件。

二、安装与启动

• 软件完全离线可用，模型解析、压缩纹理、发布等依赖均已内置，首次启动无需联网。
• 首次运行 Windows 可能出现「未知发布者」提示（未做代码签名），选择「更多信息 → 仍要运行」即可。
• 软件配置与授权信息保存在 %APPDATA%\show720，卸载软件不会删除你的项目文件。

三、界面总览

整个界面分为五个区域：

视图区右上角还有两个下拉框：CAMERA（当前相机）与 SOLID（显示模式，可切换线框、法线等）；左上角坐标轴用于拖动视角方向。

四、快速上手（五步）

1. 导入模型：菜单【文件 → 导入】，选择 .glb / .gltf 模型文件（也支持把贴图、.bin 一起选中导入）。
2. 调好视角：在视图区旋转缩放到满意的角度，再到【发布】面板点【设为初始视角】。
3. 加热点：切到【热点】标签 →【添加热点】→ 点击模型表面放置，填写标题与图文内容。
4. 加动画：切到【动画】标签 →【添加动画】，选择要移动/旋转/隐藏的部件并设置时间。
5. 发布：【发布】标签填写标题与分享信息 → 点【发布】，得到网页压缩包。

五、文件菜单

提示：.glb 中的模型自带动画时，进入软件后底部播放条会自动出现，可直接预览。

其他菜单速查：

六、场景编辑

6.1 添加对象

• 组：空组，用于把多个零件组织在一起（推荐把整机零件放进一个组，便于整体移动）。
• 网格：立方体、球体、圆柱、平面等基础几何体。
• 光源：环境光、平行光、点光源、聚光灯等。
• 摄像机：新增相机；新增后可在视图区右上角的 CAMERA 下拉里切换当前相机，选中相机对象可在属性面板调整视野等参数。

6.2 场景面板

• 层级树：显示场景中所有对象，点击选中；+ / − 展开或收起子节点。
• 背景 / 环境 / 雾：背景可选颜色或天空；环境决定金属/反光材质的反射效果；雾用于营造纵深感。
• 属性：显示选中对象的信息——类型、识别码、名称、位置、旋转、缩放、阴影（产生/接受）、可见性、双击聚焦、视锥裁剪、渲染顺序。
• 视图区左下角实时显示 物体数 / 顶点数 / 三角形数 / 渲染时间，可据此判断模型是否过重。

顶部右侧的【自动保存】默认开启，编辑过程中会把状态暂存在本地，异常退出后下次启动可恢复。

七、热点（交互标注）

操作流程：

1. 切到【热点】标签，点击【添加热点】，此时进入拾取模式。
2. 鼠标移到模型表面，出现预览标记后点击即可放置；可继续点击连续添加，按 Esc 退出。
3. 在热点卡片中设置：

「弹出」四种形式的区别与后置选项

免费版限制：每个项目最多 1 个热点。达到上限时点击【添加热点】会提示升级，注册专业版后解除限制。

八、部件动画

• 添加动画：点击【+ 添加动画】创建一组动画。每组动画由若干「步骤」组成，每个步骤可对对象（位置 / 旋转 / 缩放 / 可见性等）或材质（颜色、透明度、金属度、粗糙度等）做关键帧补间。点击标题前的 ▶ 展开/收起详情。
• 命名建议：部件名不建议带空格，例如 Body / Door_Front / Wheel_FL（英文 + 下划线最稳妥）。
• 播放类型：每组动画可选 开关往返（点一次播放、再点一次复位）、单次播放、循环播放。
• 自动播放 / 延时 / 间隔：勾选自动播放后，网页加载即开始；可设置开始延时与循环间隔（秒）。
• 动态起点：勾选后忽略步骤里的「从」值，每次触发都从对象当前状态补间到「到」值，适合点不同热点切换不同颜色的场景。
• 触发器
• 触发热点：只读显示，需要在【热点】面板的「动画」下拉里选择本动画（统一在一处配置，避免两处不一致）。
• 触发对象：选择场景里的某个对象名，网页中点击该对象即播放本动画。
• 试播：每组动画右上角【▶ 试播】，在软件内直接预览效果。
• 音效：可为动画设置开始音效与结束音效（选择本机 MP3），开关往返视为两次执行：正向开始播开始音效，反向复位播结束音效。
• 免费版限制：每个项目最多 1 组动画，面板顶部会显示限额提示，注册专业版后不限。

8.1 步骤与属性

8.2 播放按钮外观

发布后在网页上显示触发按钮：

编辑时可直接拖动视图区下方的播放条预览模型自带动画；本软件的部件动画用【▶ 试播】预览。

九、发布输出

点击【发布】后先弹出保存对话框（默认文件名取「标题.zip」），确认后开始打包，完成时提示文件名与体积：

index.html          页面入口
app.json            工程数据（模型、热点、动画、视角）
js/                 播放器脚本（app.js、three.js、GSAP 等）
assets/             模型、贴图、环境图、音效、分享图

把整个文件夹上传到任意静态空间（或网站子目录），访问 index.html 即可。

免费版：发布生成的网页右上角会带水印，注册专业版后无水印。

十、授权与注册

注册步骤

1. 点击右上角【注册】（或【帮助 → 升级到专业版…】）打开对话框。
2. 复制【机器码】（形如 DDFE131912A9-B，每台电脑唯一）发给作者。
3. 收到注册码（形如 6VAO2-MW4UX-ZUN4E-KRRSO-34FK7-D7777-77：32 位有效字符 + 6 个连字符，共 38 个字符）后粘贴到输入框，点【确定】。
4. 状态变为「专业版」后立即生效，无需重启。

其他说明：

• 对话框左下角【获取注册码】可直接打开产品页。
• 取消注册在【帮助 → 取消注册…】中，二次确认后恢复免费版（仅专业版可见）。
• 注册信息保存在本机，换机需重新注册；到期后状态会提示续期并支持重新注册。

十一、新版本提醒

软件启动约 1.5 秒后会在后台检查新版本（断网时静默跳过，不影响使用）。发现新版本时顶部出现黄色提示条：

• 文案：发现新版本 V新版本号（当前 V当前版本）：更新说明
• 【前往下载】：用系统浏览器打开下载页
• 【×】：关闭本次提示，本次运行不再出现

若长期不提示，说明当前已是最新版本。

十二、帮助与关于

• 帮助文档（F1）：打开在线帮助 https://www.010720.cn/help/show720。
• 关于…：查看 Logo、产品名、版本号（读取自安装包，与 EXE 属性一致）、官网 www.010720.cn、three.js MIT 许可与版权信息。
• 升级到专业版… / 重新注册 / 续期…：打开注册对话框（与右上角【注册】按钮同一入口）。
• 取消注册…：仅专业版可见，二次确认后恢复免费版。

十三、常用操作与快捷键

提示：在输入框、文本域或富文本编辑器里打字时，上述快捷键不会生效，以免误删对象。

十四、常见问题

1. 导入后模型看不见？
模型可能过大或过小。在层级树选中模型，双击对象（或按 F）让相机聚焦，再检查属性里的缩放值。

2. 导入 FBX / OBJ / STL 提示不支持？
软件统一以 glTF / GLB 作为工程模型格式（保证部件命名与 PBR 材质动画可靠）。请先用 Blender 等工具转成 glTF 后再导入。

3. 发布后网页打不开？
需要用静态服务器访问（如阿里云 OSS、Nginx、宝塔等），直接双击 index.html（file:// 方式）浏览器会拦截模块加载。

4. 发布很慢或体积很大？
在【发布】面板勾选【压缩纹理】；模型本身面数过多时，先在建模软件里减面。

5. 粘贴注册码后不完整？
直接整段粘贴即可，软件会自动去掉空格并转成大写。若仍失败，确认复制的是完整 38 个字符（32 位有效字符 + 6 个连字符）。

6. 换电脑后变成免费版？
授权绑定机器码。在新电脑上重新复制机器码申请注册码即可。

7. 忘记保存，软件意外关闭？
【自动保存】开启时本地有暂存，重新打开软件通常会恢复最近状态；重要项目仍建议手动【保存】。

十五、数据与文件位置