请选择 进入手机版 | 继续访问电脑版
2021ThingJS数字孪生智慧场景可视化开发大赛获奖者专访
查看: 561|回复: 0

[分享] ThingJS:聪明城市3D数据可视化,应急急救不早退

[复制链接]
avatar

3

主题

3

帖子

0

积分

游客

积分
0
ico_lz  楼主| 发表于 2020-9-18 19:11:26 | 显示全部楼层 |阅读模式

技术下降了数据的收集本钱,让城市治理者得以把握史无前例的海量数据,从而充实操纵现有的根本设备系统。ThingJS供给聪明城市物联网大屏可视化开辟技术支持,经过对接传感器数据更好治理城市。

第二十三届中国北京国际科技产业展览会,简称科博会,昨天在北京的中国国际展览中心展开了,这一次优锘科技也上了线上展播的头条,在数字化城市范畴占得一席。接待检察ThingJS聪明城市项目,感受一下优锘ThingJS团队的技术创新才能。

ThingJS:聪明城市3D数据可视化,应急急救不早退

有需要再先容一遍,ThingJS主如果为js开辟者供给一套3D开辟组件,包括ThingJS开辟、CityBuilder, CamBuilder以及全景图等,站在3D创业轻量化的角度,把3D开辟流程简化成四个步调:场景搭建—在线开辟—数据对接—项目摆设,假如是做一个简单的3D可视化演示项目,js工程师仅需7天便可以建立自己的3D项目,努力于把项目本钱下降,让3D可视技术提高公共。

麦肯锡研讨院研讨数据表白,数字技术是打造美好城市的一项工具,好的聪明利用可将城市生活质量的目标进步10-30%。“打造聪明城市”不是方针,而是手段,目标是为了更高效、更静态响应居民或员工的需求和期望,从而避免更多的危险或麻烦。是以技术不是第一位的,技术背后的人更重要。简单、颜值高、轻松开辟不但仅是ThingJS普惠3D可视化的需要,也合适大家介入聪明城市扶植的愿望。

ThingJS:聪明城市3D数据可视化,应急急救不早退

小科普:一个有生气的聪明城市由三个层面协同打造(见上图)。第一层是技术根本,包括大量连入高速通讯收集的智妙手机和传感器,以及多个开放式数据平台。传感器会延续收集交通流量、能耗、空气质量等变量的读数以及平常生活中的其他数据,并将这些信息间接推送到需求者的指尖。

第二层是具体智能利用层。原始数据必须经过处置才能转化为示警、洞见和行动,而开辟这些利用则是技术供给商和App开辟职员的职责。常见的智能利用可分为八大类:平安、出行、健康、能源、水、渣滓、经济成长和室第、介入和社区。ThingJS首要针对物联网3D场景开辟所用的工具组件,适用行业范围较广。

第三层是城市、企业和公众的采取及利用水平。很多利用只要在普遍提高并改变了人们的行为时,才算是获得了成功。它们向小我用户供给更通明的信息,让其获得全局视角,以便做出更好的决议。**例如一个城市中,幸运指数的斟酌维度之一即是平安性**。我们会经常碰到暴雨、雪灾甚至失火等危机情况,应急响应一向是城市治理的重要功用之一,特别是在生死攸关时辰,争分夺秒,是以必须尽能够收缩现场急救员到达火灾等变乱现场的时候。

这也成为3D城市可视化项目标常见需求,就是模拟下雨,下雪的天气,偶然也会模拟爆炸,着火等结果。例如模拟着火结果:

ThingJS:聪明城市3D数据可视化,应急急救不早退
ThingJS:聪明城市3D数据可视化,应急急救不早退

ThingJS可以基于JS开辟场景粒子结果。真相是,系统发射了很多小面片,这些小面片贴上图,再配合上扭转,缩放等模拟出各类需要的结果。

ThingJS:聪明城市3D数据可视化,应急急救不早退

这些结果ThingJS利用粒子系统(particle)技术即可实现,官方示例以下:

  1. /**
  2. var app = new THING.App({
  3. url: 'https://www.thingjs.com/static/models/storehouse' // 场景地址
  4. });
  5. app.on('load', function (ev) {
  6. var car = app.query('car01')[0];
  7. // 建立火焰粒子
  8. new THING.widget.Button('create', function () {
  9. var fire = app.query('#fire01')[0];
  10. if (!fire) {
  11. app.create({
  12. id: 'fire01',
  13. type: 'ParticleSystem',
  14. url: 'https://model.3dmomoda.com/models/19061018snbajhvuzrheq9sbgwdoefuk/0/particles',
  15. parent: car, // 设备粒子的父物体
  16. localPosition: [0, 0, 0] // 设备粒子相对于父物体的位置
  17. });
  18. }
  19. })
  20. // 烧毁粒子
  21. new THING.widget.Button('destroy', function () {
  22. var fire = app.query('#fire01')[0];
  23. if (fire) {
  24. fire.destroy();
  25. }
  26. })
  27. })
复制代码


ThingJS,一个能够改变3D可视天下的技术团队

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则