关于javascript:职业安全是头等大事ThingJS在3D可视化场景中的人员定位方式

理解工作人员在危险区域的行为轨迹,有助于疾速定位、近程监控并迅速给出解决方案,这些场景经常出现在电厂、工地等事变多发地,次要体现为多设施、危险性高、地位难以定位等问题,所以职业平安是头等大事。

将人物的地位信息在3D 场景中展示,让咱们可能察看人员的实时地位及历史轨迹,为传统的人员地位信息提供三维可视化的展示形式。

通过ThingJS能够将人员的定位信息在3D场景中对应起来,进行描点,画线,并创立相干人物的模型,依据实时数据驱动人物行走,并且反对楼层内外的相结合,使咱们能更加直观的理解人物所处地位及行走路线。

人物户外行走

计划:依据最新申请的地位数据与上一次申请所得的地位数据,可计算两个地位之间的间隔,再依据两次申请数据的时差,即可失去人物行走的速度,请点击参考ThingJS API (请参考物体下延门路挪动demo,http://www.thingjs.com/guide/…)驱动人物行走。

人物行将进入修建和进入修建内

计划:当最新的人员地位数据在修建外部时,暗藏修建外立面(building. showFacades),显示人物行将进入该修建的楼层(building.showFloors,详见http://www.thingjs.com/guide/… 下 Building),并应用api驱动人物行走。

设置物体察看朝向的代码示例如下:

LookAT(target, params)

Parameters:

Name Type Description
target Array.<Number>
| THING.BaseObject
| THING.CameraController
世界坐标下某坐标、某物体或者摄像机,设为 null 时示意勾销察看
params Array.<Number> | Object 参数列表(Properties)如下

Properties:

Iherited From:
• THING.BaseObject#add
Overrides:
• THING.BaseObject#add

Example

//让物体面向[0,1,0],该坐标是在世界坐标下地位
obj.lookAt([0,1,0])
//让物体始终面向摄影机
obj.lookAt(app.camera)
//让物体始终面向一个物体
obj.lookAt(obj2)
//让物体始终面向一个物体,同时物体沿本身Y轴向再旋转90度
obj.lookAt(obj2,[0,90,0])
//勾销lookAt性能
obj.lookAt(null)

代码示例完结。

人物上楼的成果

计划:当最新申请的人员地位数据在不同楼层时(比方:从一层到二层),首先显示该楼层并将所有楼层通明(通明便于察看,办法:floor.style.opacity = 0.5 ,详见http://www.thingjs.com/guide/…)。并应用api驱动人物行走。

增加子物体的代码示例如下:

add(params, index?)

Parameters:

Name Type Description
params THING.BaseObject | *
物体或者参数列表
Properties
Name Type Description
object THING.BaseObject
物体
localPosition? Array.<Number> 绝对于父物体的坐标地位
angles? Array.<Number> 旋转角度
basePoint? String 作为地位参考基准的子节点名字

index? Number 插入下标,默认插入到最初地位
Inherited From:
• THING.BaseObject#add
Overrides:
• THING.BaseObject#add

Example

// 将物体 box 作为孩子间接增加到 car 上
car.add(box);
// 增加子物体 box ,并设置其与父物体的绝对地位
car.add({
object: box, // 作为孩子的对象
localPosition: [0, 2, 0] // 绝对于父物体的坐标
});
// 以某个“子节点”作为参考基准点,增加子物体
car.add({
object: box,
basePoint: “chazi”, // 作为“基准”的“子节点”名称
});

代码示例完结。

这里只是展示了从修建外进入修建内,并进行多层构造的行走轨迹监控,只有理解JS代码的开发同学,入门3D人员定位和行走可视化很简略!

本文由博客群发一文多发等经营工具平台 OpenWrite 公布

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理