twaver热门博客列表 - ITeye博客频道

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

在我们协助客户进行3D应用的开发过程中，客户遇到的最头疼的问题是如何在短时间内学会使用TWaver 3D引擎，以及使用TWaver 3D来创建和导入项目所需的各种3D业务模型。由于项目涵盖的行业繁多、对模型种类和精度的需求各异，为了降低TWaver底层引擎的使用难度，TWaver发布了一款全新的模型库框架TWaver® Make，来帮助开发者快速创建高质量、专业的行业可视化应用场景。简单 ...

3D开发 web 3d webgl twaver

TWaverGeek 评论(0) 有1948人浏览 2016-04-13 17:24

看HTML5如何化解大型复杂网络拓扑图的分组嵌套效果

忙完3D，最近又开始用HTML5给客户开发网管界面。这次客户的需求很明确，要把一个关系很复杂的多层嵌套网络拓扑图做得尽可能美观和清晰。现实应用中，网络拓扑图结构可能很简单，也可能非常复杂，比如这种节点较多的单层拓扑：稍复杂一些的：再复杂一些的：在这些拓扑图中常见的场景是，很多网络节点需要组成一组，这常被称为“网元组”。一般来说，网元组会有一个形状，双击可以展开/闭合。 ...

html5 web前端开发拓扑图 twaver

TWaverGeek 评论(0) 有3637人浏览 2015-06-25 14:12

大部分拓扑图界面都有显示“分级呈现”的需求。一个复杂的系统或组织，会有很多不同层次的节点和连接关系。如何用图形相对清晰的呈现出来，是一个需要不断探讨的话题。 twaver中有很多的方式可以显示“分级”的先是方法： 1、用Group网元组显示。Group网元组是把一些网元显示在一个组中。这个组可以双击展开、闭合。在闭合状态，它和一个普通的网元节点没什么区别：有位置、有图标、有动作。双击后，默 ...

拓扑图 TWaver 层级关系

TWaverGeek 评论(0) 有1685人浏览 2015-04-13 11:51

当ECharts碰到TWaver

百度公司的ECharts发展迅速，已经成为HTML5 Chart的佼佼者，这让大家骄傲：中国人终于也有世界级的开源通用UI产品了。正如其网站所说，它是百度的，是中国的，也是世界的。想想那些年，我们追逐感慨过的chart产品，fusionchart、highchart等等不计其数，随着HTML5的迅速普及和ECharts的疯狂发展，大家可以忘掉那些产品了。其他商业chart产品基本上也离颤抖中关门的 ...

ECharts HTML5 TWaver

TWaverGeek 评论(0) 有1263人浏览 2015-03-24 10:10

TWaver HTML5之树形布局

转眼间春节假期已经过完，作为一个职业的程序猿，不知道大家有没有这样的感觉，一天不碰电脑，总觉得生活少点什么。今天是春节后上班的第三天，给大家分享一下我们前段时间的一个需求，需求是这样的：界面中的网元分为不同的域，比如一级域，二级域，三级域，….N级域，而且不同域之间会有连线。对于这个需求，按照常规的想法，使用group岂不是很简单，一级域是一个group，二级域也是一个group，二级域的grou ...

TWaver HTML5 树形布局

TWaverGeek 评论(0) 有1438人浏览 2015-03-11 10:53

3D赛瓦号——整装待发！

随着岁末将至，twaver开发团队依旧马不停蹄，3d产品功能持续更新，新特效和功能目不暇接。现在，我们就利用一些新功能，制作一个全新“赛瓦号”飞船，大家看一下仿真程度是否有质的不同？网页3d技术正在快速发展，3d可视化技术目前大热，不但是目前整个IT业中的技术热点，也是互联网、投资界的热门话题。各种3d虚拟仿真技术纷纷出现，对twaver这类底层3d展示引擎产品需求量也迅速加大，要求也不 ...

TWaver 3D TWaver 3D 折射高光反射

TWaverGeek 评论(0) 有692人浏览 2015-02-16 10:51

Twaver

Twaver中拓扑图创建时根据value值设置隐藏 <div> <input type="text" id="GameOver" /> <input type="button" value="隐藏" onclick="setUnvisible(resid)& ...

twaver

数乐舞者评论(0) 有694人浏览 2015-02-09 17:34

TWaver3D特效系列之环境映射

随着TWaver3D的快速发展，越来越多的各种功能都在不断加强，包括性能的极大提升（可以参考这里）,3D编辑器的易用性和功能持续增强(欢迎大家申请试用),各种特效的增加，特效是本文的主角。对于UI技术的不断发展和越来越挑剔的用户，各种特殊的效果已经变成了一种必不可少的需求了；或许你正在为客户提出的需求而苦恼，不过不用担心，用TWaver3D正好可以解决这些苦恼。用时下流行的一句话说：有TWa ...

TWaver TWaver 3D UI GIF

TWaverGeek 评论(0) 有660人浏览 2015-01-28 15:33

TWaver动画之雷达扫描效果

UI和功能是好的产品的两个重要因素，很多产品往往只注重功能上的设计，而忽略了UI。在这个“看脸”的时代，就算产品的功能很强大，如果UI跟不上步伐，你的产品都会在客户心中大打折扣。做安全和监控的项目中经常会进行扫描，一般会用一个gif图片来表示软件正在进行扫描，但是如果想更换这个图标的样式，就需要美工重新做图。TWaver提供了动画效果，如果对图标的动画样式不满意，可以通过简单的更改程序来实现，避免 ...

GIS HTML5 TWaver 机房监控

TWaverGeek 评论(0) 有1600人浏览 2015-01-26 14:03

HTML5 实现Link跳线效果

