preface

Recently, Cianxinrell team shared “Web3D Technology Exploration Road” in “GMTC2021· Beijing station”, and “How to use WebGL to build 3D Map Visualization Engine” and “How to achieve the Key technology of Web large screen 3D main vision” in “the 28th Early Talk Conference”.

Web3D Technology Exploration Road

Starting with the Web3D business requirements of large screen, this paper first summarizes common business scenarios, takes the city scene as an example to disassemble the scene elements to form the scene building workflow, and explains how R&D helps modelers improve modeling efficiency in the modeling stage, how to restore the effect in the development stage, and how to organize project files in the delivery stage. Next, it introduces the technical architecture built by 3D, including scene editor design, resource management and engine design based on ECS design pattern. Finally, common optimization schemes for GPU, CPU and memory usage are introduced.

How to Build a 3D Map Visualization Engine with WebGL

I shared the GIS ecology built by Rael, which includes theme editing and spatio-temporal visual narrative creation, with self-developed 3D map engine as the core. Which focus on how to parse, rendering 3 d map engine vector tiles data, how to combine the research engine customize and use of building model, how to do the map interactions and pick up, how to combine the rendering pipeline, do some customization demand, and finally share some optimization scheme, such as WebWorkerPool LRU logic design, tiles, Conversion from CPU animation to GPU animation.

Key Technologies for Large Screen 3D Main Vision on the Web

This paper shares the classification, element composition and design-r&d workflow of 3D main vision in Raelweb large-screen business, and introduces in detail the key technologies related to graphics rendering engine and model involved in the front-end development process. The implementation methods adapted to different visual elements are classified, and the comparison of different model standards and the differences between different glTF versions are introduced. Meanwhile, Threejs’ support for PBR materials, HDR, lighting, animation system, post processing and so on is explained in depth.

download

www.yuque.com/qaxvis/pi0q…

trailer

Over the next few weeks, Rael will be launching a new series of articles on 3D topics, covering common main visual categories, workflows, model support, common techniques used in modeling, and core techniques used in rendering Web3D scenes. In addition, we will continue to supplement our map series with articles on GPU animation, performance optimization, and key technologies for immersive spatio-temporal visual storytelling

recruitment

Web Front-end Engineer – Graphics DEVELOPMENT Direction:

  1. Basic knowledge of graphics programming;
  2. Experience in GIS visualization, 3D visualization, or game development is preferred (proficiency in any WebGL framework, proficiency with shaders).
  3. Experience in Graph visualization and flow chart visualization is preferred.

Office: Beijing, Chengdu, Hangzhou Send resume to: [email protected]