3d框架图制作方法（多个物体模型快速制作爆炸图）

爆炸图，其实是一个外来词汇，英文的名称是Exploded Views在日常生活中，购买的各种各样的日常生活用品的使用说明书上都有装配示意图，它是图解说明各构件的可以说这个具有立体感的分解说明图就是个最简单的爆炸图具体点说是轴测装配示意图同时国家标准也作了相应规定，要求工业产品的使用说明书中的产品结构优先采用立体图示可以说爆炸图就是立体装配图，接下来我们就来聊聊关于3d框架图制作方法?以下内容大家不妨参考一二希望能帮到您!

3d框架图制作方法

爆炸图，其实是一个外来词汇，英文的名称是Exploded Views。在日常生活中，购买的各种各样的日常生活用品的使用说明书上都有装配示意图，它是图解说明各构件的。可以说这个具有立体感的分解说明图就是个最简单的爆炸图。具体点说是轴测装配示意图。同时国家标准也作了相应规定，要求工业产品的使用说明书中的产品结构优先采用立体图示。可以说爆炸图就是立体装配图。

爆炸图是当今的三维CAD、CAM软件中的一项重要功能。有了这个相应的操作功能选项，工程技术人员在绘制立体装配示意图时就显得轻松多了，不仅提高了工作效率还减少了工作的强度。如今这项功能不仅仅是用在工业产品的装配使用说明，还可以应用于室内设计、建筑设计的设计图。

如何能更简洁地表述产品装配关系？能够让所有人一秒看懂产品各零部件之间的关系？爆炸图的优势在于能把复杂的建筑体块清晰、直观地表达，让看图者迅速了解建筑、产品等内部空间结构的分布。ThingJS的爆炸图功能帮你快速解决这一问题！你只需花费很短的时间，就能学会这个功能！ 下面是实现多个物体模型拆解展开的效果，多个物体模型要做爆炸图，对整个场景进行展开，可以将模型进行移动、添加事件等操作。按住【Shift 鼠标滚轮】可以调节模型展开距离，单次展开距离/速度可通过输入数值改变大小。

先看下效果：

出于互动模型性能考虑，模型上传前做塌陷。加载场景后，设置摄像机位置和目标点。

查询场景所有模型，模型原始位置和当前位置赋值，进行存储。

右上角界面展开界面样式。

滚轮滚动事件。

滚轮散开，此展开氛围左侧、中间、右侧展开，并且每个模型有展开层次。

滚轮滚动进行模型移动。

场景初始化，设置视角飞到进入场景的视角。

那么问题来了，怎样才能快速上手可视化开发呢？ThingJS 3D框架简化了开发工作，并且提供几百个官方示例，直接获取API能力，不需要基于3D概念进行开发，适合3D商业项目快速生成！距离业务仅一层之隔，是非开发者也容易理解的一种应用方法。采用原生JavaScript的开发语言，配合简捷易用的3D搭建工具，让前端程序员和实施人员都可以立即上手。

完整代码戳ThingJS官网查看