Drawsee从底层自研    专注性能和渲染效果    

Drawsee发布4.1.5,支持高性能流场粒子系统

Why Drawsee?

矢量切片、光影渲染、WebGPU,这些关键技术,Cesium完全没有,Drawsee只好遥遥领先;普通项目,Cesium还可以靠名气吃硬件,马虎过关; 一旦项目追求高质量,用户深入对比技术细节,致命短板立刻显现


➤  情况一    某省级测绘部门,倾斜摄影近千平方公里,体量10T+,目录10万+,要为广泛的各部门应用提供三维底图

     ⇨  小问题:转换慢,影响更新发布。即使分成若干块,光建顶,30秒*1万>3天

     ⇨  大问题:要中端以上显卡才能使用流畅,但是成千上万的办公终端,都升级硬件?

     ⇨  Drawsee:500目录/分钟,20分钟单块建顶;16核并发数据转换,200G+/小时

     ⇨  Drawsee:古董GeForce 730(比1060慢十倍)也能流畅操作,奠定广泛应用基础


➤  情况二    某数字矿山项目,几十个生产场景动态监控,单个fbx文件200M+。要求纯BS架构,光影效果类似Unity

     ⇨  小问题:数据量大,渲染慢。即使用3dsmax减面,单场景3dtiles>5G,中端显卡也容易卡死

     ⇨  大问题:Cesium连点光源都没有,渲染效果怎么对标Unity?

     ⇨  Drawsee:使用原BIM高精数据,压缩到fbx的20%,场景加载快,普通显卡也能流畅操作

     ⇨  Drawsee:通过阳光系统、暗光系统,材质插件,光影效果能够达标


流场粒子  New

大量的微小粒子,通过流场网格改变速度和方向,运动轨迹直观表现出流动效果。在WebGPU模式,可以并发计算每个粒子的运动,使得粒子密度和渲染性能, 远远超过线性计算的gl模式,差距达到10倍以上。s


性能:5万+粒子60FPS实时绘制,入门级1060显卡,使用率低于5%

密度:缩放场景时自动调节远近粒子密度,运动细节精确展示

渲染:通过颜色表,混合模式配置,控制不同的渲染效果

数据:加载标准风场Json,或者自定义网格

贴地:shader高速计算贴地高度


请看典型的风场和降雨汇流演示


全球风场 山地降雨

>>全球风场演示 >>降雨汇流演示



作为对比,gl模式下,js主线程和显卡都接近满负荷运转      >>全球风场演示(gl版)


矢量切片

Drawsee采用mapbox矢量切片mvt(.pbf)格式,以卫星影像为主要背景,实现数据解析、管理调度,点、线和标注渲染, 没有支持多边形。三维标注的清晰度,传统的图像瓦片完全无法相比。     详见技术文章  Drawsee矢量切片支持


数据源:矢量数据用mapbox的tippecanoe工具切片,直接发布pbf文件目录

清晰度:通过合理运用纹理渲染模式,即使很小的字体也可以清晰显示

自动贴地:通过shader,实现标注和线条自动高速实时贴合地形

自动避让:交互操作时,标注实时自动避让,合理安排信息密度

样式配置:同样的数据,可以通过API,设置不同的标注和线型效果


中国三维地图:路网、河流等来自osm,其他点图层并不精确,仅为渲染技术演示


矢量切片


>>矢量切片中国三维地图演示


WebGPU

由于Chrome对WebGPU调整还比较频繁,容易导致某些特性不稳定,Drawsee缺省还是以gl模式运行


Drawsee 4.0以WebGPU作为主要的技术提升方向。通过直接管理显卡资源,合理缓存海量数据, 倾斜摄影性能得到明显提升,支持平滑高清漫游,峰值渲染速度比gl版快4-6倍; 当前115版由于Chrome限制,阳光系统和暗光系统还比较慢;开发者117版已经放开限制,所有系统都将明显超越gl版。     详见技术文章  WebGPU海量数据渲染分析


WebGPU要求具备入门级独立显卡能力(如GeForce 1030),才能支持DirectX 12,从而提升性能

如果有兴趣了解一些WebGPU的背景知识,判断CesiumJs是否面临新技术淘汰风险,请参考 WebGPU技术现状


地球森林:倾斜摄影+三维数字地球+WebGPU计算,实时模拟几十万棵树木,轻松浏览全国景色。 更多场景截图


地球树木


>>运行Drawsee地球森林演示,感受WebGPU魅力         或许是全球最早的WebGIS应用实例


本演示需要Chrome或者Edge,自113版以后


倾斜摄影

Drawsee vs Cesium:  县城级倾斜摄影,飞行对比测试。结束后可手工操作浏览

数据各自独立:首次访问,最考验流式下载能力;再次访问,浏览器缓存会加速

提示:Drawsee使用鼠标右键旋转视角。触屏滑动屏幕右边和底边旋转视角


城市倾斜摄影


