WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。
综合布线又称智能建筑布线系统,在当今的社会中发展速度越来越快,表现得越来越智能化,同时产生的维护成本也越来越高。为了解决行业痛点,聪明的现代人创造了很多可视化管理的办法,例如使用办公软件表格化、图像化记录,这种简单的系统还能应付过来,再复杂的布线管理将额外增加办公软件学习成本与维护成本。再者,一些厂商开发了技术较先进的b/s模式的可视化管理软件,但一些以svg、dom+css3为核心基础开发的软件,当布线系统中节点、设备、机柜、链路多到让人超乎想像,复杂到开始怀疑其布线系统设计时,技术的瓶颈将展现得一览无余-业务场景将会变成龟速逐帧动画。
Nvisual Lite是最新开发的一款基于webGL的综合布线管理系统软件,其2D、3D的展示效果将便捷与视觉等特点自由切换,同时性能也得到大幅提升,让记录、操作等得到肉眼可见的流畅。
以下将展示Nvisual Lite 2万个节点的2D效果(测试机型:2019款MacBook Air)。
我们看到,在2D下,一个场景2万个的节点在操作时几乎没有卡顿。由于缩放比的原因没有能看到所有的节点,但是很明显在这种机制下,其性能的展现完全不受缩放因素的限制。受业务的关联,在2D展示效果下,可以从整体视角查看业务对象等元素,使业务场景显得规模更加庞大,操作更便捷。
同时,在3D下,我们可以在没有任何3D建模导入的情况下,仅依靠数据的解析就可以在浏览器端构建出3D模型。在省下导入3D模型时间的同时,无浏览器插件安装、无人工实施干预生成的3D模型其流畅度也有所提升,并且仅依靠JSON的数据格式,将图形数据与业务数据紧密的绑定在一起,方便实现单例与批量的双维操作。
现阶段Nvisual Lite将在新前端的宠儿WebGL技术上“繁衍生息”,构建一系列的生态。相信不久的将来,webGL的规范标准将越来越满足当下的业务场景,Nvisual Lite也会越来越努力打造一片天。