为了帮助外贸企业更好地向全球客户展示复杂产品（如机械设备、精密零配件、消费电子等），SX-Creval 全新推出了基于工业级 WebGL 技术的 3D 模型展示功能。无需安装任何插件，您的海外客户即可在网页PC端 / 移动端完美自适应）360° 拖拽查看产品细节，甚至体验震撼的“滚动爆炸拆解”效果。
本系统提供两大核心 3D 模块：标准 3D 展示 与 3D 滚动拆解 & 点击交互。
模块一：标准 3D 展示 (Standard 3D Block)
核心价值：取代传统的静态图片，让客户自由拖拽查看产品死角。支持“指定核心零件自动旋转”，瞬间抓住客户眼球。
1. 基础排版与模型引入
- 标题与描述：支持自定义主标题、副标题（如 PRODUCT Badge）、文案颜色与对齐方式。
- 模块布局方式：
- 左 3D - 右 文案：适合强调产品外观。
- 左 文案 - 右 3D：适合先阅读卖点再体验模型。（移动端将自动智能适配为上下布局）。
- 模型外部链接 (.glb)：输入您的 3D 模型地址。（最佳实践：推荐将模型上传至免费的 Cloudflare R2 或腾讯云 COS 等对象存储，以获得极速的全球加载体验，同时不影响网站本身的SEO性能 ）。
- GLB模型上传：仅针对独立部署服务器的客户开放。
2. 三维效果与质感设置 (效果设置)
在“效果设置”面板中，您可以调节多种渲染效果：
- 3D 外框展示高度：提供从“小号 (400px)”到“全屏高度”4种尺寸。
- 模型本身缩放倍数：默认 1.0，如模型偏小可适当调大。（ 这两项设置都可以从视觉上改变模型的大小 ）
- 光照质感 (内置环境)：
- 明亮 (Commerce)：适合大多数工业品与消费品。
- 电影高对比 (ACES)：适合金属、暗色系高级产品。
- 均匀柔和 (Neutral)：适合医疗器械、白色家电等。
- 底部阴影：支持调节“阴影深浅”与“边缘虚化度”，让产品稳稳“落地”，不突兀。
3. 进阶功能：指定零件持续旋转
如果您的产品有核心运动部件（如风扇叶片、电机转轴、齿轮等），您可以让它在页面上自动持续运转！操作也非常简单！
- 要旋转的零件名称：输入在 3D 软件中命名的零件名。（不知如何获取？请见文末 Q&A）。
- 零件旋转轴向：选择 X、Y 或 Z 轴。
- 零件转度：调节旋转快慢，输入负数即可反方向旋转（默认 0.05）。
(注：系统默认开启“鼠标拖拽”和“缓慢自转”，为防止影响网页滚动，系统已贴心为您禁用了鼠标滚轮缩放模型的功能。)
模块二：3D 滚动拆解 & 点击交互 (Explode 3D Block)
核心价值：苹果官网级别的丝滑交互体验！当客户向下滚动网页时，产品会自动爆炸散开，展示内部精密结构；鼠标悬停零件会发光，点击弹出详细卖点说明。极大地提升专业度与客户停留时长！
1. 全局爆炸散开设置 (极简配置)
您的模型无需在 3D 软件里做任何动画，SX-Creval 引擎会自动通过算法将其拆解：
- 全局爆炸散开方向：
- 径向 (四周散开)：最震撼！零件向四面八方飞出。（内置防堆叠纠正算法，即便零件是垂直排列的也能散开）。
- Y轴 (上下分离)：适合柱状、层叠结构的产品（如滤水器、多层电路板）。
- X轴 / Z轴：适合左右或前后拼合的产品（如手机壳、精密模具）。
- 全局散开距离倍数：控制爆炸的力度（默认 1.0）。数值越大，散开得越开阔，您可以根据自身的模型特点来设置数字预览以达到最佳效果。
2. 视差滚动触发
- 工作原理：当该模块滚动到屏幕中央时，画面会自动锁定，随着客户继续向下滚动鼠标，产品零件平滑散开；向上滚动则自动无缝拼合。
3. 核心功能：指定互动零件与悬停面板
您可以挑选关键的内部零件，为其添加详细的卖点说明：
- 在后台添加 “指定零件” 列表。（不知如何获取？请见文末 Q&A）
- 3D 零件名称：填入需交互的零件名。
- 面板展示标题 & 内容详细：输入该零件的优势、材质或工艺说明（支持富文本）。
客户前台体验：
- 当产品散开后，客户鼠标移至该零件，零件会自动发光高亮（科技蓝）。
- 点击该零件，右侧会以极其丝滑的动画弹出磨砂玻璃质感的说明面板，阅读完毕后可随时点击右上角关闭。
上手准备与常见问题 (Q&A)
Q1：系统支持什么格式的 3D 模型？
A：SX-Creval 全面拥抱最新的 Web 3D 标准，仅支持 .glb 格式。该格式体积小、加载快，且包含完整的材质与纹理。您可以让您的设计师/工程师从 SolidWorks, Blender, C4D 等软件中导出 .glb 格式。
Q2：如何知道我的“3D零件名称”填什么？
A：我们为您准备了官方配套的 3D 查看工具！
- 请访问尚贤科技官方提供的 3D 查看器：https://www.sxglpx.com 打开网站后进入免费专区就能看到『3D模型查看器』。
- 将您的 .glb 模型拖入其中，点击您想要旋转或交互的零件，即可看到该零件的确切名称（如 Gear_01 或 Material_Metal，甚至是您在3D软件中起的中文名比如"扇叶"）。
- 将此名称复制到后台对应的“零件名称”框中即可。（注：系统支持模糊匹配且不区分大小写，填入部分名称亦可识别！）
- 最佳实现：建议您事先在3D软件中将零件分组起名，这样会很方便于您在系统中的设置。
Q3：模型文件太大，加载慢怎么办？
A：对于外贸独立站，网页加载速度直接影响谷歌 SEO 排名。
- 建议单个模型文件大小控制在 2MB - 10MB 之间。
- 请让设计师在导出前精简模型面数（减面），并压缩贴图分辨率（建议不超过 2K）。
- 强烈建议使用 Cloudflare CDN 加速您的模型 URL。
Q4：为什么我在前台滚动鼠标滚轮，模型没有放大缩小？
A：这是 SX-Creval 团队在大量 B2B 网站测试后做出的优化设计。如果允许滚轮缩放 3D 模型，当客户浏览网页时，鼠标很容易卡在 3D 区域导致网页无法继续向下滚动（俗称“滚轮陷阱”）。因此我们禁用了滚轮缩放，但保留了左键拖拽旋转的权限，以保证最佳的网页浏览体验。