在能源危机和全球气候变暖的压力下,太阳能等可再生能源越来越受到关注,其中光伏建筑一体化逐渐成为绿色发展方式和生活方式,加强节能降耗,支持低碳产业和新能源、可再生能源发展,也已经成为国家战略,所以基于数据进行管理和监控的智慧楼宇能源系统已经成为了一种趋势 今天就给大家带来一个采用 Hightopo 的 HT for Web 产品实现智慧楼宇的能耗监控系统。 系统预览 这个图中显示的是一个 2D 3D 结合而成的智慧楼宇的能源监控系统,主要对楼宇设备能耗变化进行实时监控,比如:空调、照明等。 三、电梯动画预览 在这个智慧楼宇能源监控系统中,我们还可以可视化地实时监控电梯在楼层间的工作运行状态,并且能够准确地浏览每个电梯在楼层间的停留时间。 四、2D 面板展示以及数据绑定 在我们系统中我还搭建了 2D 场景,上面有曲线图以及柱状图以及各种数据面板可以直观的显示楼宇的能耗信息,让我们很方便的对楼宇执行能耗量化管理以及效果评估。
在能源危机和全球气候变暖的压力下,太阳能等可再生能源越来越受到关注,其中光伏建筑一体化逐渐成为绿色发展方式和生活方式,加强节能降耗,支持低碳产业和新能源、可再生能源发展,也已经成为国家战略,所以基于数据进行管理和监控的智慧楼宇能源系统已经成为了一种趋势 今天就给大家带来一个采用 Hightopo 的 HT for Web 产品实现智慧楼宇的能耗监控系统。 系统预览 ? 这个图中显示的是一个 2D 3D 结合而成的智慧楼宇的能源监控系统,主要对楼宇设备能耗变化进行实时监控,比如:空调、照明等。 代码实现 一、场景进入动画预览 ? 在这个智慧楼宇能源监控系统中,我们还可以可视化地实时监控电梯在楼层间的工作运行状态,并且能够准确地浏览每个电梯在楼层间的停留时间。 四、2D 面板展示以及数据绑定 在我们系统中我还搭建了 2D 场景,上面有曲线图以及柱状图以及各种数据面板可以直观的显示楼宇的能耗信息,让我们很方便的对楼宇执行能耗量化管理以及效果评估。
前言 随着物联网时代的发展5G应用的普及,以及我国可持续发展减少碳排放量的政策要求下,根据2019年中国建筑能耗基础研究报告指出,我国建筑能耗9.47亿tce,占全国能源消费比重21.11%;全国建筑总面积 现在智慧楼宇成为了城市的新发展趋势,在这里带来采用 Hightopo 的产品实现智慧楼宇数据监控的可视化方案。 智能楼宇特点: (1) 智能化————整个楼宇内在存在一个生态系统,通过可视化管理,具备自我感知能力和控制能力。 主界面预览 主界面采用2D叠加在3D场景上的融合展现,采用以Hightopo的产品轻量化 HTML5/WebGL 建模的方案,实现快速建模、运行时轻量化。 总结 在物联网时代下,推动智慧楼宇发展为人们提供一个安全舒适的使用空间,已经成为了城市可持续发展的必经之路。
随着互联网技术的进步和发展,智能化的楼宇建设也逐步成为人们选择办公场所是否方便的一个重要衡量因素。在智能化楼宇中,安全管理也是重要的一个模块。 1、可视化视频远程监控管理方案围绕楼宇安全管理的实际需求,根据楼宇大厦的具体情况,选择使用网络一体化摄像机、网络视频服务器、网络高速球等采集楼宇的音视频图像信息,并通过网络传输至安防监控系统EasyCVR 3)周界警戒:支持检测车辆禁停、车辆离开、人员徘徊、FQ检测、入侵、越界等;4)行为警戒:支持检测奔跑、摔倒、抽烟、打电话、看手机、睡岗、离岗、值岗超员、值岗少员、人员聚众、人员扭打、持械等;5)物品检测 TSINGSEE青犀智慧楼宇视频监管方案通过可视化视频管理平台,整合与对接大楼各类业务系统的数据,从单一视频监控、入侵报警系统、一卡通、广播、出入口管理、停车场等子系统建设,到数据融合共享的智慧楼宇建设模式 ,实现对大楼的综合统一智能管理,将楼宇等各项数据进行整合与智能分析处理,时刻保障大楼的高效、安全运行。
[toc] webgl智慧楼宇发光系列之线性采样下高斯模糊 前面一篇文章 <webgl智慧楼宇发光效果算法系列之高斯模糊>, 我们知道了 高斯模糊的本质原理,就是对每个像素,按照正态分布的权重去获取周边像素的值进行平均 同时我们可以指定周边像素的数量,比如可以是3X3,或者5X5,通用的表达就是N X N, 数字N通常称之为模糊半径,这在之前的文章的代码中有体现(uRadius): uniform float uRadius 文章 《webgl智慧楼宇发光效果算法系列之高斯模糊》已经实现了这一优化。 第二个属性可用于绕过平台上的硬件限制,这些平台仅在一次pass中仅支持有限数量的纹理提取。 先看看我们已经做了得一些发光楼宇得案例吧, 以下都是再简单模型(立方体) + 贴图 + 光照 + 发光 出来得效果,如果模型层面在优化,应该还可以有更酷效果: image.png image.png image.png
webgl智慧楼宇发光系列之线性采样下高斯模糊 前面一篇文章 [webgl智慧楼宇发光效果算法系列之高斯模糊](https://mp.weixin.qq.com/s/LZ_M51nDHfAPlcmwWglp_A 同时我们可以指定周边像素的数量,比如可以是3X3,或者5X5,通用的表达就是N X N, 数字N通常称之为模糊半径,这在之前的文章的代码中有体现(uRadius): uniform float uRadius 文章 《webgl智慧楼宇发光效果算法系列之高斯模糊》已经实现了这一优化。 第二个属性可用于绕过平台上的硬件限制,这些平台仅在一次pass中仅支持有限数量的纹理提取。 先看看我们已经做了得一些发光楼宇得案例吧, 以下都是再简单模型(立方体) + 贴图 + 光照 + 发光 出来得效果,如果模型层面在优化,应该还可以有更酷效果: [d69b702ddcf54fc3ace0a03a3eccb225
近年来,随着物联网技术、AI人工智能以及大数据、云计算的兴起,给楼宇智能化增添了新的发展活力。以往楼宇管理过于依赖人工后期维护,属于“被动式”的预防性维护,效率低,运营成本又高。 如何提高楼宇管理智慧化水平,实现从被动预防到主动管理的转变呢?“楼宇预测性维护”便是最佳答案。 世博写字楼作为高端商务楼宇,入驻了很多知名企业,对于楼宇品质,楼内设备运行及使用体验要求极高。因此,很多新兴的楼宇管理技术都会在这两座楼先行使用。预测性维护在“工业4.0时代”已经得到应用和验证。 以上两点都会影响空调效果,破坏用户体验,非常需要智慧化的预测性维护方案。 如今,智慧城市的进程不断加速,越来越多的楼宇正朝着数智化、低碳化方向迈进,楼宇预测性维护也必将成为楼宇管理的新趋势。
“智慧楼宇3D可视化系统”以可视化、智能化、网络化、集成化理念为目标,实现楼宇的园区、建筑、室内、设备的逐级可视;以楼宇的智能监控为重点,集成视频监控、智能照明、智能电梯、智能供水、智能消防等各种管理系统 建筑外观仿真 三维仿真属于基础模块,楼宇管理的一切数据都将基于楼宇的三维仿真模型来绑定并展现。 内部布局呈现 除了3D可视化楼宇的外观,楼宇内部同样需要搭建3D场景以实现楼宇建筑的全方位展示。 智慧楼宇随房地产市场的发展而兴旺,却未因房地产市场的调整而出现低谷。 在信息时代的驱动下,楼宇的智能化仍将保持着高速的发展以满足人们的需要,智慧楼宇3D可视化系统是综合上述手段打造出的智慧楼宇可查、可管、可控的一体化可视平台。
webgl智慧楼宇发光效果算法系列之高斯模糊 如果使用过PS之类的图像处理软件,相信对于模糊滤镜不会陌生,图像处理软件提供了众多的模糊算法。高斯模糊是其中的一种。 在我们的智慧楼宇的项目中,要求对楼宇实现楼宇发光的效果。 比如如下图所示的简单楼宇效果: [22455304fbba498690d98078a14be1e0~tplv-k3u1fbpfcp-zoom-1.image] 楼宇发光效果需要用的算法之一就是高斯模糊。 [60ae2b7274424ab5ad836ef759eb5ddd~tplv-k3u1fbpfcp-zoom-1.image] 渲染流程 了解了高斯模糊的基本原理之后,来看看高斯模糊在webgl中基本渲染流程 如果是5x5大小的高斯模糊:分两步要获取的像素数量是 5+5=10; 而一步却是5 x 5=25 。显然可以算法执行效率。
webgl智慧楼宇发光效果算法系列之高斯模糊 如果使用过PS之类的图像处理软件,相信对于模糊滤镜不会陌生,图像处理软件提供了众多的模糊算法。高斯模糊是其中的一种。 在我们的智慧楼宇的项目中,要求对楼宇实现楼宇发光的效果。 比如如下图所示的简单楼宇效果: image.png 楼宇发光效果需要用的算法之一就是高斯模糊。 比如3x3,5x5。 在均值模糊的计算中,参与的每个像素,对中心像素的贡献值都是一样的,这是均值模糊的特点。也就是,每个像素的权重都是一样的。 如果是5x5大小的高斯模糊:分两步要获取的像素数量是 5+5=10; 而一步却是5 x 5=25 。显然可以算法执行效率。 * uExposure); gl_FragColor = result; } ` 最终渲染的效果如下,案例中渲染的是一个球体的线框: image.png 应用案例 目前项目中用到的主要是发光楼宇的效果
前言 楼宇自控是指楼宇中电力设备,如电梯、水泵、风机、空调等,其主要工作性质是强电驱动。通常这些设备是开放性的工作状态,也就是说没有形成一个闭环回路。 现在楼宇自控是将上述的电器设备进行在线监控,通过设置相应的传感器、行程开关、光电控制等,对设备的工作状态进行检测,并通过线路返回控制机房的中心电脑,由电脑得出分析结果,再返回到设备终端进行调解。 ? data.getDisplayName() === 'flow3') { data.s('shape.dash.offset', data.s('shape.dash.offset') + 5) 今天我们打造的楼宇自动化控制系统 (BAS) 就属于这其中的一类,还有通信自动化系统 (CAS) 和办公自动化系统 (OAS) 等组成。
前言 楼宇自控是指楼宇中电力设备,如电梯、水泵、风机、空调等,其主要工作性质是强电驱动。通常这些设备是开放性的工作状态,也就是说没有形成一个闭环回路。 现在楼宇自控是将上述的电器设备进行在线监控,通过设置相应的传感器、行程开关、光电控制等,对设备的工作状态进行检测,并通过线路返回控制机房的中心电脑,由电脑得出分析结果,再返回到设备终端进行调解。 data.getDisplayName() === 'flow3') { data.s('shape.dash.offset', data.s('shape.dash.offset') + 5) 今天我们打造的楼宇自动化控制系统 (BAS) 就属于这其中的一类,还有通信自动化系统 (CAS) 和办公自动化系统 (OAS) 等组成。
前言 楼宇自控是指楼宇中电力设备,如电梯、水泵、风机、空调等,其主要工作性质是强电驱动。通常这些设备是开放性的工作状态,也就是说没有形成一个闭环回路。 现在楼宇自控是将上述的电器设备进行在线监控,通过设置相应的传感器、行程开关、光电控制等,对设备的工作状态进行检测,并通过线路返回控制机房的中心电脑,由电脑得出分析结果,再返回到设备终端进行调解。 ? data.getDisplayName() === 'flow3') { data.s('shape.dash.offset', data.s('shape.dash.offset') + 5) 今天我们打造的楼宇自动化控制系统 (BAS) 就属于这其中的一类,还有通信自动化系统 (CAS) 和办公自动化系统 (OAS) 等组成。
据中国建筑节能协会数据,商业综合体单位面积年能耗约为普通住宅的 5-8 倍,其中空调、照明、电梯及动力设备能耗占比超 80%,能源成本已成为运营方仅次于租金的第二大支出。 在此背景下,MyEMS(智能能源管理系统)以 “数据驱动 + 智能调控” 为核心,掀起智慧楼宇能源革命,助力商业综合体实现能源成本降低 30% 的突破。 MyEMS 通过数据分析与智能调控,针对性优化设备运行参数:空调系统:基于室外温湿度、室内人流数据,动态调整空调水系统温差(从 5℃优化至 7℃)、风机转速(采用变频控制),降低空调能耗约 18%-22% 管理升级:实现 “能耗责任到人”(降本占比 3%-5%)传统商业综合体能源管理多为 “大锅饭” 模式,各租户、各楼层的能耗数据不透明,导致节能责任无法落实。 未来,随着物联网、AI 技术的进一步渗透,MyEMS 将持续迭代,为智慧楼宇能源革命注入更多可能,让 “降本 30%” 成为商业综合体运营的 “标配” 而非 “特例”。
楼宇作为建筑基础设施的主体,为人们提供着重要的生存空间。随着物联网、人工智能概念的兴起以及智慧城市如火如荼的开展,智能楼宇的重要性越发突显。 HT for Web 自主研发了强大的基于 HTML5 的 2D、3D 渲染引擎,为可视化提供了丰富的展示效果。 智能楼宇的功能 智能楼宇三维可视化系统,通过对楼宇的数字化高仿真场景中所有子系统的运行数据进行可视化展示。并提取运行数据进行设备运转、资产管理等重点业务的趋势分析。 在此基础上,可以进一步按需对建筑周边的其他楼宇、地块、环境等进行抽象化呈现,营造高还原度的仿真展示环境,提升楼宇的整体对外形象。 ? 二、天气系统 天气系统属于楼宇外环境仿真。 楼栋模式 除了楼宇的外观,楼宇内部同样需要搭建3D场景以实现楼宇建筑的全方位展示。
智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外,我觉得就是楼宇的监控了,可是之前做了很多关于机房方面的 Demo,所以最终决定做 3D 楼宇监控系统。 ? for Web(http://hightopo.com/) 的 3D 组件搭建而成,配合左侧的 listView 列表组件,通过点击这个 listView 列表组件中的各个项可以自由切换各个监控楼层和楼宇的场景 /symbols/智能楼宇/camera.json',// 3d图形整体贴图 'shape3d.image.cache' : true,// 如果贴图是矢量,是否缓存(缓存后性能会得到提升 监听点击事件 e.preventDefault();// 阻止默认操作 if (e.clientY - 120 < 50) { showCity();// 显示初始 3D 楼宇场景 总结 这个 3D 智能楼宇监控系统非常的简单,对于技术人员来说是完全没有挑战性的,主要工作内容在美工上,这么一来,如果要添加比较复杂的需求,技术人员就可以全身心地投入到产品上,而不是一些繁琐的 3D 模型的搭建了
前言 一套完整的可视化操作交互上,必不可少 2D/3D 的融合,在上期我们介绍了有关 3D 场景的环视漫游、巡视漫游以及动画效果,还包括了冷站场景、热站场景以及智慧末端的实现原理,本期主要介绍关于 视频嵌入效果 在智慧末端设备场景中点击摄像头交互后,弹出改设备场景的监控信息画面。 ? 介绍完 2D/3D 融合的IBMS 智能化集成系统场景以及面板的拟真直观的特点后,在本系统中最重要的两个要点:智慧楼宇管理系统、电梯监控系统 以及 停车场管理系统 将在下期的内容中为您详细的解读。
数据化信息通过可视化的管理系统展示出一套互联网智能优化的解决方案,而本系列文章便结合了 HT 的 2D/3D 可视化工具的运用,结合面板的数据展示和大楼建模场景的可视化管理,前面的内容已经讲解了 3D 模型和 2D 面板的融合体现,本次的内容将带您探讨 智慧楼宇管理系统 界面简介及效果预览 智慧楼宇管理系统优化效果 主要包括冷站、热站和中央末端智慧群控的联合作用,以及楼层智慧照明,通过清晰的动画体现出整栋大楼智慧节能运作的流程,可以通过面板详情的演示细致地介绍每个场景的作用以及串联的用处 停车场管理系统监控效果 停车场作为现在楼宇监控不可缺失的一环,这里主要可以体现出实时的车位监控,通过简单的动画演示来表现出整个停车场车辆的运行状态,方便管理。 ? 代码实现 一、 智慧楼宇管理系统优化效果的实现 在点击智慧楼宇管理系统的按钮后,场景视角会根据 moveCamera 转移到大楼正视的视角后,大楼整体呈现渐变虚化后透明展示大楼内部信息,这个动画是封装了一个
前言 在“新基建”驱动的数字经济热潮下,智慧园区建设发展成为实现园区管理绿色化、现代化、智慧化的核心抓手。 双击楼栋序号即可浮现对应楼宇的运维详情、值班信息、负责人资料,可自定义值班人员信息,为管理者进行人员调度指挥提供信息支撑。 双击园区建筑,切换至线框模型,达成透明化建筑外观,通过区域边界划分,辅以动画展示,并在建筑楼宇旁以浮标的形式标注对应楼层功能,直观查看设备整体布局结构,结合让园区内建筑布局了然于目。 智慧电梯 通过底层应用接口,将获取到的各电梯位置分布、状态、速度、质检等信息进行同步上传。 安防监控 为提升园区的安全管控效力,HT 支持无缝融合 HTML5 各项多媒体功能,联动各安防子系统,对公共、办公、设备间等全区域展开安防动态监测,当发现非法闯入、可疑分子、危险行为时自动定位报警
智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外,我觉得就是楼宇的监控了,可是之前做了很多关于机房方面的 Demo,所以最终决定做 3D 楼宇监控系统。 ? 代码生成 场景搭建 整个场景是由 HT for Web 的 3D 组件搭建而成,配合左侧的 listView 列表组件,通过点击这个 listView 列表组件中的各个项可以自由切换各个监控楼层和楼宇的场景 /symbols/智能楼宇/camera.json', // 3d图形整体贴图 'shape3d.image.cache' : true, // 如果贴图是矢量,是否缓存(缓存后性能会得到提升 监听点击事件 e.preventDefault(); // 阻止默认操作 if (e.clientY - 120 < 50) { showCity(); // 显示初始 3D 楼宇场景 总结 这个 3D 智能楼宇监控系统非常的简单,对于技术人员来说是完全没有挑战性的,主要工作内容在美工上,这么一来,如果要添加比较复杂的需求,技术人员就可以全身心地投入到产品上,而不是一些繁琐的 3D 模型的搭建了