TWaver - 专注UI技术

http://twaver.servasoft.com/
posts - 171, comments - 191, trackbacks - 0, articles - 2
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

2017年6月1日

VR技术在数据中心3D机房中的应用 （下）

posted @ 2017-06-01 14:08 TWaver 阅读(278) | 评论 (0) | 编辑 收藏

2017年5月31日

VR技术在数据中心3D机房中的应用（上）

     摘要: 近年来VR（虚拟现实）这个词越来越频繁地出现在我们生活当中。由于它能带来前所未有的交互体验和沉浸感，VR技术的广泛应用，例如在游戏，影视，数据中心等领域，已经成了一个必然的趋势。  阅读全文

posted @ 2017-05-31 16:45 TWaver 阅读(331) | 评论 (0) | 编辑 收藏

2016年12月13日

HTML5数据可视化第四弹：可交互地铁线路图

     摘要: 用TWaver HTML5制作的上海地铁图，一个简单实用的小应用，具有纯矢量、可交互、有动态效果、无失真缩放等特点。可以方便扩展各种实用功能，也可以稍加改造应用于高铁、公交等类似图形展示。  阅读全文

posted @ 2016-12-13 14:36 TWaver 阅读(707) | 评论 (0) | 编辑 收藏

2016年12月9日

10个TWaver网页3D可视化精彩案例

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

posted @ 2016-12-09 15:29 TWaver 阅读(504) | 评论 (0) | 编辑 收藏

2016年12月2日

HTML5数据可视化第三弹：萌萌哒拓扑图分组

     摘要: 3D虽然炫酷，但在真正的企业应用里，数据、关系的呈现还是要回到传统的2D界面，而HTML5是目前的最佳选择。像HTML5的canvas，虽然已经不是什么新鲜技术了，但可以直接在浏览器中绘制网络拓扑图的逻辑关系，而不需要安装任何插件，对于很多正在更新换代的OSS系统来说，还是很有吸引力的。  阅读全文

posted @ 2016-12-02 10:26 TWaver 阅读(536) | 评论 (0) | 编辑 收藏

2016年11月24日

TWaver3D拓扑图之人在江湖

     摘要: 正看文章的小哥，我看你骨骼精奇，是个练武的奇才！我这里有一部TWaver3D宝典，何不入我赛瓦门，咱们一起闯荡江湖！  阅读全文

posted @ 2016-11-24 10:03 TWaver 阅读(342) | 评论 (0) | 编辑 收藏

2016年11月23日

TWaver3D拓扑图之球花绽放

     摘要: 本文介绍了如何用TWaver HTML5制作3D拓扑图，代码不足一百行，让大家领略TWaver3D拓扑图的风采。实际上，这个例子稍作变化，就可以用来展示丰富的3D网络拓扑图、各种复杂数据的树状关系图。  阅读全文

posted @ 2016-11-23 10:32 TWaver 阅读(272) | 评论 (0) | 编辑 收藏

2016年11月22日

一款最新的Web 3D开发工具—TWaver Make

     摘要: TWaver发布了一款全新的模型库框架TWaver® Make，来帮助开发者快速创建高质量、专业的行业可视化应用场景。TWaver® Make提供的是模版定义的开发SDK框架，和高质量的跨行业模型库。使用TWaver® Make，可以把TWaver 2D/3D的代码细节包装在模版中进行复用，极大的降低使用TWaver的复杂度，提高开发效率。模型库就像一本字典一样，开发着只需查阅模型id，就可以通过load方法快速加载使用这些内置模型。  阅读全文

posted @ 2016-11-22 10:35 TWaver 阅读(370) | 评论 (0) | 编辑 收藏

2016年11月21日

两步创建3D数据中心

     摘要: TWaver 3D发布也有很长一段时间了，相关的应用和项目也做了不少，特别是3D机房，可是有些用户反馈说3D机房开发起来有些费劲，耗时，3D并不像2D，虽然有时更加的直观，但是需要考虑的问题也很多。本文着重介绍了如何通过两个简单的步骤来创建出一个3D数据中心。
  阅读全文

