插播一则广告(长期有效)
TWaver需要在武汉招JavaScript工程师若干
要求:对前端技术(JavasScript、HTML、CSS),对可视化技术(Canvas、WebGL)有浓厚的兴趣
基础不好的可培养,基础好的可共谋大事
感兴趣的给我发邮件:hr@servasoft.com

------------------------------------------------------------正文的分割线--------------------------------------------------------------

前两天说到了3D编辑器是大势所趋,今天就接着这个话题继续说。

Legolas,特别帅气的一个名字,是TWaver继Mono-Design发布的一款产品,其最大的特点就是通过框架式设计和模块化的呈现,突破了中间件的限制,可以直接将通过可视化拖拽生成的场景,经过简单的机制,即转换为可运行的程序。

如果觉得这段话比较生涩,可以直接理解为:Legolas是一个不写代码就能生成组态化监控小程序的平台,像精灵王子一样帅气。

Legolas具备了一个优秀编辑器应该有的样子:

  • 丰富的图元库,2D和3D的各类常见对象
  • 拖拽式交互(设置界面布局,数据关联绑定,图元联动动作设定…)
  • 多种页面容器,支持界面布局和交互
  • 脚本式动态逻辑注入
  • Event总线满足跨界面,跨图元类型交互
  • 编辑态及调试态之间的实时切换
  • 预定义的业务流程模块
  • 跨屏幕的支持

就是下面这些简简单单的小组件,拖拖拽拽,就摇身变成了各种小项目。

例如,水质净化过程中,对药剂流量和进水量进行实时检测的污水自动控制处理:

对生产车间内各项生产指标和环境指标实时采集并进行图形化展示的化工厂自控系统:

工程用车车况的采集和实时监控:

配电房一次接线图:

水源地自动化监控系统中可旋转交互的小阀门:

Legolas的独到之处,在于它在Mono-Design的基础上,向行业应用更近了一步,可以帮助那些不太懂代码的终端用户、实施人员迅速组建监控平台。也难怪,具备了这些特色的Legolas,在非电信行业,尤其是工控领域大放异彩。

随着越来越多的商业项目采用了Mono Design和Legolas,“可视化”的概念也越来越深入人心。TWaver深知一款优秀的编辑器工具,将大幅减少工程师和项目实施人员的工作量,就像编辑器在TWaver内部使用时一样。因此,2015年,TWaver推出了一款集多年编辑器之大成的产品:TWaver Doodle,正如其名,希望用户可以像涂鸦般轻松地使用编辑功能。

  • TWaver Doodle不是单纯的编辑器,而是编辑器的组件:
  • 高度封装的编辑器组件,完整的数据编辑能力
  • 支持TWaver 2D拓扑图、TWaver 3D模型、HTML片段的编码
  • 网络拓扑图、设备机架图、流程图、3D模型、3D机房/园区的快速编辑
  • 基于TWaver Make模板库,实现模版的快速导入,及编辑数据的导出
  • 通过API接口实现快速集成,让您的系统立刻拥有强大的编辑器

简单地说,他可以是TWaver Doodle,也可以是你的Doodle。换logo,改布局,自定义模型,2D的,3D的,任何行业的,都可以通过Doodle来实现。

例如,Doodle为数据中心打造了一整套的场景、机架、面板、模型编辑器:

机架,设备,模型多多,属性都可以自定义:

拖拖拽拽,设备上架:

设备面板,也可以自由定义和编辑:

面板、设备、机架,完事具备,只差场景:

四大神器凑在一起,简直就是合体金刚大力神了:

提到TWaver Doodle,就不得不介绍一下他的好兄弟TWaver Make。Make和Doodle是打虎不离亲兄弟,一个管理模型,一个主打编辑,无论是2D还是3D的可视化应用,都可以分分钟搞定。

Doodle的发布,标志着TWaver已经形成了内部使用,客户定制,标准化产品三位一体的编辑器解决方案。

当然,TWaver并不止步于此,真正的大杀器还在后头,我们下一篇接着说。

