爆炸图测试
1018 字
5 分钟
爆炸图测试
🧩 交互式 3D 产品爆炸图
拖动下方滑块控制爆炸程度,鼠标拖拽旋转视角,滚轮缩放。
使用说明
- 拖动滑块:在底部滑块上左右拖动,即可控制部件从组合到爆炸的平滑过渡。
- 旋转视角:按住鼠标左键拖拽,可以任意角度观察产品。
- 缩放:滚动滚轮拉近拉远。
- 重置视角:点击“重置视角”按钮回到默认角度。
自定义模型
如需替换为自己的产品模型,可以修改 createPart 调用的几何体、颜色和位置,或者直接加载外部 .glb/.gltf 文件(需额外代码)。
运行环境要求
- 支持内联 HTML 和 ES Module 的 Markdown 编辑器(如 Typora、Obsidian 开启“允许脚本”)。
- 或者将本文件保存为
.html,直接用浏览器打开(此时 Markdown 标题会被忽略,但交互内容正常显示)。 - 需要联网加载 Three.js 库。
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
相关文章智能推荐
1
嵌入HTML测试
博客2026-07-11
2
Firefly 简单使用指南
博客指南如何使用 Firefly 博客模板。
3
花洒选购指南
选购指南2026-07-11
4
普通光猫自行更换FTTR光猫组建长距离异地单条宽带方案
宽带解决一下只开通一条宽带,但是需要两个地方用网的问题。
随机文章随机推荐













