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

48次阅读

共计 1820 个字符,预计需要花费 5 分钟才能阅读完成。

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

将人物的地位信息在 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 公布

正文完
 0