>>Drawsee WebGPU版                         >>Cesium浏览(耐心30秒)

>>Drawsee gl版 对比测试


性能测试:这个级倾斜摄影演示,非常适合于观察WebGPU的性能提升效果

⇨  打开Windows任务管理器,切换到性能一栏,观察GPU使用率,注意不是CPU

⇨  如果要认真对比,需要等到加载了相当的精细数据之后,否则开始的小量数据不能说明问题

⇨  对比路线飞行、旋转、静止渲染不同工况的GPU使用率

⇨  以GeForce 1030为例,gl版约30%,则WebGPU版,飞行时大约会在15%, 旋转稳定时低至6%,静止时低至4%。gl版则无法低于30%,这就是峰值4-6倍速度差异的涵义;场景内显示的数据不同时,绝对值会有波动,但上述比率基本保持

⇨  WebGPU版在漫游拖拽时,由于渲染能力足够富裕,浏览过的数据,保持流畅的高清显示

⇨  至于Cesium,根据显示内容的不同,大约会在40-80%之间,经常还会卡顿一下

➤  这5倍的性能差距,还不算额外渲染的三维地球和洪水下雨仿真。相当于Drawsee用中等的GeForce 1060,就能打平Cesium使用顶级的3080

另,如果您的显卡很高端,网络版演示小数据测不出差别,请用您自己的海量数据做本地测试。如1060, 就可以在测试程序中把Drawsee.Setting.LodRatio设置为2.0,提高数据分辨率

Bim

由于光影效果需要用到大量的动态Texture,Chrome WebGPU支持不够稳定,所以还是由gl版担当主力


材质插件:轻松编写shader,控制对象显示效果

昼夜交替:提供内置night暗光系统,自动控制灯光启停

阳光系统:太阳和和阴影渲染,天空云彩。充分优化,海量数据毫无压力

暗光系统:主要针对室内点光源,动态多点阴影,对系统要求稍高

树状结构:完全保持Fbx数据中定义的树状逻辑结构,可单独选取、高亮、显隐模型结点;使用名称路径查询

高压缩比:通过共享纹理等技术,数据大幅度压缩到原Fbx二进制数据的20%以下,海量数据也能在互联网流畅使用

相机操作:当接近物体观察时,无缝切换第一人称视角,类似3dsmax。滚轮以鼠标指取位置精确放大,+-号微调; 前进后退方向键控制自由飞行,配合鼠标左键拖动、右键激发旋转,可在任意位置和视角观察复杂工业设备

行走模式:使用W键切换,地表行走,碰撞检测。只适合Bim图层和倾斜摄影


县级城市演示,所有大街小巷,店铺门面都有精细贴图、门牌号码俱全,如同亲临逛街,清晰度远胜倾斜摄影

渲染效果:观察日出、日落不同时间点、各种天气状况下的效果


bim bim


>>光影城市演示         Cesium完全做不出来的光影效果


3dtiles用于Bim为什么数据量大?原因是缺少全局共享材质的概念:几十栋楼,侧墙、楼顶、窗户贴图都一样,但是在不同的数据块里需要重复拷贝几十次。 i3dm仅适合完全相同模型,很少用到

微观仿真

Drawsee作为WebGIS,与微软游戏平台BabylonJs深度融合,可在数字地球中完美展示其微观场景,支持全部原生API,支持物理引擎、WebXR等, 为数字孪生应用提供了宏观与微观相结合的三维可视化平台

游戏级仿真什么效果?下图是BabylonJs的场景效果,涉及半透明物体在环境光中的渲染,包括折射、反射、半透明软阴影等, 这种精细的渲染技术WebGIS很难企及,所以Drawsee采用的技术路线是融合使用,享受其不断发展的红利


babylon渲染



>>三维仿真演示                       >>BabylonJs官网


价格策略

➤  学习版  具备平台基础功能,免费授权给开发者,用于学习目的,有学习版标识,超15分钟需刷新

➤  正式版  包括正式产品质量保证和商业使用授权

    ⇨  小型版:  1万元。限1内网IP,两周开发支持,一年内2次升级签发。适合小型项目

    ⇨  标准版:  2万元。限3内网IP或1外网IP,一个月开发支持,一年内4次升级签发。适合普通项目

    ⇨  企业版:  5万元。限10内网IP或3外网IP,三个月开发支持,两年内10次升级签发。

         项目需求优先考虑纳入新版本功能点,适合大型企业持续多个项目开发

➤  行业版  已有管线、水利行业化产品;可以针对用户特定行业协商定制新功能。价格根据具体需求确定

注:  1. 授权通过许可码(Token)的形式给与,每个许可码绑定服务器IP地址,客户端数量不限

         2. 每个版本的Js库获得许可码后,可以永久运行

         3. 只要使用相同IP发布,同一Js库即可无限期部署多个项目



如果Drawsee的性能和渲染效果,有助于提升您的行业项目,欢迎联系合作!

联系    QQ: 825095663