分享
查看: 2113|回复: 0

[分享] ThingJS:智慧城市3D数据可视化,应急抢救不迟到

[复制链接]

ThingJS:智慧城市3D数据可视化,应急抢救不迟到

发表于 2020-9-18 19:11:26 来自 分享 阅读模式 倒序浏览
zzv_icon2113 zzr_icon0 查看全部

技术降低了数据的收集成本,让城市管理者得以掌握史无前例的海量数据,从而充分利用现有的基础设施体系。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可视世界的技术团队

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

本版积分规则

130700ppkpl8x3t7tt1b1t