使用webgl(three.js)创建3D机房(升级版)-普通机房

   目前市面上的数据中心主要分两大类,一类属于普通数据中心,机柜按照XY轴 有序排放,一类属于微模块集合的数据中心,多个机柜组合而成的微模块。

   本节课主要详细讲解普通数据中心的可视化展示,浏览器直接查看机房实时3D数据。

   功能简述:普通3D机房搭建,机柜、服务器、端口实时监控 数据联动展示,机柜动态添加、服务器上下架,动力环境数据可视化展示(温湿度云图,防盗门禁,配店,管线控制)、告警展示;

   技术难点:

    一、如何有效快速根据实际场景搭建机房模型

       解决方案:封装各代码模型,复用代码模型,争取快速有效搭建机房

    二、如何接入实时数据

      解决方案:使用一次请求,变化更新,订阅通知机制

    三、如何有效控制各场景间的切换平滑过渡,无卡顿,无延迟

      解决方案:使用 状态机 策略,有效控制状态变更与回滚,及时把控各状态之间的切换

    四、如何控制加载速度、浏览器内存、上万台服务器场景,如何有效控制帧率与处理速度

       解决方案:使用代码模型,降低模型占中空间,使用瓦片策略,实现所见即所载,减少提笔浏览器提笔次数,保证帧率与速度。

   三维数据可视化执行的意义:

    为什么需要可视化展示,我总结如下几点:

    a、实用性:直观快速的展示数据,提示告警,快速定位问题,为解决问题节省大量时间,

    b、成本管理:成本对于企业来讲是至关重要的,三维可视化可以为高层领导者,执行者提供最快捷的管理方案

    c、去专业化:本着代码改变世界的愿望,可视化操控就是为了让更多人的能够看懂、操作所谓专业的东西,

    d、科技:越是科技的东西,越需要直观的展示,越是复杂的东西越需要简单的描述。可视化恰恰解决了这个痛点。

    e、体面:企业的数据大屏是企业的形象,三维可视化可快速提示企业高大上的企业形象,向客户展示企业的实力与精致,

    d、轻便:这是技术的实现方式,使用电脑浏览器 或者手机浏览器直接查看三维机房,方便快捷

  如有不妥之处,还望指出 交流邮箱:1203193731@qq.com

效果与功能展示:

 一、机房建模

a、普通机房

使用webgl(three.js)创建3D机房(升级版)-普通机房

使用webgl(three.js)创建3D机房(升级版)-普通机房

b、不规则机房建模

使用webgl(three.js)创建3D机房(升级版)-普通机房

使用webgl(three.js)创建3D机房(升级版)-普通机房

使用webgl(three.js)创建3D机房(升级版)-普通机房

使用webgl(three.js)创建3D机房(升级版)-普通机房

c、微模块机房建模(下节课重点讲述)

使用webgl(three.js)创建3D机房(升级版)-普通机房

d、综合机房(含有微模块与普通机柜)

使用webgl(three.js)创建3D机房(升级版)-普通机房

二、鼠标滑过机柜,显示机柜概要信息

使用webgl(three.js)创建3D机房(升级版)-普通机房

使用webgl(three.js)创建3D机房(升级版)-普通机房

 三、双击机柜,显示机柜详情

使用webgl(three.js)创建3D机房(升级版)-普通机房

四、打开机柜门 显示机柜内部服务器详细信息

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgpdf.html