关于3D场景在现在网管中的应用的讨论一直没有停止过,应用场景有哪些,应用的意义有哪些,可以为产品开发、为系统使用带来多少利益点等等。今天给大家介绍一种应用情景,希望能借此机会,抛砖引玉,引出更多更具有实际意义的应用需求来,为大家应用系统的丰富性添砖加瓦。
在TWaver传统的2D应用中,近一年非常突出地出现了一种需求,那就是希望能够在同一个页面内显示多种层次的网络结构,这样做的好处在于:在同一个页面中可以清晰地描述一个网络从逻辑到物理上的结构,与此同时,如果做跨层次的交互的时候(例如说更改子网内外节点的连接关系),就不需要采用钻取/回退(drill down/up)或者群组合并/收缩等的复杂操作了。
TWaver过去提供了使用2D技术拼凑上述需求页面的示例代码,效果已经相当不错了,但是客户的需求也是随着技术的发展而不断水涨船高,对原来的方案提出了不足之处:一方面立体感不够,场景不具有三维交互;另一方面,如果层次多,铺展较为分散的时候,拼接这样的图纸较为麻烦。
层次,意味着在平面坐标之余,多出一维数据用来描述节点关系,常用的描述方式则是节点纵向位置的不同(高中低的位置偏差)。仔细一想,这不正是3D场景中,高程数据的一个用武之地吗,Z轴坐标不是恰恰可以描述出高中低位置的差异,不也就正好能凸显节点间的层次吗?ok,马上试试看:
首先组织子网数据,同一个子网的数据我们认为它们处于同一层次,固然也就是具有相同的z坐标。
private function createGroup1():void{
var box:ElementBox = network.elementBox;
var bus:Node = NodeUtils.buildBus(new Vector3D(startx,ly,b1z),
new Vector3D(b1xr,ly,b1z),12,0xa0a0a0);