当前位置: 首页 > Web前端 > HTML

多个对象模型快速制作分解图?试试ThingJS!

时间:2023-04-02 20:04:43 HTML

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