爆炸图测试

1018 字
5 分钟
爆炸图测试

🧩 交互式 3D 产品爆炸图#

拖动下方滑块控制爆炸程度,鼠标拖拽旋转视角,滚轮缩放。


使用说明#

  • 拖动滑块:在底部滑块上左右拖动,即可控制部件从组合到爆炸的平滑过渡。
  • 旋转视角:按住鼠标左键拖拽,可以任意角度观察产品。
  • 缩放:滚动滚轮拉近拉远。
  • 重置视角:点击“重置视角”按钮回到默认角度。

自定义模型#

如需替换为自己的产品模型,可以修改 createPart 调用的几何体、颜色和位置,或者直接加载外部 .glb/.gltf 文件(需额外代码)。

运行环境要求#

  • 支持内联 HTML 和 ES Module 的 Markdown 编辑器(如 TyporaObsidian 开启“允许脚本”)。
  • 或者将本文件保存为 .html,直接用浏览器打开(此时 Markdown 标题会被忽略,但交互内容正常显示)。
  • 需要联网加载 Three.js 库。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
爆炸图测试
https://huomnh.github.io/posts/爆炸图测试/
作者
Huomnh
发布于
2026-08-01
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
Huomnh
正在兼职人类的工作.
公告
欢迎来到我的博客!在这里你可以找到很多有趣的内容。
音乐
封面

音乐

暂未播放

0:000:00
暂无歌词
分类
标签
站点统计
文章
5
分类
4
标签
16
总字数
23,343
运行时长
0
最后活动
0 天前
站点信息
构建平台
Vercel
博客版本
Firefly v6.13.6
文章许可
CC BY-NC-SA 4.0

文章目录