#申请原创# #每日话题# #有奖活动# #技术资源# #申请开发板#
爆炸图，其实是一个外来词汇，英文的名称是Exploded Views。在日常生活中，购买的各种各样的日常生活用品的使用说明书上都有装配示意图，它是图解说明各构件的。可以说这个具有立体感的分解说明图就是个最简单的爆炸图。具体点说是轴测装配示意图。同时国家标准也作了相应规定，要求工业产品的使用说明书中的产品结构优先采用立体图示。可以说爆炸图就是立体装配图。
爆炸图是当今的三维CAD、CAM软件中的一项重要功能。有了这个相应的操作功能选项，工程技术人员在绘制立体装配示意图时就显得轻松多了，不仅提高了工作效率还减少了工作的强度。如今这项功能不仅仅是用在工业产品的装配使用说明，还可以应用于室内设计、建筑设计的设计图。
如何能更简洁地表述产品装配关系？能够让所有人一秒看懂产品各零部件之间的关系？爆炸图的优势在于能把复杂的建筑体块清晰、直观地表达，让看图者迅速了解建筑、产品等内部空间结构的分布。ThingJS的爆炸图功能帮你快速解决这一问题！你只需花费很短的时间，就能学会这个功能！ 下面是实现多个物体模型拆解展开的效果，多个物体模型要做爆炸图，对整个场景进行展开，可以将模型进行移动、添加事件等操作。按住【Shift+鼠标滚轮】可以调节模型展开距离，单次展开距离/速度可通过输入数值改变大小。
先看下效果：
出于互动模型性能考虑，模型上传前做塌陷。加载场景后，设置摄像机位置和目标点。
查询场景所有模型，模型原始位置和当前位置赋值，进行存储。
右上角界面展开界面样式。
滚轮滚动事件。
滚轮散开，此展开氛围左侧、中间、右侧展开，并且每个模型有展开层次。
滚轮滚动进行模型移动。
场景初始化，设置视角飞到进入场景的视角。
那么问题来了，怎样才能快速上手可视化开发呢？ThingJS 3D框架简化了开发工作，并且提供几百个官方示例，直接获取API能力，不需要基于3D概念进行开发，适合3D商业项目快速生成！距离业务仅一层之隔，是非开发者也容易理解的一种应用方法。采用原生JavaScript的开发语言，配合简捷易用的3D搭建工具，让前端程序员和实施人员都可以立即上手。
完整代码戳ThingJS官网查看
|
楼主
标题置顶
标题高亮
