TWaver - 专注UI技术

数字图像处理技术在TWaver可视化中的应用

摘要: 数字图像处理（Digital Image Processing）又称为计算机图像处理，它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程。常用的图像处理方法有图像增强、复原、编码、压缩等，数字图像处理应用领域非常广泛。具体关于数字图像处理的介绍可以参考书籍《冈萨雷斯数字图像处理》。
TWaver作为可视化的利器，如果在展示网元的时候，融入图像处理技术，将会对网元图标的显示增加了灵活性，是一件非常有意思的事情。那么我们不妨来试试，如何将图像处理技术融入进来。阅读全文

posted @ 2015-04-16 14:21 TWaver 阅读(1159) | 评论 (0) | 编辑收藏

当ECharts碰到TWaver

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

posted @ 2015-03-24 10:01 TWaver 阅读(2264) | 评论 (0) | 编辑收藏

TWaver GIS制作穹顶之下的雾霾地图

摘要: 用TWaver GIS实现全国雾霾图示例，查看更多。阅读全文

posted @ 2015-03-18 14:14 TWaver 阅读(4110) | 评论 (0) | 编辑收藏

TWaver HTML5之树形布局

摘要: 今天是春节后上班的第三天，给大家分享一下我们前段时间的一个需求，需求是这样的：界面中的网元分为不同的域，比如一级域，二级域，三级域，….N级域，而且不同域之间会有连线。对于这个需求，按照常规的想法，使用group岂不是很简单，一级域是一个group，二级域也是一个group，二级域的group是一级域的父亲，以此类推。但是这样有个问题，如果域比较多，会造成group的过度嵌套，界面中group多了之后，不仅用户体验下降，而且会严重影响性能，所以倒不如直接用树，可以很直观的体现各个域之间的层级关系。阅读全文

posted @ 2015-03-11 10:45 TWaver 阅读(5224) | 评论 (0) | 编辑收藏

TWaver推智能手表挑战华为苹果

摘要: 2015年的春节刚过，苹果、华为、三星就紧锣密鼓的发布了各自新产品。华为、苹果的智能手表最吸引眼球。TWaver也不甘示弱，立刻连夜推出了更像传统奢侈豪华手表的TWaver Watch，予以反击。看来一场腥风血雨的残酷竞争不可避免。下面就带大家先睹TWaver手表的芳容。阅读全文

posted @ 2015-03-04 10:26 TWaver 阅读(3538) | 评论 (1) | 编辑收藏

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

摘要: 随着岁末将至，twaver开发团队依旧马不停蹄，3d产品功能持续更新，新特效和功能目不暇接。现在，我们就利用一些新功能，制作一个全新“赛瓦号”飞船，大家看一下仿真程度是否有质的不同？阅读全文

posted @ 2015-02-16 10:34 TWaver 阅读(5412) | 评论 (2) | 编辑收藏

TWaver 3D作品Viewer查看器

摘要: 为了让开发者更方便的对各类3D模型、设备、物体进行浏览和查看，我们直接封装了mono.Viewer组件。它可以直接根据给定的数据源（json、obj、url等）进行数据加载和浏览展示。对于一般的3D设备、图纸、作品的展示，它可是非常方便了，一句new mono.Viewer()就解决了所有问题。各种常见的交互设置、灯光设置、呈现方式等，都已经直接封装其中。阅读全文

posted @ 2015-02-15 10:07 TWaver 阅读(3640) | 评论 (1) | 编辑收藏

3D特效之高光反射

摘要: 前篇我们介绍了TWaver 3D的环境映射特效，下面我们接着给大家分享高光反射特效。
高光反射定义了物体上的某一区域比其他地方更反光。在高光反射的贴图中，黑色区域的反射率为0（完全不反光），白色区域的反射率为100%（完全反光）。这在现实的生活中，也是随处可见，比如一个生锈的物体用低光，而一个抛光的金属应该用高强光；手表上的表盘比表带应该更反光；人的嘴唇应该比皮肤有更强的高光，而皮肤应该比纯棉衣服更反光。加上了这种高光效果后，会是3D物体更加真实，更加生动。
接下来我们就来讲解一下如何在一个模型中使用高光反射，比如我们需要创建一个大楼的建筑物。一个cube贴上建筑物的贴图就可以模拟了。我们准备了一张玻璃的贴图：阅读全文

posted @ 2015-02-06 10:18 TWaver 阅读(4200) | 评论 (3) | 编辑收藏

TWaver 3D应用于大型数据中心(续)

摘要: 在2014年11月份，我们当时发了一篇有关TWaver HTML5 3D应用于大型数据中心的文章，该blog比较详细的描述一些常用的功能的实现方法，比如：动态添加机柜，告警，温度，湿度等相关的功能的具体实现。其实会用这些东西的话基本上可以使用我们的TWaver HTML5 3D来实现相关的应用了，可是在有些客户觉得这还不够“动态”，都是代码一下生成的，少了一些交互，前些天同事说要不再加点功能，让它更加“动”一些，所以今天我抽了个时间再接着来个“续”——动态的添加机柜，主机和告警。阅读全文

posted @ 2015-02-04 11:50 TWaver 阅读(4127) | 评论 (1) | 编辑收藏

TWaver矢量小试——Android演进路线图

摘要: 还有半个多月就到春节了，年底相信很多公司都会进行年度总结以及公司发展状况总结，在这过程中难免会用到RoadMap，在这我们也使用TWaver的矢量部分绘制一个Android系统的发展历程。先看效果。阅读全文

posted @ 2015-02-02 11:42 TWaver 阅读(3753) | 评论 (1) | 编辑收藏

TWaver 3D特效系列之环境映射

摘要: 随着TWaver3D的快速发展，越来越多的各种功能都在不断加强，包括性能的极大提升（可以参考这里）,3D编辑器的易用性和功能持续增强(欢迎大家申请试用),各种特效的增加，特效是本文的主角。阅读全文

posted @ 2015-01-28 15:26 TWaver 阅读(1514) | 评论 (2) | 编辑收藏

TWaver动画之雷达扫描效果

摘要: UI和功能是好的产品的两个重要因素，很多产品往往只注重功能上的设计，而忽略了UI。在这个“看脸”的时代，就算产品的功能很强大，如果UI跟不上步伐，你的产品都会在客户心中大打折扣。如何利用TWaver实现动画之雷达扫描效果呢，点击看文章。阅读全文

posted @ 2015-01-26 13:54 TWaver 阅读(2663) | 评论 (1) | 编辑收藏

基于APE物理引擎的管线容积率计算方法

摘要: 容积率一般应用在房地产开发中,是指用地范围内地上总建筑面积与项目总用地面积的比值，这个参数是衡量建设用地使用强度的一项非常重要的指标。在其他行业，容积率的计算也非常重要，如产品利用率、管道使用率等等。那么在监控系统中，如何能够生动形象的表达容积率的计算，是的监控系统具有准确性、安全性的同时，还具备了多样性，良好交互性等等。最近的游戏产业发展也非常迅速，在手持终端3D的游戏也越来越多，那么如果我们将游戏引擎融入到监控系统中，会实现什么样的效果呢，本文重点介绍使用APE物理引擎结合TWaver 2D产品实现管线的容积率计算。先来看下效果：阅读全文

posted @ 2015-01-19 10:31 TWaver 阅读(883) | 评论 (0) | 编辑收藏