雷尔Web3D实践秘籍来啦

1,094 阅读3分钟

前言

近日,奇安信雷尔团队在「GMTC2021·北京站」分享《Web3D 技术探索之路》,在「第二十八届早早聊大会」分享《如何利用WebGL构建3D地图可视化引擎》和《如何实现Web大屏3D主视觉的关键技术》。

《Web3D 技术探索之路》

从大屏的Web3D业务需求入手,首先总结了常见业务场景,以城市场景为例,拆解场景元素,形成场景搭建工作流,讲解研发在建模阶段如何帮助建模师提高建模效率、在研发阶段如何复原效果、在交付阶段如何组织项目文件。接下来介绍了3D搭建的技术架构,包含场景编辑器设计、资源管理和基于ECS设计模式的引擎设计。最后介绍了在GPU、CPU、内存占用的常见优化方案。 image.png

《如何利用WebGL构建3D地图可视化引擎》

分享了雷尔以自研3D地图引擎为核心,构建的包含主题编辑、时空可视化叙事创作的GIS生态。其中重点介绍了3D地图引擎如何解析、渲染矢量瓦片数据,如何结合自研引擎定制并使用建筑模型,如何做地图的交互和拾取,如何结合渲染管线,做一些定制需求,以及最后分享了一些优化方案,例如WebWorkerPool的设计、瓦片的LRU逻辑,从CPU动画到GPU动画的转换。 image.png

《Web大屏3D主视觉的关键技术》

分享了雷尔 Web 大屏业务中 3D 主视觉的分类、元素构成及设计-研发工作流,并详细介绍了前端研发过程中所涉及到的图形渲染引擎和模型相关的关键技术。对不同视觉元素所适应的实现方式做了分类,并介绍了不同模型标准的对比和 glTF 不同版本间的差异,同时,对 Threejs 在 PBR 材质、HDR、灯光、动画系统、后期处理等的支持上做了深入的讲解。 image.png

下载

www.yuque.com/qaxvis/pi0q…

预告

接下来的几周,雷尔会开启全新3D系列主题技术文章分享,会讲到在大屏3D场景实践中,常见的主视觉分类、工作流如何,模型的支持情况,建模中的常见技巧,以及在Web3D场景中渲染用到的核心技术。 同时还会继续补充地图系列技术文章,包括GPU动画、性能优化、实现沉浸式时空可视化叙事的关键技术,请期待~

image.png

招聘

Web前端工程师-图形研发方向:

  1. 了解图形编程基础;
  2. 有GIS可视化、3D可视化或游戏等领域开发经验者优先(熟练掌握任意一种WebGL框架,熟练使用着色器)。
  3. 有Graph图可视化、流程图可视化领域开发经验者优先。

办公地点:北京、成都、杭州 发送简历至:wangxiaoyu01@qianxin.com