用html5制作机柜,Web 3D智能数字机房，HTML5+WebGL匠心打造

在html5里面使用3D已经不是什么高深技术，它的基础是WebGL，一个OpenGL的浏览器子集，支持大部分主要3D功能接口。目前最新的浏览器都有比较好的支持，IE需要到11。

最近web 3D机房开发任务告一段落，刚好有时间整理这大半年的一些成果。使用html5时间还不久，对js的认识还不够深入。

目标效果图

机房线缆和走线架

线缆的连接走向和连接关系是管理员关注的焦点。机架中的网络设备或服务器设备会通过端口和线缆进行连接，组成一定结构的网络。而线缆的走向在物理上通过肉眼是很难看清晰的。更多线缆会从机柜连出，延伸到屋顶上方或地板下方的隐蔽工程中(例如走线架)固定和布线，用肉眼更无法观察。此刻，需要3D机房界面能清晰的显示电缆从端口到走线架再到端口的“端到端”的物理走线，方便管理员了解网络走线情况和管理。