TWaverGeek
- 浏览: 160784 次
- 性别:
- 来自: 上海
-
最新评论
-
qq_21380041：
954414957@qq.com
HTML5数据可视化第二弹：打造最美3D机房 -
qq_21380041：
楼主，求代码
HTML5数据可视化第二弹：打造最美3D机房 -
luoaz：
楼主能不能传个源码的附件上来， 分享学习下呢？
HTML5+WebGL 3D机房开发实例 -
xiaosi1278：
你好能不能把你讲的源代码发一下！！做参考403541110@q ...
TWaver 3D 编辑器的使用（一）－－－－设计3D场景以及数据绑定 -
TWaverGeek：
BigBird2012 写道您好，您能把您使用TWaver导入 ...
TWaver导入导出AutoCAD DXF图纸
文章列表
容积率一般应用在房地产开发中,是指用地范围内地上总建筑面积与项目总用地面积的比值，这个参数是衡量建设用地使用强度的一项非常重要的指标。在其他行业，容积率的计算也非常重要，如产品利用率、管道使用率等等。那么在监控系统中，如何能够生动形象的表达容积率的计算，是的监控系统具有准确性、安全性的同时，还具备了多样性，良好交互性等等。 最近的游戏产业发展也非常迅速，在手持终端3D的游戏也越来越多，那么如果我们将游戏引擎融入到监控系统中，会实现什么样的效果呢，本文重点介绍使用APE物理引擎结合TWaver 2D产品实现管线的容积率计算。 先来看下效果：物理引擎很多,我们使用比较容易入手的APE引擎,首先要对 ...
之前我们推出过Flex版本的Link跳线效果，现在基于HTML5新版本的跳线效果也实现了，细微之处我们进行了改进，如link倾斜的时候Offset方向始终保持垂直等。先看效果。实现的算法和Flex基本一致，在这不做进一步分析了，算法中 ...
论坛上有同学提出如何在tree上画引导线，之前我们Flex已经实现此功能，现在最新版的HTML5也将添加此功能。先看看效果：详细的使用方法可以参考我们开发手册中可视化视图组件#Tree引导线一章，下面贴出一个Demo，没有图标，没有框选。仅供参考：
游戏中经常会出现一些大型的户外场景，例如一个小镇、一座古城等。通常这种场景中包含了较多的建筑、道路、桥梁等等元素，其3D模型比较大且复杂。在使用TWaver加载时，可使用一些技巧，让加载速度更快、显示更流畅。
TWaver 3D支持导入json或obj等格式的3D场景。如果是obj格式，可将obj文件、mtl文件、所有贴图文件，以字符串参数形式传给TWaver进行加载。当然这些文件也都可以是网络上的URL字符串。
?
1
打开个门户网站都千呼万唤，我们还能期待网页上的3D技术会有“酣畅淋漓”、“一气呵成”的感受吗？也许现在还差点火候。但是HTML5、WebGL等技术一直在飞速的发展，可能很快你就会惊讶它的能力。现在，我们就试试TWaver的3D能显示多少个木箱子，透明的木箱子。数据量当然要大才行，10万个怎么样？干脆试试20万好了，具体说是60的立方矩阵=60x60x60=216000个。只有压榨到极限才能了解WebGL和TWaver 3D技术适合做什么应用。
下面就Let’s go吧！
首先new一个box和network放在网页上：
前段时间有个客户说他们想在我们的3D的机房中找从A点到B点的最短路径，然而在2D中确实有很多成熟的寻路算法，其中A*是最为常见的，而这个Demo也是用的A*算法，以下计算的是从左上角到右下角的最短路径：具体的实现方式是，先将地板进行了分割，分成一个数组，然后再计算该点上是否有3D的对象，若是有，就置成该点不能通过的标记，否则就表示该点可以通过（如果你分割的越细那么算的就越精确，但是算的当然也就慢一些，关键看你的要求），以下是分割地板的代码：
在一般的游戏中，物体的选中效果会是这样：
TWaver 3D中，物体的默认的选中效果一般都是一个方方正正的外框。在HTML5的Mono版本中，TWaver提供了轮廓线样式的选中效果。
通过如下代码把几个基本形状进行捏合，生成新的组合体：
的确，提起TWaver，大家想到的首先是“电信拓扑图组件”。其实，由于其灵活的MVC架构、矢量化设计、方便定制等特点，TWaver可以做的还有很多。例如房地产行业常见到的“户型图”。
户型推荐是销售接待中很重要的阶段，也被称做是为客户造梦的过程，户型也是客户是否选择该楼盘的一大要素。制作漂亮的户型图在房地产行业无疑是非常重要的一项工作。
首先利用TWaver常被忽视的“矢量图形”功能，来定义房间和隔断的形状。这可以通过代码片段完成、json格式定义完成、或编辑器拖拽完成。一小段代码或json足可以定义任何复杂的矢量形状：
一般而言，需要实现3D物体的渐变，通常的思路就是通过2D绘制一张渐变canvas图片作为3D对象的贴图，这种方式是可以解决这类问题的，不过对于一般用户而言，通过2D生成一张渐变的图片，有一定的难度，另外如果要生成的图片比较多，性能效率上会成为一个瓶颈，特别是渐变随着条件在不断变化的情况下，就需要每次绘制的时候都去生成一张渐变的canvas图，效率极其低。
在3D中，另外一种通常的方式就是通过顶点色来实现渐变，然而这种方式对于用户的难度更大，因为需要用户了解3D底层的一些原理，同时需要对于每个物体的顶点结构有深入了解；尽管如此难，这种方式由于受到了顶点数量的限制，其渐变的颜色数量也受到了 ...
应客户需求写个Demo，Demo中包含一些常用的功能，包括解析JSON数据生成TWaver中的网元和连线，网元右下角带上不同标识的小图标，连线需要是二次曲线，弹出菜单和信息板，跟大家分享下。先上图让大家看看效果（大家在学习的同时，能否发现这次Demo有所不同）
解析JSON数据生成TWaver中的网元和连线下面是Demo中用到的JSON数据格式样例
使用过MONO编辑器的朋友都应该了解MONO中支持一些动画的设置，比如开门，开窗，弹出设备，旋转场景，镜头巡航等。但如何将这些动画应用到自己的场景中呢？比如我们在编辑器中给机柜定义了动画，怎样让做好的机柜模型加载到自己的场景中并能播放动画呢？别急，我们来举个例子给大家讲解一下。
首先我们使用编辑器建一个机柜的模型，这里就不给大家演示了，MONO编辑器的平台上提供了多种机柜的模型，我们直接下载一个模型导出一份json可以了，这里我们直接拿了MONO中公开的“42U标准机柜”的数据并导出了一份数据格式保存在本地。
接着可以在自己的场景中将这份数据导入进来，代码如下：
GIS作为信息系统的重要组成部分，在电信行业中的应用由来已久。将GIS引入电信管理系统，GIS强大的功能就会得到充分的体现，GIS技术可以将各类电信信息系统以其特有的表现形有机整合在一起，并为真正做到电信运行维护和营销整合为一体的管理模式提供强有力的手段。从电信企业经营的角度分析，电信企业拥有的资源可以大体分为外部资源和内部资源，外部资源主要是业务、用户资源，例如营业收入，电信用户数量分布，内部资源主要是各种物理设施如营业厅、机房、管道、电杆交换机、电缆、光缆、交接箱、无线基站等。在电信行业引入gis，对电信资源管理、运行管理、无线应用、客户服务、增值服务等宏观方面都充分的利用价值。 前面 ...
作为亚洲规模最大、最具影响力的世界级信息通信展，2014中国国际信息通信展览会将于9月23日至27日在北京中国国际展览中心(静安庄)举办。本次展会将深度关注4G/5G技术、移动互联网、云计算、大数据、物联网、信息消费、信息安全、虚拟运营等行业热点话题，重点展示相关领域的最新技术发展成果、科技创新产品和服务。
赛瓦软件将在本次展会上展示TWaver® MONO Design® 图形界面编辑平台。TWaver® MONO Design® 提供拖拽方式在浏览器中绘制2D和3D图形，可用于展现软件系统的业务和流程，实现数据和信息的可视化呈现。通过MONO Design®搭建3D模型和场景，建模方式简 ...
TWaver的Demo中有常用的环型布局和树型布局，但是当网元数量较多，又不想zoomOverView,聪明的我们自然会想到使用双层布局，整体效果既不会显得很拥挤，也能刚好充满整个窗口，如下图的效果：实现这样布局效果实现的步骤：1.将link个数最多的Node作为圆点或顶点。2.分别计算所有点的位置。查找圆点或顶点的核心代码如下：
先看看发光链路的运行效果：在这个Demo中主要包含三个技术点，一是如何在选取一条链路时，让整条回路发光；二是如何绘制带有箭头方向的曲线link；三是如何设置链路的样式，让整体可控。1.如何获取整条回路的所有link，并使之发光以前做客户支持，也处理过类似的问题，当时的解决方法是通过获取当前的Link，然后通过不断的遍历，不断获取link的fromNode和toNode，然后再获取Node的Link,从而获取回路中所有的Link和Node。这样实现的缺点是要通过大量的遍历，实现起来比较繁琐，本文的处理方法是，在创建link的时候，设置一个Client属性，在选择回路的时候，直接读取这个Clie ...