高齐琦,江 婷,田世隆,林嘉琦

(中电海康集团有限公司,杭州 312000)

1 引言

随着大数据时代的到来,存储行业也面临着新的机遇和挑战.高效、真实且实时的存储设备可视化,不仅有利于此类设备的设计,也能为后续的运营和维护提供帮助.传统磁盘阵列 (Redundant Array of Independent Disk; RAID) 的可视化设计,只是通过表格罗列信息或是前视图、后视图的方式来实现,无法在空间位置上展示盘阵的细节,操作难以上手,且管理界面单调、互动性差,影响信息传递和操作效率,降低决策和响应速度.

WebGL (Web Graphical Library) 的诞生使得浏览器不需要任何插件即可呈现丰富的3D图形,并且提供更友好的交互功能[1],例如实时动画播放[2]、机房可视化[3]等工作.然而,在磁盘阵列的3D可视化问题上,目前国内极少涉及.

针对以上问题,本文提出基于WebGL第三方库three.js 3D磁盘阵列可视化的设计和实现框架,同时针对three.js API对复杂形态可视化的不足,还提出了预绘制模型,并以OBJ形式导入的策略.最后,在可视化3D磁盘基础上,增加了丰富且实用的交互功能,为磁盘阵列可视化表达提供了一种新的方法和途径.

本文按如下内容展开,在第2节将简要介绍WebGL与three.js库; 第3节介绍系统框架和页面的主要功能; 在第4节提出基于three.js的3D磁盘阵列可视化设计,讨论简单和复杂组件的模型建立和导入方法; 在第5节介绍客户端的交互功能; 最后进行总结并对后续工作做出展望.

2 关键技术介绍

2.1 WebGL与Three.js库

WebGL是一种跨平台、免费的3D绘图协议,是HTML5规范的组成之一,通过HTML5 Canvas元素对外暴……