posted @ 2016-11-21 11:25 TWaver 阅读(223) | 评论 (0) | 编辑 收藏

2016年11月18日

HTML5数据可视化第二弹：打造最美3D机房

     摘要: TWaver 3D产品的定位一直在于为企业提供3D应用的快速开发工具，方便企业开发适合自己的高效、实时的监控系统。用TWaver 3D开发的3D场景360度无死角，可绑定动态数据，轻松添加动画，在平板和手机上也能轻松运行。  阅读全文

posted @ 2016-11-18 10:29 TWaver 阅读(755) | 评论 (0) | 编辑 收藏

2016年11月17日

HTML5数据可视化第一弹：彩虹爆炸图

     摘要: HTML5发展迅速、势不可挡。随着HTML5技术的普及，用HTML5做可视化呈现的项目越来越多了。HTML5的优势明显：网页上直接运行无需插件、手机平板方便兼容、代码开发和维护相对容易，等等。一大波一大波的做Java、.NET甚至C++桌面的程序老手们都纷纷开始研究javascript了，而初出茅庐的新一代程序猿更是义无反顾的直奔HTML5这个技术大热点而来。本文主要介绍了用HTML5实现的彩虹爆炸图，具有诸多功能，可用于大数据展示。  阅读全文

posted @ 2016-11-17 10:52 TWaver 阅读(486) | 评论 (0) | 编辑 收藏

2015年5月22日

HTML5复杂拓扑图（五） Reingold Tilford树

     摘要: 前段时间，有个项目需要显示一个很大的树形拓扑结构图，而布局怎么都不好看。要生成一颗比较布局规矩、好看的树状图，一个成熟、高效的树形布局算法必不可少。Reingold Tilford是常用的一个，大家可以google一下。这个算法最先是由Edward Reingold和John Tilford一起发表的，并由他们的名字命名。有兴趣的同学，可以研究一下这篇1981年的论文：http://emr.cs.iit.edu/~reingold/tidier-drawings.pdf，里面给出了这个算法的原理和逻辑代码。这个算法的优点是逻辑相对简单，效率高。不过用js写一遍也要消耗很多脑细胞。还要，twaver直接提供了这种算法和自动布局，我们可以直接使用。 下面看一看这种布局的用途。利用Reingold Tilford树算法，我们可以把一个树形结构的数据，用不重叠、紧凑、分层的形式展示出来。  阅读全文

posted @ 2015-05-22 17:37 TWaver 阅读(6534) | 评论 (2) | 编辑 收藏

HTML5复杂拓扑图（四） 组织结构图

     摘要: 应广大客户所需，今天给大家带来一款组织结构图。组织结构图的呈现方式多种多样，用途也是非常广泛，可以应用于集团内部，企业各部门之间的组织关系呈现。我们就来看看twaver实现出来的效果。  阅读全文

posted @ 2015-05-22 17:33 TWaver 阅读(5184) | 评论 (1) | 编辑 收藏

HTML5复杂拓扑图（三） 可伸展流程图

     摘要: 说到TWaver的流程图却是层出不穷，千姿百态。2D的，3D的，静态的，动态的。这次要给大家呈现的是一款全矢量的，非常清新优美的流程图。  阅读全文

posted @ 2015-05-22 17:29 TWaver 阅读(3875) | 评论 (0) | 编辑 收藏

HTML5复杂拓扑图（二） 关系网图

     摘要: 在公司内部，不仅部门内部员工之间发生着关系往来，部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈现，显然很难直观看出各种关系，用图形化的拓扑呈现就会显得一目了然。  阅读全文

posted @ 2015-05-22 17:06 TWaver 阅读(3557) | 评论 (0) | 编辑 收藏