使用3D呈现拓扑的多层次结构

本文探讨了3D场景在网管中的应用,特别是在展示多层次网络结构方面的优势。通过3D技术,可以清晰展示网络的逻辑到物理结构,避免复杂的交互操作。TWaver提供了一个2D解决方案,但客户对立体感和多层处理的需求增加。通过利用Z轴坐标,3D场景能够有效地展示节点层次,实现直观的3D交互,如场景旋转、缩放等。欲了解更多详情,可查看相关论坛和Demo代码。
摘要由CSDN通过智能技术生成

        关于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);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值