智慧城市之消防预案管理如何实现?

327 阅读3分钟

         针对“高低大化”等重点消防单位编制三维数字化预案,消防官兵可自主搭建各类消防3D仿真场景,并在场景中设计和配置消防管理范围内的消防设施和装备,有利于更直观理解现场实际情况,满足了消防员日常“六熟悉”需求和数字化预案实战应用,并可事后对火情进行战评,将火情的前因后果和救援过程清晰展示,满足内部总结分析和外部沟通培训的多种需求。那么如何实现呢?

  ThingJS 是物联网可视化PaaS开发平台,帮助物联网开发商轻松集成 3D 可视化界面。ThingJS 名称源于 物联网Internet of Things (IoT)中的 Thing (物),ThingJS 使用当今最热门的 Javascript语言进行开发。不仅可以针对单栋或多栋建筑组成的园区场景进行可视化开发,搭载丰富插件后,也可以针对地图级别场景进行开发。广泛应用于数据中心、仓储、学校、医院、安防、预案等多种领域。

  物联网分为感知层、网络层、应用层。应用层涉及到 3D 界面的开发,对大部分企业来说都有一定挑战。ThingJS 可以极大降低 3D界面开发的成本。

  ThingJS 基于 HTML5 和 WebGL 技术,可方便地在主流浏览器上进行浏览和调试,支持 PC 和移动设备。ThingJS为可视化应用提供了简单、丰富的功能,只需要具有基本的 Javascript 开发经验即可上手。

  ThingJS提供了场景加载、分层级浏览,对象访问、搜索、以及对象的多种控制方式和丰富的效果展示,可以通过绑定事件进行各种交互操作,还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等各种可视化功能。

  ThingJS提供如下相关组件和工具供用户使用:

  CityBuilder:聚焦城市的 3D 地图搭建工具,打造你的 3D 城市地图。

  CamBuilder:简单、好用、免费的 3D 场景搭建工具。

  ThingPano:全景图制作工具,轻松制作并开发全景图应用,实现 3D 宏观场景和全景微观场景的无缝融合。

  ThingDepot:上万种模型,数十个行业,自主挑选,一次制作多次复用。

thingjs平台火焰效果.js

/**

* 说明:小车着火

* 操作:点击按钮 创建、销毁粒子

* 教程:ThingJS教程——>效果和环境——>粒子

* 难度:★★☆☆☆

*/

var app = new THING.App({

url: 'https://www.thingjs.com/static/models/storehouse' // 场景地址

});

app.on('load', function (ev) {

var car = app.query('car01')[0];

// 创建火焰粒子

new THING.widget.Button('create', function () {

var fire = app.query('#fire01')[0];

if (!fire) {

app.create({

id: 'fire01',

type: 'ParticleSystem',

url: 'https://model.3dmomoda.com/models/19061018snbajhvuzrheq9sbgwdoefuk/0/particles',

parent: car, // 设置粒子的父物体

localPosition: [0, 0, 0] // 设置粒子相对于父物体的位置

});

}

})

// 销毁粒子

new THING.widget.Button('destroy', function () {

var fire = app.query('#fire01')[0];

if (fire) {

fire.destroy();

}

})

})