的确,提起TWaver,大家想到的首先是"电信拓扑图组件".事实上.因为其灵活的MVC架构.矢量化设计.方便定制等特点.TWaver能够做的还有非常多.比如房地产行业常见到的"户型图". 户型推荐是销售接待中非常重要的阶段,也被称做是为客户造梦的过程,户型也是客户是否选择该楼盘的一大要素.制作美丽的户型图在房地产行业无疑是非常重要的一项工作. 首先利用TWaver常被忽视的"矢量图形"功能.来定义房间和隔断的形状.这能够通过代码片段完毕.json…

的确,提起TWaver,大家想到的首先是“电信拓扑图组件”.其实,由于其灵活的MVC架构.矢量化设计.方便定制等特点,TWaver可以做的还有很多.例如房地产行业常见到的“户型图”. 户型推荐是销售接待中很重要的阶段,也被称做是为客户造梦的过程,户型也是客户是否选择该楼盘的一大要素.制作漂亮的户型图在房地产行业无疑是非常重要的一项工作. 首先利用TWaver常被忽视的“矢量图形”功能,来定义房间和隔断的形状.这可以通过代码片段完成.json格式定义完成.或编辑器拖拽完成.一小段代码或json足可…

在一般的游戏中.物体的选中效果会是这样: TWaver 3D中,物体的默认的选中效果一般都是一个方方正正的外框.在HTML5的Mono版本号中,TWaver提供了轮廓线样式的选中效果. 通过例如以下代码把几个基本形状进行捏合,生成新的组合体: 1 var node=new mono.ComboNode(nodes, ops); 2 node.s({ 3     'm.color':'#343AD3', 4     //或使用图片贴图:'m.texture.image':'test.png', 5…

一般而言,须要实现3D物体的渐变,通常的思路就是通过2D绘制一张渐变canvas图片作为3D对象的贴图.这样的方式是能够解决这类问题的.只是对于一般用户而言,通过2D生成一张渐变的图片.有一定的难度,另外假设要生成的图片比較多.性能效率上会成为一个瓶颈,特别是渐变随着条件在不断变化的情况下.就须要每次绘制的时候都去生成一张渐变的canvas图,效率极其低. 在3D中,第二种通常的方式就是通过顶点色来实现渐变.然而这样的方式对于用户的难度更大,由于须要用户了解3D底层的一些原理,同一时候须要对于每…

为了让开发者更方便的对各类3D模型.设备.物体进行浏览和查看,我们直接封装了mono.Viewer组件.它可以直接根据给定的数据源(json.obj.url等)进行数据加载和浏览展示.对于一般的3D设备.图纸.作品的展示,它可是非常方便了,一句new mono.Viewer()就解决了所有问题.各种常见的交互设置.灯光设置.呈现方式等,都已经直接封装其中. TWaver的3D viewer直接集成了如下功能: 滚轮缩放 光照设置 热点展示 贴图/线条切换 全屏与恢复 一键分享 viewer通过一…

打开个门户网站都千呼万唤,我们还能期待网页上的3D技术会有“酣畅淋漓”.“一气呵成”的感受吗?也许现在还差点火候.但是HTML5.WebGL等技术一直在飞速的发展,可能很快你就会惊讶它的能力.现在,我们就试试TWaver的3D能显示多少个木箱子,透明的木箱子.数据量当然要大才行,10万个怎么样?干脆试试20万好了,具体说是60的立方矩阵=60x60x60=216000个.只有压榨到极限才能了解WebGL和TWaver 3D技术适合做什么应用. 下面就Let’s go吧! 首先new一个box和n…

在一般的游戏中,物体的选中效果会是这样: TWaver 3D中,物体的默认的选中效果一般都是一个方方正正的外框.在HTML5的Mono版本中,TWaver提供了轮廓线样式的选中效果. 通过如下代码把几个基本形状进行捏合,生成新的组合体: var node=new mono.ComboNode(nodes, ops); node.s({ 'm.color':'#343AD3', //或使用图片贴图:'m.texture.image':'test.png', 'm.type':'phong', 'm…

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

以下网页3D案例均为TWaver原创出品,推荐使用Chrome, FireFox, Safari等对WebGL支持良好的浏览器运行.案例排名不分先后,如需Demo,可直接申请试用.   1. 化学元素周期表 六种排列方式,炫酷动画效果,TWaver 3D轻松实现. 演示地址:http://demo.servasoft.com/chemical-table/ 2.DNA螺旋图 DNA3D模型,包含几千个球体(几十万个面),高性能渲染,搭配丰富色彩和光照效果,可用于医疗三维可视化. 演示地址:htt…

TWaver 2D for HTML5试用下载: http://download.servasoft.com/dl/twaver/sssyuwyeriUR/k/twaver-html5-5.4.7.zip TWaver GIS for HTML5试用下载: http://download.servasoft.com/dl/twaver/sssyuwyeriUR/k/twavergis-html5-5.4.7.zip TWaver 3D for HTML5试用下载: 各种在线3D Demo: ht…

非常早就有人做3D网页版的化学元素周期表了.酷炫效果和新奇技巧一度被众多粉丝奉为神明,争相研究和效仿.甚至有人放弃一切扑向这颗蜡烛.不由总是想到那个OPPO广告女主角拽拽的歧视道:"辞职去旅游.你敢吗?" 俺不敢,只是用TWaver做一个也没用几个小时.所以就老在想:不就旅个游么,至于嘛? 这个3D元素周期表做了一些改进:卡片上添加了汉字及拼音读音.原因你懂得--各位程序员没几个敢大声读这些汉字的. 还好每一个字的主要部分还大都认识,多少能够小声蒙一下.加上拼音就少了很多尴尬.另外在形…

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

本文来自 中关村ZOL 「3D 立体显示」可说是近来娱乐产业相当热门的话题,不但有好莱坞推出<阿凡达>等卖座 3D 立体电影,全球各大家电厂商也积极布局准备推出一系列支持 3D 立体显示的播放机与电视机等家电产品,NVIDIA 也推出支持 3D 立体显示卡与周边,甚至连 SCE 与任天堂也陆续发表 PS3 与 NDS 后继机种的 3D 立体显示支持. 本文将针对 3D 立体显示的原理与应用作一简单介绍,了解各种 3D 立体显示是如何重现现实世界的立体感,以及 3D 立体显示在游戏领域的实际应用…

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

百度公司的ECharts发展迅速,已经成为HTML5 Chart的佼佼者,这让大家骄傲:中国人终于也有世界级的开源通用UI产品了.正如其网站所说,它是百度的,是中国的,也是世界的.想想那些年,我们追逐感慨过的chart产品,fusionchart.highchart等等不计其数,随着HTML5的迅速普及和ECharts的疯狂发展,大家可以忘掉那些产品了.其他商业chart产品基本上也离颤抖中关门的日子不远了. TWaver各个分支也都有chart模块.虽然它不是核心组件,但是也有和TWaver的…

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

泰伯网有看点的空间地理信息资讯都在这,你还在等什么? 这些开源GIS软件,你了解几个?本文内容部分来源于一份罗列了关于GIS软件应用的文章,笔者将其编译整合. 地理信息系统(Geographic Information System,GIS)软件依赖于覆盖整个地球的数据集.为处理大量的 GIS 数据及其格式,编程人员创建了若干开源库和 GIS 套件. GIS软件以前仅限于地理学者和地质工作者使用,自从网上提供全球地图服务和移动电话公司开始提供全球定位系统(Global Positioning S…

地理信息系统(Geographic Information System,GIS)软件依赖于覆盖整个地球的数据集.为处理大量的 GIS 数据及其格式,编程人员创建了若干开源库和 GIS 套件. GIS软件以前仅限于地理学者和地质工作者使用,自从网上提供全球地图服务和移动电话公司开始提供全球定位系统(Global Positioning System,GPS)服务以来,GIS 软件已变得非常普及.GIS 系统可获得并处理描述地球表面的空间数据.谈到GIS软件,鉴于商业软件的昂贵,我们希望有开源的G…

这些开源GIS软件,你了解几个?本文内容部分来源于一份罗列了关于GIS软件应用的文章,笔者将其编译整合. 地理信息系统(Geographic Information System,GIS)软件依赖于覆盖整个地球的数据集.为处理大量的 GIS 数据及其格式,编程人员创建了若干开源库和 GIS 套件. GIS软件以前仅限于地理学者和地质工作者使用,自从网上提供全球地图服务和移动电话公司开始提供全球定位系统(Global Positioning System,GPS)服务以来,GIS 软件已变得非常普…

前言 前一段时间,在公司进行了分析 GIS 基础信息的介绍.之所以会有这个介绍以及为什么是我?这个个中缘由说下. 公司不是一个GIS方面的公司,但是由于业务的需要,经常需要用到地图(要和地图打交道),但是GIS知识匮乏.我呢是公司里专业和GIS相关的,就由我来介绍下GIS. 这里知识简单的介绍,如有问题请指出,以便交流学习.下面就把简介内容介绍下. 提纲 1.  GIS 概念 2.  GIS 空间数据 3.  GIS 中的坐标系 4.  GIS 服务介绍 5.  GIS 厂商介绍(重点ArcGI…

1.化学元素周期表 六种排列方式,炫酷动画效果,TWaver 3D轻松实现. 演示地址:http://demo.servasoft.com/che... 2.DNA螺旋图 DNA3D模型,包含几千个球体(几十万个面),高性能渲染,搭配丰富色彩和光照效果,可用于医疗三维可视化. 演示地址:http://demo.servasoft.com/dna/ 3.3D手表 细腻的皮革质感,镜面反射效果,指针动画,真实时间显示. 演示地址:http://demo.servasoft.com/watch/ 4.…

操作系统 解释堆和栈的区别. 分配在堆的内存与分配在堆栈的内存有什么不同 分配在堆的内存要手动去释放 线程与进程的区别 多线程中栈与堆是公有的还是私有的 在多线程环境下,每个线程拥有一个栈和一个程序计数器.栈和程序计数器用来保存线程的执行历史和线程的执行状态,是线程私有的资源. 其他的资源(比如堆.地址空间.全局变量)是由同一个进程内的多个线程共享 mutex mutex - C++ Reference http://www.cplusplus.com/reference/mutex/mutex…

本文将从 OpenGL 的角度结合 Apple 官方给出的部分资料,介绍 iOS Rendering Process 的概念及其整个底层渲染管道的各个流程. 相信在理解了 iOS Rendering Process 的底层各个阶段之后,我们可以在平日的开发工作之中写出性能更高的代码,在解决帧率不足的显示卡顿问题时也可以多一些思路~ 索引 iOS Rendering Process 概念 iOS Rendering 技术框架 OpenGL 主要渲染步骤 OpenGL Render Pipeline…

前篇我们介绍了TWaver 3D的环境映射特效,下面我们接着给大家分享高光反射特效.高光反射定义了物体上的某一区域比其他地方更反光.在高光反射的贴图中,黑色区域的反射率为0(完全不反光),白色区域的反射率为100%(完全反光).这在现实的生活中,也是随处可见,比如一个生锈的物体用低光,而一个抛光的金属应该用高强光:手表上的表盘比表带应该更反光:人的嘴唇应该比皮肤有更强的高光,而皮肤应该比纯棉衣服更反光.加上了这种高光效果后,会是3D物体更加真实,更加生动.接下来我们就来讲解一下如何在一个模型中使…

OpenGL自身是一个巨大的状态机(State Machine):一系列的变量描述OpenGL此刻应当如何运行.OpenGL的状态通常被称为OpenGL上下文(Context).我们通常使用如下途径去更改OpenGL状态:设置选项,操作缓冲.最后,我们使用当前OpenGL上下文来渲染. 假设当我们想告诉OpenGL去画线段而不是三角形的时候,我们通过改变一些上下文变量来改变OpenGL状态,从而告诉OpenGL如何去绘图.一旦我们改变了OpenGL的状态为绘制线段,下一个绘制命令就会画出线段而不…

它是谁? OpenGL(英语:Open Graphics Library,译名:开放图形库或者“开放式图形库”)是用于渲染2D.3D矢量图形的跨语言.跨平台的应用程序编程接口(API).这个接口由近350个不同的函数调用组成,用来从简单的图形比特绘制复杂的三维景象.而另一种程序接口系统是仅用于Microsoft Windows上的Direct3D.OpenGL常用于CAD.虚拟实境.科学可视化程序和电子游戏开发. OpenGL的高效实现(利用了图形加速硬件)存在于Windows,部分UNIX平台…

DRM(Direct Rendering Manager) DRM 由两个部分组成:一是 Kernel 的子系统,这个子系统对硬件 GPU 操作进行了一层框架封装.二是提供了一个 libdrm 库,里面封装了一系列 API,用来进行图像显示. 说到这里,其实这么理解最简单,你把你要画的东西交给DRM,DRM会把要画的东西交给GPU,然后显示. 那么DRM存在的必要性是什么呢? DRM是Linux驱动(显卡驱动?)和显卡挨得比较近,再上层才是OpenGL,DRM是显卡驱动的一种架构. OpenGL…

近期主要在学习语义分割相关方法,计划将arXiv上的这篇综述好好翻译下,目前已完成了一部分,但仅仅是尊重原文的直译,后续将继续完成剩余的部分,并对文中提及的多个方法给出自己的理解. _论文地址:https://arxiv.org/abs/1704.06857_ 应用于语义分割问题的深度学习技术综述 摘要 计算机视觉与机器学习研究者对图像语义分割问题越来越感兴趣.越来越多的应用场景需要精确且高效的分割技术,如自动驾驶.室内导航.甚至虚拟现实与增强现实等.这个需求与视觉相关的各个领域及应用场景下的深…

近期主要在学习语义分割相关方法,计划将arXiv上的这篇综述好好翻译下,目前已完成了一部分,但仅仅是尊重原文的直译,后续将继续完成剩余的部分,并对文中提及的多个方法给出自己的理解. 论文地址:https://arxiv.org/abs/1704.06857 应用于语义分割问题的深度学习技术综述 摘要 计算机视觉与机器学习研究者对图像语义分割问题越来越感兴趣.越来越多的应用场景需要精确且高效的分割技术,如自动驾驶.室内导航.甚至虚拟现实与增强现实等.这个需求与视觉相关的各个领域及应用场景下的深度学…

一.前期基础是知识储备笔者计划写三篇文章来详细分析OpenGL ES基础的同时也是入门关键的三个点: ①OpenGL ES是什么?与OpenGL的关系是什么?——概念部分 ②使用OpenGL ES绘制2D/3D图形的第一步:定义图形:——运用部分 ③使用OpenGL ES绘制出②步骤中定义好的图形:——运用部分,难点所在 通过这三篇文章的分析,就像给万丈高楼垫定了基石,万丈高楼平地起,后面利用OpenGLES做各种效果,各种变换都是建立在这三步的图形编程理解之上的. 话不多说正文开始 (1)什么…