官方示例(十六):3D场景中BIM剖切面参数化开发ThingJS

#前端# #BIM# #物联网可视化开发#

  1. 3D场景内的模型剖切
  2. 剖切对象初始化
  3. 剖切面事件控制
    在这里插入图片描述

简介:建筑楼宇是一个实体,室内往往被遮挡,对于建筑设计、楼宇管理和设备维护造成了一定的困难。如果想了解房屋内部的复杂构造情形,这时候利用假想的剖切面进行几何切割,室内的构造情况露出。ThingJS引入了3D剖切面功能,参数化开发方法更精确,直接在屏幕呈现剖切效果。

demo链接:http://www.thingjs.com/guide/?m=sample

3D场景内的模型剖切

ThingJS支持对模型的方盒子六面剖切以及任意面剖切,让我们来看看官方示例示怎么做到的吧。如效果图所示,在3D场景视图内生成一个矩形剖切框,顺应箭头所指的方向长按鼠标拖动可剖切模型。
初始化剖切功能的操作环境,需要考虑的一点,就是如何快速准确剖切想要的位置?

剖切对象初始化

涉及到的剖切对象是要进行剖切的建筑,首先查询该建筑,设置建筑为不可拾取的状态,包括建筑内部楼层。
开启剖切动作之后,建筑周围出现剖切包围盒,基于对象创建更多样式提高辨识度。
步骤一,创建剖切包围盒的几何体,其中type值可以为plane, box, sphere等
步骤二,设置父物体为剖切方向的箭头,拖动指引箭头则剖切面会被激活
步骤三,设置剖切面样式,如颜色、透明度、双面渲染,以包围盒的效果出现

/**
 * 创建方向箭头和剖切面
 */
function create() {
   
    if (cuttingPlane &#
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值