TWaver的技术博客

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

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

摘要： 前几篇文章，我们介绍了如何使用HTML5 + WebGL，从零开始一步一步打造一个基于web的3D机房展示程序，并陆续增加了资产管理和动环等效果。这篇文章是前三篇文章的延伸，进一步把3D机房从房间做了扩展，实现从“地球（地图）”— “园区”— “楼宇”— “机房”的炫酷效果，以及一些其他3D应用的开发思路，欢迎大家一起探讨。 阅读全文

摘要： TWaver® Make模型库提供了大量高精度、专业的行业预制2D、3D模型库，可以直接使用。模型库就像一本字典一样，开发着只需查阅模型id，就可以通过load方法快速加载使用这些内置模型。例如，下面代码调用了Make中预定义的电力变电站中的变压器模型。已知变压器模型的id为`twaver.grid.transformer`，则： ```var transformer = make.Default.load('twaver.grid.transformer');``` ```network3d.getDataBox().addByDescendant(transformer);``` 这样一来，很快便就搭建出一个变电站的场景了： 阅读全文

摘要： 在上一篇“Legolas工业自动化平台入门（二）数据响应动作”中，我们介绍了“动作”相关内容，了解到“动作”分为多种，各种动作的添加方式相同，但是应用方式各自不同。这篇里，我们会以控制阀门开关为案例，来介绍**交互事件响应动作**的使用。 阅读全文

摘要： 在上一篇文章里，我们简单地提到了“动作”的概念。不清楚的童鞋不要着急，这篇我们就来介绍如何在Legolas平台上添加动作，并应用动作。“动作”从使用场景角度可以分为*数据响应动作*和*事件响应动作*，其中事件响应动作又可以细分为*交互响应动作*和*逻辑事件响应动作*。“动作”是一个JavaScript的function，参数是包含属性值的绑定关系（relation）： `{bid:’’, property:’’, action:’’, value:’’}`“动作”的作用域为模板对象，即this是模板对象，能操作模板对象的任何属性。在上一篇中提到的动作是数据响应动作，这篇我们主要说明的也是数据响应动作。数据响应动作指的是当模板对象接收到绑定的属性值后，要做的动作。每个模板都有默认的数据响应动作，但是也可以自定义，编辑时添加。 阅读全文

摘要： 前两篇给大家介绍了TWaver家族的新面孔——Legolas工业自动化平台，通过两个应用案例，相信大家对Legolas已经有了一定程度的了解。这几篇文章，我们会逐步介绍一些使用Legolas开发的入门知识，同时给大家看更多的应用案例。大家一定会惊讶于为什么短时间内我们就积累了那多么案例对吧？不要着急，了解了Legolas的工作原理后，一切自然就清楚了。 这次的案例是客户的管汇系统升级改造。原先2D的管汇系统上线差不多有一年了，前段时间回访客户时，我们演示了3D的效果，客户立马就震惊了，当即决定要把现有的二维界面改造成三维界面。下面我们就简单演示一下，如何用Legolas来打造这个三维的管汇系统。 阅读全文

摘要： 最近我们承接了一个水源地自动化监控系统的项目。由于水源地一般都会远离生产、生活区，例如各地的水库、地下水、井等，派驻人员实时进入水源腹地进行数据监测，是不实际的，为了增强监测的实效性，远程的自动化水源监控系统是必不可少的。该系统除了能够监控各种水质指标外，还可以远程监测水源井的工作情况，远程监控水泵工作状态，同时还可以将监测指标以图形显示方式发布到各级监管单位或者管理领导的工作平台或者移动工作终端（平板、手机等）。 自动化监控产品并不少见，这次项目真正吸引客户眼球的是3D呈现效果。以往的监控系统都是以平面的方式来呈现，例如下图： 阅读全文

摘要： 对于TWaver可视化家族的成员，大家比较熟悉的是我们的网络拓扑图组件和MONO Design三维建模工具。作为开发工具，这两款产品面向广大的程序猿同志，在界面可视化上为大家省时省力。但是，当项目交付以后，我们经常会遇到这种情况：在已经交付的某客户现场，甲方又提出了界面改动需求。 通常情况下，需求都不难，但是会超出了当初需求调研以及验收标准中的要求了。而且按照传统的开发流程，撇开时间和费用等问题，界面改动通常需要让后方的美工大人重新调整界面，开发人员进行代码修改，一来一回，耗时耗力。我们近期也遇到了这样的情况，不过得益于项目所使用的Legolas™工业自动化平台，这个改动只花了几分钟就搞定了。 阅读全文

摘要： 前两篇介绍了如何从最基础的webgl封装到创建3d物体对象，再通过3d物体对象“搭积木”式的组建整个3d机房场景，如何在这个场景上进一步丰富更多的功能和呈现效果，以及实现这些功能在技术上的思路。这一篇里，会重点介绍一些业务功能，比如如何显示机柜的利用率和负载，如何处理动环监控的展示效果，包括温度、漏水、视频、门禁等。 阅读全文