之前我们推出过Flex版本的Link跳线效果，现在基于HTML5新版本的跳线效果也实现了，细微之处我们进行了改进，如link倾斜的时候Offset方向始终保持垂直� ...

Twaver Flex TWaver HTML5 link

TWaverGeek 评论(0) 有1020人浏览 2015-01-15 14:01

用TWaver加载大型游戏场景一例

游戏中经常会出现一些大型的户外场景，例如一个小镇、一座古城等。通常这种场景中包含了较多的建筑、道路、桥梁等等元素，其3D模型比较大且复杂。在使用TWaver加载时，可使用一些技巧，让加载速度更快、显示更流畅。 TWaver 3D支持导入json或obj等格式的3D场景。如果是obj格式，可将obj文件、mtl文件、所有贴图文件，以字符串参数形式传给TWaver进行加载。当然这些文件也都可以是网络 ...

TWaver 3D 3D 模型 TWaver

TWaverGeek 评论(0) 有736人浏览 2015-01-06 13:52

如何在MONO 3D寻找最短路路径

前段时间有个客户说他们想在我们的3D的机房中找从A点到B点的最短路径，然而在2D中确实有很多成熟的寻路算法，其中A*是最为常见的，而这个Demo也是用的A*算法，以下计算的是从左上角到右下角的最短路径：具体的实现方式是，先将地板进行了分割，分成一个数组，然后再计算该点上是否有3D的对象，若是有，就置成该点不能通过的标记，否则就表示该点可以通过（如果你分割的越细那么算的就越精确，但是算的当然也就慢一 ...

TWaver 3D TWaver MONO Design

TWaverGeek 评论(0) 有902人浏览 2014-12-02 10:45

如何实现TWaver 3D颜色渐变

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

TWaver 3D TWaver 2D

TWaverGeek 评论(0) 有549人浏览 2014-10-21 13:37

被忽视的TWaver功能（1）

应客户需求写个Demo，Demo中包含一些常用的功能，包括解析JSON数据生成TWaver中的网元和连线，网元右下角带上不同标识的小图标，连线需要是二次曲线，弹出菜单和信息板，跟大家分享下。先上图让大家看看效果（大家在学习的同时，能否发现这次Demo有所不同）解析JSON数据生成TWaver中的网元和连线下面是Demo中用到的JSON数据格式样例

TWaver json microsoft 网元

TWaverGeek 评论(0) 有1304人浏览 2014-10-13 09:44

赛瓦软件参加2014中国国际信息通信展

作为亚洲规模最大、最具影响力的世界级信息通信展，2014中国国际信息通信展览会将于9月23日至27日在北京中国国际展览中心(静安庄)举办。本次展会将深度关注4G/5G技术、移动互联网、云计算、大数据、物联网、信息消费、信息安全、虚拟运营等行业热点话题，重点展示相关领域的最新技术发展成果、科技创新产品和服务。赛瓦软件将在本次展会上展示TWaver® MONO Design® 图形界面编辑平台。T ...

TWaver 赛瓦软件电信展

TWaverGeek 评论(0) 有618人浏览 2014-09-24 10:24

如何创建环型、树型双层布局

TWaver的Demo中有常用的环型布局和树型布局，但是当网元数量较多，又不想zoomOverView,聪明的我们自然会想到使用双层布局，整体效果既不会显得很拥挤，也能刚好充满整个窗口，如下图的效果：实现这样布局效果实现的步骤：1.将link个数最多的Node作为圆点或顶点。2.分别计算所有点的位置。查找圆点或顶点的核心代码如下：

TWaver 环形布局树形布局

TWaverGeek 评论(0) 有833人浏览 2014-09-19 10:58

如何创建发光的环路

先看看发光链路的运行效果：在这个Demo中主要包含三个技术点，一是如何在选取一条链路时，让整条回路发光；二是如何绘制带有箭头方向的曲线link；三是如何设置链路的样式，让整体可控。1.如何获取整条回路的所有link，并使之发光以前做客户支持，也处理过类似的问题，当时的解决方法是通过获取当前的Link，然后通过不断的遍历，不断获取link的fromNode和toNode，然后再获取Node的Lin ...

TWaver link MONO Design 发光的环路

TWaverGeek 评论(0) 有808人浏览 2014-09-16 13:44

Autolayout性能优化

客户的需求就是我们进步的动力。最近有客户提出大数据量Topo图的自动布局问题，在Topo中除了Node、Link，还包括Group、Subnetwork等容器组件。在这样的情况下，我们抛开布局算法不谈，主要分析如何提高布局的性能，如何让TWaver能够支持更强大的数据量，让整体的布局效果更人性化。首先我们应该去发现问题的根源，当TWaver支持大数据量时候，布局效果不佳，那么我们PC都在做什么呢 ...

拓扑 MONO Design TWaver

TWaverGeek 评论(0) 有985人浏览 2014-09-03 11:05

Group共享网元

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

Mono Design TWaver

TWaverGeek 评论(0) 有635人浏览 2014-08-12 17:12

TWaver MONO模板库新鲜出炉精彩纷呈

MONO Design在线3D建模平台网站, www.mono-design.cn，开发组的成员们已经开始紧锣密鼓的对这个平台进行内测。在之前的文章里，我们提到用户可以获得多种多样的TWaver官方模型库，现在已经新鲜出炉，让我们擦亮眼睛，一睹为快！模板图库闪耀登场…TWaver MONO Design模板库中，各式各样的办公桌、椅子等，快速拖拽，创意摆放，分分钟创建办公室工作场景。下面是 ...

TWaver MONO Design 3D 模板库

TWaverGeek 评论(0) 有939人浏览 2014-08-05 11:39

博客专栏推荐

本月博客排行

年度博客排行

最新文章列表