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

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

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

先看下效果:

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

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

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

滚轮滚动事件。

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

滚轮滚动进行模型移动。

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

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

完整代码戳ThingJS官网查看

多个物体模型快速制作爆炸图?试一试ThingJS相关推荐

  1. 甘特图制作_如何用Excel快速制作甘特图?(超详细!)

    甘特图作为现代项目管理中一项重要的管理工具,它能够帮助你考虑资源.成本等项目中重要的元素,并且能够通过图形直观的观察到项目中所要完成的任务.开始与结束时间,每项任务所需时间,某项任务在某个时间段内完成 ...

  2. 赛效:用创客贴快速制作封面图

    如需了解更多办公工具的相关应用,可到赛效应用资讯栏目查看详情~ 公众号封面图在进行展示时,通常要起到推广.吸引人眼球的作用,因此在发布公众号文章时,大家对封面图非常重视,很多时候会借助P图软件来将图片 ...

  3. mp4如何转换成gif?教你一招快速制作动图

    mp4如何转换成gif?大家平时在外出游玩的时候一定都会拍一些视频,我们拍摄的视频除了可以记录我们当下的美好生活以外,还可以用来制作表情包,让大家在平时的聊天当中多一丝乐趣,那么应该怎样将视频做成表情 ...

  4. 怎么快速制作动图?手把手教你快速制作动图

    相信小伙伴们在平时的聊天中少不了会用到各种GIF表情包来斗图.当我们想要自己制作有创意的GIF动图的时候,应该怎么办呢?这时候,大家就可以使用**gif制作软件**来制作GIF动图,非常的简单方便,只 ...

  5. 怎样简单快速制作类图?

    你知道UML类图是什么吗?UML其实是计算机软件中的一种建模语言,UML图则是一种设计软件.程序的建模工具.UML图包括用例图.类图.对象图.包图.活动图.状态图.序列图.协作图.构建图.部署图等十种 ...

  6. 帮你快速制作图表的ps插件:PS拉框助手

    为大家分享一款ps图表快速生成插件,PS拉框助手 for mac可以帮助用户快速制作折线图.面积图.柱状图.饼图.雷达图. 地图等,PS拉框助手中文版适用于多个版本的Photoshop,而且是免费的, ...

  7. 图章制作软件测试自学,【Monci小分享】用houdini快速制作高质量浮雕模型

    一.此流程方法的特点 1.传统场景部的制作流程: 问题:如果没有CAD,就需要勾画路径,很费时费力,不好修改:如果客户需要一百个图样,那就慢慢勾吧:模型不好做扭曲,如果遇到制作曲面上的浮雕就很麻烦. ...

  8. 【Houdini】如何利用黑白的图片在Houdini中快速制作一个立体的模型

    如何利用黑白的图片在Houdini中快速制作一个立体的模型 1.首先在Houdini右下角的Network中按tab创建一个Geometry 2.点击进入后,按tab创建一个trace 3.在trac ...

  9. 百度地图gif图标_华为手机误删照片怎么找回?手机怎么快速制作GIF动图

    对于华为手机,国内的很多人群都是非常喜欢的,特别是哪些花粉们简直就是疯狂,但是当我们使用华为手机误删了照片应该怎么办?如何才能找回误删的照片?误删手机照片怎么找回?不用担心,下面就让我们跟随小编一起来 ...

  10. 如何做gif动图表情包?轻松一键快速制作gif表情包

    当下的网络中少不了gif表情包的身影,通过一张动态的图片就能够表达出丰富的内容.接下来,就给大家讲一讲如何制作gif动图.只需要使用[GIF中文网]的gif制作(https://www.gif.cn/ ...

最新文章

  1. document.all与WEB标准
  2. 【MM 模块】 Optimized Purchasing 优化采购 1
  3. 尼日利亚学生开发者,用阿里云PAI打造了卡通头像神器
  4. python 中的pickle库
  5. java sql objects_Java SQL注入学习笔记
  6. 窗体常用属性的演练 c#
  7. 搭建VMware6.5+Win2003 MSCS群集实验环境
  8. vue-router的简单理解
  9. Java数据结构:稀疏数组(Sparse Array)的创建和文件存取
  10. uri和url的区别与联系(一看就理解)
  11. 基于rietveld搭建CodeReview平台
  12. Android Paint 色彩一些偏知识
  13. 桌面下雪小程序 WIN32
  14. 未明学院学员报告:学会数据分析后,我发现美妆大牌到底哪家强 为什么是江浙沪包邮?
  15. 如何关掉ie浏览器的增强安全配置?
  16. Visual Studio 2017下载地址和安装教程(图解版)
  17. 心态-《不抱怨的世界》书中的精髓:通过4个步骤,成为一个不抱怨、每天都快乐的人。
  18. 好好说话之ret2shellcode
  19. SAP ABAP——SAP简介(一)【SAP发展历程】
  20. 《Enhanced Deep Residual Networks for Single Image Super-Resolution》论文阅读之EDSR

热门文章

  1. InnoDB行格式(COMPACT,redundant)对比
  2. Alien Worlds NFT 自动点击游戏教程 (Allen worlds NFT auto click game tutorial)
  3. Latex 学术撰写工具推荐(在线、Windows、Mac、Linux)
  4. mysql 字符串转日期
  5. Flume 的使用场景详解
  6. 粗略读了一遍李子奈的《计量经济学》
  7. 美图android手机刷机教程,美图手机如何刷机
  8. url 与 domain
  9. 对自然数e的理解,推导(基础)
  10. 计算机用什么配置好电脑,买电脑主要看哪些配置 决定电脑好坏的关键