<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[subnetwork的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/subnetwork</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; subnetwork]]></copyright><item><title><![CDATA[VR技术在数据中心3D机房中的应用 （下）]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84896893</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84896893</guid><author>subnetwork</author><pubDate>Thu, 01 Jun 2017 14:23:18 +0800</pubDate><description><![CDATA[
VR技术在数据中心3D机房中的应用 （下）
 
前面给大家简单科普了一下VR的硬件设备以及VR在各个领域的应用，是不是觉得非常高大上？千言万语概括成一句话，VR能给用户带来前所未有的沉浸感和交互方式，让人足不出户就能够接触到外面的世界。世界那么大，我想去看看，可是我又懒，那该怎么办？于是，VR就这么火了。
 
相信很多人都跟我的朋友A一样，觉得VR是高科技，太先进，太高不可攀了。然而事...]]></description><category></category></item><item><title><![CDATA[VR技术在数据中心3D机房中的应用（上）    ]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84896812</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84896812</guid><author>subnetwork</author><pubDate>Wed, 31 May 2017 17:25:05 +0800</pubDate><description><![CDATA[
VR技术在数据中心3D机房中的应用（上）   
 
前两天跟朋友A吃饭，吃着吃着就说到了VR。近几年来，VR技术越来越火，感觉能跟VR沾点边的都特别高大上，朋友A也是，一提到VR，就怎么都掩盖不住他发自肺腑的敬仰之情。好吧，作为一个技术宅，我觉得是时候说点跟VR相关的事儿了。
 
VR，也就是 virtual reality的缩写，全称是虚拟现实。从字面上理解，就是这种技术能把现实中的一...]]></description><category></category></item><item><title><![CDATA[HTML5数据可视化第四弹：交互式地铁线路图]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84830823</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84830823</guid><author>subnetwork</author><pubDate>Tue, 13 Dec 2016 15:25:03 +0800</pubDate><description><![CDATA[
前言
 
最近特别忙，承蒙大伙关照，3D机房的项目一个接着一个，领了一帮小弟，搞搞传帮带……有个小弟很不错，勤奋好学，很快就把API都摸透了，自己折腾着做了个HTML5的魔都的地铁线路图，能拖能拽的，还和电子地图做了交互。哥决定把小弟的成果给大家展示一下。
 
效果图对比
 
网上的地铁图还是很多的，小弟选了这张比较新的做参考。想当年哥来魔都打拼时，图上可就一红一绿打个叉……暴露年龄...]]></description><category></category></item><item><title><![CDATA[10个TWaver网页3D可视化精彩案例]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84830327</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84830327</guid><author>subnetwork</author><pubDate>Fri, 09 Dec 2016 14:05:30 +0800</pubDate><description><![CDATA[
以下网页3D案例均为TWaver原创出品，推荐使用Chrome, FireFox, Safari等对WebGL支持良好的浏览器运行。案例排名不分先后，如需Demo，可直接申请试用。
 
1、化学元素周期表
 
六种排列方式，炫酷动画效果，TWaver 3D轻松实现。
 

 
演示地址：http://demo.servasoft.com/chemical-table/
 
...]]></description><category></category></item><item><title><![CDATA[HTML5数据可视化第三弹：萌萌哒拓扑图分组]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84829233</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84829233</guid><author>subnetwork</author><pubDate>Fri, 02 Dec 2016 09:55:06 +0800</pubDate><description><![CDATA[
前言
 
最近忙着给客户折腾一个复杂的多层嵌套关系。客户一句话“要好看！”，哥就忙白了头啊，还好最终搞定了。
 
需求描述
 
先简单描述下这次客户的需求。
现实应用中，网络拓扑图结构可能很简单，也可能非常复杂。
比如这种节点较多的单层拓扑：

稍复杂一些的：

 
再复杂一些的：

 
在这些拓扑图中常见的场景是，很多网络节点需要组成一组，这常被称为“网元组”...]]></description><category></category></item><item><title><![CDATA[TWaver3D拓扑图之人在江湖 ]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84828095</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84828095</guid><author>subnetwork</author><pubDate>Wed, 23 Nov 2016 15:43:35 +0800</pubDate><description><![CDATA[
 


俗话说，有人的地方就有江湖，江湖就是帮派林立错综复杂的关系网。今天我们就来展示这样一个小小的江湖。
 
故事背景
 
崇祯末年，民不聊生，烽烟四起……
江湖都是有背景的，我们的3D江湖也需要一个背景。江湖就是一个舞台，舞台就要有空间、场地、灯光和观众。在我们的3D舞台中，box就是空间，容纳所有物体；network就是场地，展示千姿百态；PointLight和Ambie...]]></description><category></category></item><item><title><![CDATA[TWaver3D拓扑图之球花绽放 ]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84827897</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84827897</guid><author>subnetwork</author><pubDate>Tue, 22 Nov 2016 15:20:06 +0800</pubDate><description><![CDATA[
 

 
这样一簇绚烂丰满艳丽多姿的3D小球花，要多少代码才能完成？其实不足百行，您信吗？下面咱就看一下具体实现过程，让您分分钟学会用TWaver HTML5制作3D拓扑图。
搭建3D空间
首先为花簇的绽放建一个展示的舞台。接触过TWaver2D的都知道，box、network是必不可少的，但对3D场景来说，还远远不够。一是要添加镜头位置，确定我们在什么角度和距离进行观察；二是要加上灯...]]></description><category></category></item><item><title><![CDATA[两步创建3D数据中心 ]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84827726</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84827726</guid><author>subnetwork</author><pubDate>Mon, 21 Nov 2016 14:26:10 +0800</pubDate><description><![CDATA[

TWaver 3D发布也有很长一段时间了，相关的应用和项目也做了不少，特别是3D机房，可是有些用户反馈说3D机房开发起来有些费劲，耗时，3D并不像2D，虽然有时更加的直观，但是需要考虑的问题还挺多的，模型、材质、效率，交互，以及视角等等。 比如：一个机柜有可能有许许多多个3D对象组成，因此要对其进行操作，例如：打开机柜门，添加或删除设备，查看某个设备时让其他的设备都虚化掉等类似功能，对于很...]]></description><category></category></item><item><title><![CDATA[一款最新的Web 3D开发工具—TWaver Make]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84792517</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84792517</guid><author>subnetwork</author><pubDate>Wed, 13 Apr 2016 17:24:55 +0800</pubDate><description><![CDATA[
在我们协助客户进行3D应用的开发过程中，客户遇到的最头疼的问题是如何在短时间内学会使用TWaver 3D引擎，以及使用TWaver 3D来创建和导入项目所需的各种3D业务模型。由于项目涵盖的行业繁多、对模型种类和精度的需求各异，为了降低TWaver底层引擎的使用难度，TWaver发布了一款全新的模型库框架TWaver® Make，来帮助开发者快速创建高质量、专业的行业可视化应用场景。
 
简...]]></description><category></category></item><item><title><![CDATA[HTML5+WebGL 3D机房开发实例]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84743571</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84743571</guid><author>subnetwork</author><pubDate>Wed, 30 Sep 2015 15:28:14 +0800</pubDate><description><![CDATA[
前阵子写了一篇HMTL5 3D机房开发的例子http://twaver.iteye.com/blog/2215863，介绍了如何用html5在网页上创建无插件的精美3d机房场景，收到很多朋友的鼓励，深表感谢。对于索要源代码的朋友，已经尽力邮件回复。由于精力所限，如未能收到的朋友请留言或给我发送邮件：tw-service@servasoft.com。最近项目第二期又要紧锣密鼓地开始了，所以想抓紧...]]></description><category></category></item><item><title><![CDATA[HTML5 3D水源监控系统]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84740586</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84740586</guid><author>subnetwork</author><pubDate>Mon, 07 Sep 2015 23:29:39 +0800</pubDate><description><![CDATA[
天津港爆炸事件后，除了安置群众、追究事故责任外，人们最关心的莫过于爆炸污染物对于周边环境的影响，其中最重要的一块就是饮用水的安全。所幸的是，水源的安全监测是实实在在有据可依的。环保单位和供水企业在建设自己的饮用水水源监控系统，实时的监控民生水源安全。
 
最近我们承接了一个水源地自动化监控系统的项目。由于水源地一般都会远离生产、生活区，例如各地的水库、地下水、井等，派驻人员实时进入水源腹地进...]]></description><category></category></item><item><title><![CDATA[看HTML5如何化解大型复杂网络拓扑图的分组嵌套效果]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84725905</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84725905</guid><author>subnetwork</author><pubDate>Thu, 25 Jun 2015 14:12:14 +0800</pubDate><description><![CDATA[
忙完3D，最近又开始用HTML5给客户开发网管界面。这次客户的需求很明确，要把一个关系很复杂的多层嵌套网络拓扑图做得尽可能美观和清晰。现实应用中，网络拓扑图结构可能很简单，也可能非常复杂，比如这种节点较多的单层拓扑：

稍复杂一些的：
 
再复杂一些的：
 
在这些拓扑图中常见的场景是，很多网络节点需要组成一组，这常被称为“网元组”。一般来说，网元组会有一个形状，双击可以展开/闭合...]]></description><category></category></item><item><title><![CDATA[HTML5数据可视化第二弹：打造最美3D机房]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84721756</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84721756</guid><author>subnetwork</author><pubDate>Mon, 01 Jun 2015 14:25:33 +0800</pubDate><description><![CDATA[
最近项目开发任务告一段落，刚好有时间整理这大半年的一些成果。使用html5时间还不久，对js的认识还不够深入。没办法，以前一直搞java，对js的一些语言特性和概念一时还转换不过来。
 
上一篇第一弹介绍了项目中做的一个彩虹爆炸图，主要用了 html5的canvas的2d绘制技术。这一回我想介绍一下项目中的一个亮点技术：html5的3D，以及如何用它打造精美的3D机房监控系统。
 
目...]]></description><category></category></item><item><title><![CDATA[HTML5数据可视化第一弹：彩虹爆炸图]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84719368</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84719368</guid><author>subnetwork</author><pubDate>Tue, 19 May 2015 15:23:53 +0800</pubDate><description><![CDATA[
前言
 
25年过去了，Brooks博士著名的“没有银弹”的论断依旧没有被打破。HTML5也是一样。但这并不妨碍HTML5是一个越来越有威力的“炸蛋”：发展迅速、势不可挡。随着HTML5技术的普及，用HTML5做可视化呈现的项目越来越多了。HTML5的优势明显：网页上直接运行无需插件、手机平板方便兼容、代码开发和维护相对容易，等等。一大波一大波的做Java、.NET甚至C++桌面的程序老手...]]></description><category></category></item><item><title><![CDATA[HTML5组织结构图之名片式网元布局]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84716923</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84716923</guid><author>subnetwork</author><pubDate>Thu, 07 May 2015 11:43:40 +0800</pubDate><description><![CDATA[
组织结构图（Organization chart）是企业的流程运转、部门设置及职能规划等最基本的结构依据。和客户交流时，不少人都提到需要一个灵活的工具来绘制呈现企业的组织架构，今天就给大家带来一款用TWaver实现的组织结构图，提供多种布局方式，为了清晰呈现组织里每个人的职能，我们定制了名片样式来展示网元。首先来看下整体的效果，是上下布局的样式：

也可以调整为圆形布局：
 
这些布局...]]></description><category></category></item><item><title><![CDATA[HTML5流程图之矢量可伸展workflow]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84716769</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84716769</guid><author>subnetwork</author><pubDate>Wed, 06 May 2015 17:17:09 +0800</pubDate><description><![CDATA[
互联网购物成了当今非常热门的话题，各种购物网站，手机APP如雨后春笋般涌现出来。什么买衣服，买水果，买米，买油都得到了解决，自从有了这些app，再也不用去超市排着超长的队伍，扛着超重货物，骑着超累的车子了。之前每出一趟门买东西简直是跟参加了一场马拉松似的，现在好了，直接送货到家。那么在购物的背后又有什么样的流程呢，今天我们给大家介绍的是TWaver的另一款流程图。说到TWaver的流程图却是层出...]]></description><category></category></item><item><title><![CDATA[HTML5流程图之复杂关系网]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84716762</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84716762</guid><author>subnetwork</author><pubDate>Wed, 06 May 2015 17:10:00 +0800</pubDate><description><![CDATA[
关系网图的呈现方式多种多样，今天我们给大家分享的是和弦式的关系网图，先来看看效果：
例子中我们展示的是各部门员工之间的复杂关系图。在公司内部，不仅部门内部员工之间发生着关系往来，部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈现，显然很难直观看出各种关系，用图形化的拓扑呈现就会显得一目了然。好了，我们就来分析一下这张图如何用twaver实现它。首先我们要定义部门的网...]]></description><category></category></item><item><title><![CDATA[数字图像处理技术在TWaver可视化中的应用]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84712647</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84712647</guid><author>subnetwork</author><pubDate>Thu, 16 Apr 2015 14:30:29 +0800</pubDate><description><![CDATA[
数字图像处理（Digital Image Processing）又称为计算机图像处理，它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程。常用的图像处理方法有图像增强、复原、编码、压缩等，数字图像处理应用领域非常广泛。具体关于数字图像处理的介绍可以参考书籍《冈萨雷斯 数字图像处理》。
 
TWaver作为可视化的利器，如果在展示网元的时候，融入图像处理技术，将会对网元图标的显示增加...]]></description><category></category></item><item><title><![CDATA[用拓扑图呈现多层级关系图]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84711828</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84711828</guid><author>subnetwork</author><pubDate>Mon, 13 Apr 2015 11:51:10 +0800</pubDate><description><![CDATA[
大部分拓扑图界面都有显示“分级呈现”的需求。一个复杂的系统或组织，会有很多不同层次的节点和连接关系。如何用图形相对清晰的呈现出来，是一个需要不断探讨的话题。

twaver中有很多的方式可以显示“分级”的先是方法：
1、用Group网元组显示。Group网元组是把一些网元显示在一个组中。这个组可以双击展开、闭合。在闭合状态，它和一个普通的网元节点没什么区别：有位置、有图标、有动作。双击后，...]]></description><category></category></item><item><title><![CDATA[当ECharts碰到TWaver]]></title><link>https://blog.youkuaiyun.com/subnetwork/article/details/84708045</link><guid>https://blog.youkuaiyun.com/subnetwork/article/details/84708045</guid><author>subnetwork</author><pubDate>Tue, 24 Mar 2015 10:10:00 +0800</pubDate><description><![CDATA[
百度公司的ECharts发展迅速，已经成为HTML5 Chart的佼佼者，这让大家骄傲：中国人终于也有世界级的开源通用UI产品了。正如其网站所说，它是百度的，是中国的，也是世界的。想想那些年，我们追逐感慨过的chart产品，fusionchart、highchart等等不计其数，随着HTML5的迅速普及和ECharts的疯狂发展，大家可以忘掉那些产品了。其他商业chart产品基本上也离颤抖中关门...]]></description><category></category></item></channel></rss>