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