无论是端渲染架构还是流渲染架构,本质上都是数字孪生云渲染的实现方式。

当然,对于刚刚上线的 “图观™数字孪生可视化引擎”,很多开发者伙伴还不是很了解该如何选择自己适用的开发架构,所以特整理此文,希望能够帮助各位开发者伙伴更明确地选择图观™技术产品。

数字冰雹 “图观™数字孪生可视化引擎” 作为构建数字孪生应用的强有力软件工具包,在满足云端三维场景构建、全要素数据融合、场景效果设计、场景服务发布、孪生应用构建全流程开发需求的同时,还提供了双渲染开发架构可选 —— 端渲染架构和流渲染架构。

用户在选择图观™产品架构时,需要考虑多项因素,如硬件情况、网络环境情况、并发访问情况、渲染要求等,本文重点针对 “端渲染架构” 和 “流渲染架构” 的技术特性做进一步分析。(如有不准确的地方欢迎指正或讨论

01. 产品架构概述

端渲染架构

图观端渲染开发架构,是基于 HTML5 和 WebGL 技术,整合推出的数字孪生端渲染技术支撑体系,涵盖端渲染场景效果编辑器、端渲染服务平台、端渲染控件等技术产品,覆盖数字孪生应用开发的全生命周期,为小规模要素数据、高并发访问的三维场景提供便捷的运行和开发平台。

流渲染架构

图观™流渲染开发架构,是基于实时云渲染(GPU 云化)、视频串流等技术,整合推出可视化数字孪生流渲染解决方案技术支撑体系,涵盖:流渲染服务平台、流渲染控件等技术产品,为大规模、高渲染效果三维场景在轻量化终端上的运行和开发提供技术保障。

02. 考虑因素分析

我们将对端渲染架构和流渲染架构这两种方式,在各考虑因素下的要求和能力进行简要分析。

硬件要求

端渲染架构

端渲染架构的渲染工作由客户端浏览器完成,对于客户端的硬件性能有一定的要求。三维场景的显示效果和图像质量完全取决于客户端硬件设备的性能,特别是设备的 CPU、图形硬件、操作系统、显示设备等,如果三维场景构成复杂且涵盖大量数据,则客户端设备还必须具备足够的存储空间,但端渲染架构不需要专业的渲染服务器。

流渲染架构

流渲染架构三维场景渲染在云渲染服务器完成,并采用视频串流技术,将渲染画面实时传送至用户的浏览器,支持终端用户和云端应用的实时交互。流渲染架构需要专业的云渲染服务器,但对于客户端的硬件设备性能没有特别的要求,任意轻量化终端均可获得高质量的三维渲染效果。

网络环境要求

端渲染架构

端渲染架构,对于网络环境没有特殊要求,不过网络带宽直接影响三维场景数据的加载时间以及交互操作的响应效率。

流渲染架构

流渲染架构,对网络环境的带宽和延迟的要求比较严格,单通道访问需要 5Mbps 至 30 Mbps 不等的带宽,如果网络带宽不足,则无法以较高码率串流画面,会造成画质下降;如果网络延迟较高,则会造成浏览器端的操作与串流回来画面之间存在较大延迟。

并发访问支持能力

端渲染架构

端渲染架构适用于并发访问要求高的场景。端渲染架构的渲染工作不需要专门的图形渲染服务器支持,易于部署,因此能够支持高用户数、高并发访问需求。

流渲染架构

流渲染架构的并发访问数量相对受限。

流渲染架构每路并发需要占用服务器显卡的一部分渲染资源,根据场景模型面数和 draw call 数量,每一路访问可能占用 GTX 1050 至 RTX 3080 不等的渲染计算资源,虽然云渲染服务器可以通过增加显卡的方式,提高浏览器客户端的场景并发访问数量,但对比端渲染架构来说,并发访问规模相对受限。

渲染效果

端渲染架构

端渲染架构的渲染核心是基于 JavaScript 图形 API,可提供精美的实时渲染视效。

支持超大范围三维地形显示,真实还原山峰 / 峡谷、海面、植被、道路、建筑等地形地貌;支持倾斜摄影数据叠加,实现全球范围、超大规模地形渲染;支持对水面波浪、地面植被、天空大气、光照阴影、城市夜间灯光、街道车流密度等地理环境效果进行高逼真、动态渲染,提供高质量的三维场景实时渲染效果。

流渲染架构

流渲染架构的渲染核心基于 OpenGL 图形 API,由高性能云渲染服务器完成三维场景渲染,能够提供全要素融合、无限视界、超精细、影视级的实时渲染视效。

基于真实世界信息,内核级支持全要素场景对象加载,包含矢量地理信息数据、建筑模型数据、城市设施、空间实体对象、数据图层、自定义对象等;能够超精细还原真实世界场景纹理细节,实现照片级细节显示精度;支持无限视界的场景展示,从太阳系到一颗螺丝钉,超大场景全尺度还原、超大范围时空态势显示;具备高逼真渲染特效,如高级动态光照、信息化雾、辉光、灯光、白天 / 黄昏 / 夜晚、大气、雨雪等环境效果,实现影视级超凡渲染视效。

03. 架构选择小结

端渲染架构作为一种易于部署的方案,十分适合那些场景数据量小、用户数和并发访问量高、不追求极致渲染效果的应用场景,如 PC 端运行环境

流渲染架构适用于,对场景规模和视觉效果都有极致要求、但用户数和并发访问数有限的应用场景,但由于需要专门的图形渲染服务器,因此部署成本相对较高,如大屏 IOC 环境。

了解更多信息,请点击上方链接并关注数字冰雹官方微信公众号

端渲染 or 流渲染?开发架构该如何选择?相关推荐

  1. 【虚幻引擎UE】UE5 六步实现UE5在网页端查看(云渲染+像素流) 4.26和4.27原理类似

    实现UE5在网页端查看(云渲染+像素流) 1.安装node环境 2.UE5项目打包设置 (1)启用像素流插件 (2)编辑器播放参数设置 -AudioMixer -PixelStreamingIP=lo ...

  2. 微信小游戏直播在Android端的跨进程渲染推流实践

    本文由微信开发团队工程师"virwu"分享. 1.引言 近期,微信小游戏支持了视频号一键开播,将微信升级到最新版本,打开腾讯系小游戏(如跳一跳.欢乐斗地主等),在右上角菜单就可以看 ...

  3. 服务端渲染vs客户端渲染到前后端同构

    关于服务端渲染与客户端渲染的优劣,互联网上已经有过很多的文章进行过分析,在这里我谈一下我个人的见解. 首先,还是来老生常谈一下关于两种渲染方式的主要优劣: 服务端渲染(仅列出当下最突出的优劣): 优: ...

  4. 一文读懂云渲染“串流”全链路时延及优化策略

    ​这是一个让云游戏完美起步的时代. 云游戏作为产业内近年来炙手可热的话题,具有"云端运行.超高清.零延时.即点即玩"等众多特性. 随着 5G 时代的到来,以及中心云能力下沉至边缘云 ...

  5. ue4云渲染——像素流送实践

    一.安装 Epic Games Launcher 官方中文文档 https://docs.unrealengine.com/4.27/zh-CN/,点击下载 如需要登录账号,使用注册一个账号后再登录就 ...

  6. ios跨线程通知_一种基于Metal、Vulkan多线程渲染能力的渲染架构

    快手Y-tech  原创最新技术干货分享 随着3D渲染场景规模越来越复杂,单线程渲染架构在满足业务性能要求时已经捉襟见肘,因此,多线程渲染显得愈发重要.本文首先介绍了新一代图形渲染接口Metal.Vu ...

  7. 服务端渲染和客户端渲染区别?

    首先,介绍一下 SPA.SEO.SSR 三者的区别 SPA(single page application) 单页面应用,是前后端分离时提出的一种解决方案. 优点:页面之间切换快:减少了服务器压力: ...

  8. 如何快速判断页面是服务端渲染还是客户端渲染

    什么是服务器端渲染和客户端渲染? 互联网早期,用户使用浏览器浏览的都是一些没有复杂逻辑的.简单的页面,这些页面都是在后端将html拼接好的然后将之返回给前端完整的html文件,浏览器拿到这个html文 ...

  9. 【SSR和CSR】服务端渲染和客户端渲染区别?如何快速分辨页面是SSR还是CSR?

    首先,介绍一下 SPA.SEO.SSR 三者的区别 SPA(single page application)单页面应用,是前后端分离时提出的一种解决方案. 优点:页面之间切换快:减少了服务器压力: 缺 ...

最新文章

  1. mongodb 查询 mysql_MongoDB 基本查询使用
  2. 享受便利的应用方式—Linux系统三则超酷技巧
  3. Python Django 设置和获取Cookie代码示例
  4. java高并发(五)并发模拟
  5. 前端学习(2982):一文理解undefine
  6. 矩阵连乘问题(c++)
  7. helm安装mysql_helm安装配置
  8. 计算机毕设分词,毕业设计(论文)+计算机科学与技术+中文分词方法研究与实现论文全文.doc...
  9. 余承东透露华为Mate X发布时间:今年六月上市
  10. 新拟物素材|UI设计领域必掌握的要领!
  11. 《Essential C++》笔记之迭代器Iterator(泛型指针)
  12. 044. asp.net主题之二为主题添加CSS样式和动态加载主题
  13. boundvalueops和opsforvalue区别
  14. hazy的面试小笔记之Spring(持续更新)
  15. 运行jar包时报错:[mybatis-config.xml] cannot be opened because it does not exist
  16. node重绘图片_使用nodejs生成图片的尝试
  17. 220v降压成5v电路图-220v降压5v简单电路
  18. 计算机机房年度重点工作,信息中心计算机的机房建设要求最新.doc
  19. 视频直播流媒体服务器的http-flv是如何直播的?
  20. 这是一个开始,更是一个起点

热门文章

  1. 芝诺悖论——追不上的乌龟
  2. SAP案例教程FIAP应付会计前台操作
  3. html一键生成海报,稿定设计如何制作海报 一键生成海报的方法
  4. 氢能与燃料电池高级研修班
  5. 为什么校招提前批offer变实习offer?这是我听过最醍醐灌顶的回答!
  6. 小米电视4A升级桌面太卡怎么办
  7. c语言指针指向怎么指,C语言-基础教程-指向指针的指针
  8. Bootstra 警告框
  9. 申请Let’s Encrypt通配符证书
  10. LeakCanary使用,案例静态Toast引起的内存泄漏