TWaver可视化编辑器的前世今生(三)Doodle编辑器的更多相关文章

  1. TWaver可视化编辑器的前世今生(四)电力 云计算 数据中心

    插播一则广告(长期有效) TWaver需要在武汉招JavaScript工程师若干 要求:对前端技术(JavasScript.HTML.CSS),对可视化技术(Canvas.WebGL)有浓厚的兴趣基础 ...

  2. TWaver可视化编辑器的前世今生(二)3D编辑器

    接着昨天的继续说哈. 作为一款高效.轻量.自带编辑功能小组件,TWaver Java在电信网管界一炮而红,在各大运营商的OSS,BSS,NMS系统中随处可见. 采用了TWaver图形组件的上海世博会监 ...

  3. unity3D Socket连接C#server出现unity3D编辑器再次启动连接 unity3D编辑器马上卡死

    unity3D Socket与C#server第一次连接时通讯正常.客服端段关闭后.unity3D编辑器再次启动连接 unity3D编辑器马上卡死 原因是Socket处于异步状态,而异步线程是不受Un ...

  4. N个富文本编辑器/基于Web的HTML编辑器

    转自:http://www.cnblogs.com/lingyuan/archive/2010/11/15/1877447.html 基于WEB的HTML 编辑器,WYSIWYG所见即所得的编辑器,或 ...

  5. TWaver可视化编辑器的前世今生(一)电信网管编辑器

    走到今天,TWaver,一个致力于在技术领域(Technology)的弄潮儿(Waver),已经是第十二个年头.当年网吧的小网管都是IDC机房的运维人员了,TWaver也见证了这个时代的成长变迁. 萌 ...

  6. Asp.Netserver控件开发的Grid实现(三)列编辑器

    以下是GridColumnsEditor的实现代码: GridColumnsEditor.cs using System; using System.Collections.Generic; usin ...

  7. Unity3D编辑器扩展(三)——使用GUI绘制窗口

    前两篇分别讲解了创建菜单https://www.cnblogs.com/xiaoyulong/p/10115053.html和创建窗口https://www.cnblogs.com/xiaoyulon ...

  8. Android开发 - 掌握ConstraintLayout(三)编辑器

    从本篇博客开始我们开始介绍如何使用ConstraintLayout. 既然ConstraintLayout叫约束布局,首先我们先介绍什么叫约束(Constraints): 约束(Constraints ...

  9. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第三步---编辑器(2)---更方便很多其它操作更像编辑器

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...

随机推荐

  1. Ubuntu中字体的改变

    1.sudo dpkg-reconfigure console-setup 2.弹出 Configuring console-setup 界面,选择适当的编码格式,我们一般选择默认的UTF-8,选择O ...

  2. Eclipse中快速重写(Override)基类方法的技巧(转载)

    转自:http://blog.csdn.net/guolin_blog/article/details/11952435 在Android开发过程中会引用大量的标准库,还要通过Override基类函数 ...

  3. 51nod 1225:余数之和

    传送门 题意 略 分析 \(\sum_i^n(n\%i)=\sum_i^n(n-i*n/i)=n^2-\sum_i^ni*n/i\) \(=\sum r\sum_i^ni[n/i==r]\) 可以证明 ...

  4. HDU6035:Colorful Tree(树形DP)

    传送门 题意 给出一棵最小生成树及每个节点的颜色,询问\(\frac{n(n-1)}2\)条路径的权值和,一条路径的权值为该路径的颜色种数 分析 勉强理解了ftae的做法,但是代码还是不太会,还是太弱 ...

  5. Robotframework自动化系列:筛选结果数量统计

    Robotframework自动化系统:筛选结果数量统计 上一个节点已经可以随机选中某一个下拉框的值,我们在使用evaluate随机数的时候需要计算下拉选项总数,这时候我们是手工计算输入的:这时候如果 ...

  6. flask跨域问题

    在Flask开发RESTful后端时,前端请求会遇到跨域的问题.下面是解决方法: 使用 flask-cors库可以很容易的解决   1 pip install flask-cors 两种方法,一个是全 ...

  7. 1-20StringBuffer简介

    StringBuffer是一个字符串缓冲区,如果需要频繁的对字符串进行拼接时,建议使用StringBuffer. 工作原理 StringBuffer的底层是char数组,如果没有明确设定,则系统会默认 ...

  8. Vue nextTick 理解

    官网解释: 将回调延迟到下次 DOM 更新循环之后执行.在修改数据之后立即使用它,然后等待 DOM 更新.它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例 ...

  9. nginx 80端口重定向到443端口

    server { listen ; server_name www.域名.com; rewrite ^(.*)$ https://${server_name}$1 permanent; } serve ...

  10. 洛谷P2762 太空飞行计划问题(最大权闭合图)

    题意 有$m$个实验,$n$中器材,每个实验需要使用一些器材 每个实验有收入,每个器材有花费 最大化收入 - 花费 Sol 最大权闭合图的经典应用 从$S$向每个实验连流量为该实验收入的边 从每个器材 ...