阅读更多以下网页3D案例均为TWaver原创出品，推荐使用Chrome,FireFox,Safari等对WebGL支持良好的浏览器运行。案例排名不分先后，如需Demo，可直接申请试用。

以下网页3D案例均为TWaver原创出品，推荐使用Chrome,FireFox,Safari等对WebGL支持良好的浏览器运行。案例排名不分先后，如需Demo，可直接申请试用。 

1、化学元素周期表六种排列方式，炫酷动画效果，TWaver3D轻松实现。

阅读更多俗话说，有人的地方就有江湖，江湖就是帮派林立错综复杂的关系网。今天我们就来展示这样一个小小的江湖。故事背景崇祯末年，民不聊生，烽烟四起……江湖都是有背景的，我们的3D江湖也需要一个背景。江湖就是一个舞台，舞台就要有空间、场地、灯光和观众。在我们的3D舞台中，box就是空间，容纳所有物体；network就是场地，展示千姿百态；PointLight和AmbientLight就是灯光，让画面更立

接触过TWaver2D的都知道，box、network是必不可少的，但对3D场景来说，还远远不够。一是要添加镜头位置，确定我们在什么角度和距离进行观察；二是要加上灯光，否则再美的画面也

阅读更多TWaver3D发布也有很长一段时间了，相关的应用和项目也做了不少，特别是3D机房，可是有些用户反馈说3D机房开发起来有些费劲，耗时，3D并不像2D，虽然有时更加的直观，但是需要考虑的问题还挺多的

官网quick-start运行图见官方，或者自己运行一下Alt+Shift+R，在Eclipse中重命名文件第一个例子TWaver绘制网元的一般过程如下：1).new一个容器对象TDataBox、一个画布对象

在我们协助客户进行3D应用的开发过程中，客户遇到的最头疼的问题是如何在短时间内学会使用TWaver3D引擎，以及使用TWaver3D来创建和导入项目所需的各种3D业务模型。

阅读更多在我们协助客户进行3D应用的开发过程中，客户遇到的最头疼的问题是如何在短时间内学会使用TWaver3D引擎，以及使用TWaver3D来创建和导入项目所需的各种3D业务模型。

近几年，随着对带宽要求的越来越高，光网络设备已经逐渐取代老的传输介质成为主流，下面用一个demo简单介绍下TWaver在FTTX设备网管中的应用，本demo总共分3层1、MAP层这一层采用的是MAP+网元的叠加方式

前两篇给大家介绍了TWaver家族的新面孔——Legolas工业自动化平台，通过两个应用案例钻井平台工程用车和水源地监控系统，相信大家对Legolas已经有了一定程度的了解。

对于TWaver可视化家族的成员，大家比较熟悉的是我们的网络拓扑图组件和MONODesign三维建模工具。作为开发工具，这两款产品面向广大的程序猿同志，在界面可视化上为大家省时省力。

大家知道TWaver Java总的TList继承自Swing的JList，所以我们可以很容易控制其选择，例如单选、多选等。但是本文介绍如何控制按指定数量进行选择。 人生就是一个不停选择的过程。

如果有多个Flex应用，如何复用相同的代码（包括Flex Framework、自定义组件库和第三方包，比如TWaver Flex）； 4. 每次升级后，用户都需要重新下载新的SWF文件； 5.

分享Silverlight/WPF/Windows Phone一周学习导读 本周Silverlight学习资源更新： GUI线程安全详解（一） twaver

在上一篇TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（二）中，给大家介绍了Node.js的安装；本篇将介绍Node.js的使用

“定制”无疑是TWaver中最大的一特色，无论是node，link，attachment，就连tooltip也同样可以定制，“定制”可以显示出更强更复杂的一些功能，本文给大家带来了一个定制Tooltip

原文出处：http://twaver.servasoft.com/?

最近看到TWaver 的html5版本即将发布了，于是今天用TWaver HTML5 + NodeJS + express + websocket.io + redis搭建了一个简单原型。

TWaver HTML5即将发布，这里迫不及待的给大家介绍一下如何使用TWaver HTML5开发一套完整的拓扑系统。

TWaver的连线默认支持流动效果，设置连线的流动属性为true，以及流动颜色，方向，宽度等，就可以出现下面间隔颜色的流动效果。

下面我们以TWaver Flex 的Demo为例来讲解。 TWaver Flex产品demo是以Flex的方式构建和发布，很多客户想体验AIR的运行效果，FlashBuilder4.

TWaver Flex产品demo是以Flex的方式构建和发布，很多客户想体验AIR的运行效果，FlashBuilder4.

其实TWaver早已出了.NET版本，我想用TWaver来实现应该也不是很难，借助于之前Swing的例子，很快就实现了这样的效果图。今天就来分享一下我的思路。

比如TWaver默认提供圆形布局、交错布局、树形布局和弹簧布局，此外标签云、bus总线等也属于布局的应用，但需求总是变化无穷，数据结构不同，要求的呈现效果也不同，自动布局的定制在所难免，本文将介绍一种比较少见的布局效果

前段时间，看着不少人用twaver的Swing在写东西，比如我们武林中的Swing刀客  和 Swing剑客（注三号管家chart图的模仿），都用到了写出了很漂亮的swing界面。

虽然twaver没有提供这种样式的流动效果，但是这个实现起来也不难。先上图： 这张流程图中主要的还是点的流动效果，其他的用twaver实现起来并不难。

在使用TWaver加载时，可使用一些技巧，让加载速度更快、显示更流畅。 TWaver 3D支持导入json或obj等格式的3D场景。

/twaver.js"></script> &

现在，我们就试试TWaver的3D能显示多少个木箱子，透明的木箱子。数据量当然要大才行，10万个怎么样？干脆试试20万好了，具体说是60的立方矩阵=60x60x60=216000个。

在一般的游戏中，物体的选中效果会是这样： TWaver 3D中，物体的默认的选中效果一般都是一个方方正正的外框。在HTML5的Mono版本中，TWaver提供了轮廓线样式的选中效果。

的确，提起TWaver，大家想到的首先是“电信拓扑图组件”。其实，由于其灵活的MVC架构、矢量化设计、方便定制等特点，TWaver可以做的还有很多。例如房地产行业常见到的“户型图”。

一般而言，需要实现3D物体的渐变，通常的思路就是通过2D绘制一张渐变canvas图片作为3D对象的贴图，这种方式是可以解决这类问题的，不过对于一般用户而言，通过2D生成一张渐变的图片，有一定的难度，另外如果要生成的图片比较多，性能效率上会成为一个瓶颈，特别是渐变随着条件在不断变化的情况下，就需要每次绘制的时候都去生成一张渐变的canvas图，效率极其低。 在3D中，另外一种通常的方式就是通过顶点

应客户需求写个Demo，Demo中包含一些常用的功能，包括解析JSON数据生成TWaver中的网元和连线，网元右下角带上不同标识的小图标，连线需要是二次曲线，弹出菜单和信息板，跟大家分享下。

使用过MONO编辑器的朋友都应该了解MONO中支持一些动画的设置，比如开门，开窗，弹出设备，旋转场景，镜头巡航等。但如何将这些动画应用到自己的场景中呢？比如我们在编辑器中给机柜定义了动画，怎样让做好的机柜模型加载到自己的场景中并能播放动画呢？别急，我们来举个例子给大家讲解一下。 首先我们使用编辑器建一个机柜的模型，这里就不给大家演示了，MONO编辑器的平台上提供了多种机柜的模型，我们直接下载一个

      GIS作为信息系统的重要组成部分，在电信行业中的应用由来已久。将GIS引入电信管理系统，GIS强大的功能就会得到充分的体现，GIS技术可以将各类电信信息系统以其特有的表现形有机整合在一起，并为真正做到电信运行维护和营销整合为一体的管理模式提供强有力的手段。从电信企业经营的角度分析，电信企业拥有的资源可以大体分为外部资源和内部资源，外部资源主要是业务、用户资

赛瓦软件将在本次展会上展示TWaver® MONO Design® 图形

TWaver的Demo中有常用的环型布局和树型布局，但是当网元数量较多，又不想zoomOverView,聪明的我们自然会想到使用双层布局，整体效果既不会显得很拥挤，也能刚好充满整个窗口，如下图的效果：实现这样布局效果实现的步骤

在机房的监控时，经常需要去查看某个机柜中的某一台服务器的各项指标，比如该台服务器的CPU的使用情况、该台服务器的硬盘的使用情况、以及网络的流量等等，以下我们将用TWaver 3D来实现一下该例子：

对于表格body部分的勾选，最简单是应用TWaver默认的boolean类型的render，方法很简单，只要在创建表格列时设置下面的语句就行： colu

在这样的情况下，我们抛开布局算法不谈，主要分析如何提高布局的性能，如何让TWaver能够支持更强大的数据量，让整体的布局效果更人性化。

在之前的文章里，我们提到用户可以获得多种多样的TWaver官方模型库， 现在已经新鲜出炉，让我们擦亮眼睛，一睹为快！

熟悉TWaver的用户都知道Group的概念，如果是Group，那必然会出现一个网元在多组的情况，最近有客户遇到这个问题，给写了Demo，这些也跟大家分享一下如何实现，先让我们看看共享网元的效果。

俺不敢，不过用TWaver做一个也没用几个小时。所以就老在想：不就旅个游么，至于嘛？ 这个3D元素周期表做了一些改进：卡片上增加了汉字及拼音读音，原因你懂得——各位程序猿没几个敢大声读这些

但是对于使用TWaver Flex 3D的用户而言，有个小小的遗憾就是：整个MONO Design是面向HTML5 3D技术的，而不是Flex 3D的。其实不然，虽然MONO Design本身

TWaver组件中提供了一些通用的Chart，比如Line Chart，Bar Chart，Bubble Chart，Percent Chart等，对于一些复杂的Chart我们也可以通过定制的方式来实现

一款优秀的产品体现在细节，UI产品更是如此，精确到每个像素，平衡性能与效果的最佳点，是我们追求的目标，细节的实现过程会有困难，结果却让人兴奋，TWaver Android的开发正是如此，所以我忍不住想分享一些细节点

开发人员需要掌握Java编程语言，具备Android开发的能力，最后你需要TWaver Android开发库文件（twaver.android.jar），这样就可以开始TWaver Android的开发了

Android特性 Android是Google公司基于Linux内核的开源操作系统，主要用于移动设备，目前在智能手机市场占有重要份额。Android应用层使用Java语言开发，运行于Dalvik虚拟机，每个Android应用运行在独立的虚拟机中，这保证了各应用间资源的保护和线程安全。 Android架构简图 Android编程方式：Java，NDK，HTML 通常使用Java语言开发A

出于效率和保持js库最小化的考虑，TWaver HTML5的Tree组件默认的交互方式比较单调，目前只有选中改变文字背景；但是这不代表TWaver功能不够强大，相反，TWaver预留了很多可以重载的方法方便我们扩展