- PVSM.RU - https://www.pvsm.ru -
В Cruise Automation сотни инженеров и тестировщиков работают с данными, собранными на дорогах и через симулятор. Также специальная внутренняя команда AV Tools создает приложения для визуализации, поиска и анализа этих данных. Ведь пользователи и разработчики должны понимать что “видит” автомобиль и что он собирается сделать , включая облако точек с лидара, сотни классифицированных и отслеживаемых объектов, детализированные карты и другие данные для визуализации.
Как и множество других коллективов внутри Cruise команда AV Tools создает инструменты для визуализации в браузере, и здесь React является стандартом внутри компании. Для уменьшения сложности приложений компании и облегчения процесса создания сложных систем визуализации команда создала react-библиотеку упрощающую рендер 2D и 3D сцен, получившую название Worldview [1] (ранее Uber выпустил похожий инструмент под названием AVS [2]).
GPU программирование дает большие возможности, однако может быть утомительным в изучении. Современный браузер предоставляет мощный API [3] для компиляции и линкования шейдеров, загрузки буферов вершин и текстур, а также объектов — но все это очень сложно в освоении, разработке и отладке. На протяжении всей работы команда AV Tools экспериментировала с разными фреймворками поверх WebGL.
Было принято решение остановиться на regl [4], библиотеке скрывающей сложности работы с WebGL за простым и легковесным API, превращающим “props” в низкоуровневые примитивы и упрощающим отрисовку — почти как React использует props и state для абстрагирования от DOM.
regl предоставляет интерфейс очень похожий на React, но в то же время обеспечивающий полный доступ [5] к возможностям WebGL, такими как текстуры, фреймбуфферы и инстанцирование. Этот инструмент позволил нам сосредоточиться на разработке функционала, вместо копания внутри WebGL.
Многим front-end компандам разработки в Cruise, начавшим использование regl-рендеринга в своих проектах, быстро пришло осознание что некоторые паттерны react'a было трудно поддерживать в API regl'a. Несмотря на похожую парадигму props'ов, некоторые аспекты GL требовали создания кастомной визуализации и ее эффективной интеграции в нашу систему рендеринга.
Для дальнейшего упрощения процесса разработки разработчики абстрагировались от шаблонного кода обеспечивающего отрисовку стандартных фигур и типов данных в regl путем создания библиотеки react компонентов. Это позволило другим командам не изобретать свои велосипеды, а использовать готовые кирпичики.
Библиотека получила название Worldview. Она обеспечивает 2D и 3D камеры, управление мышью и клавиатурой, а также инструменты для отрисовки объектов и сцен. Благодаря ней инженеры Cruise могут легко создавать свои системы визуализации, без необходимости погружения в изучения низкоуровневых API WebGL и написания свои оберток для них.
Изначально разработка Worldview была плотно совмещена с проприетарной системой визуализации Cruise. Однако, со взрослением системы было решено выделить ее в отдельную библиотеку под лицензией Apache 2.0. Cruise надеется что Worldview снизит порог вхождения в WebGL для многих, предоставляя веб-разработчикам простые инструменты для рендеринга сложных сцен.
Cruise продолжит развивать и обновлять код Worldview и других библиотек визуализации. Разработчики рады любой помощи со стороны — pull request'ы [6] приветствуются.
Автор: Avadon
Источник [7]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/webgl/309646
Ссылки в тексте:
[1] Worldview: https://cruise-automation.github.io/webviz/worldview/#/
[2] AVS: https://connected-car.ru/uber-release-avs/
[3] мощный API: https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
[4] regl: http://regl.party/
[5] полный доступ: http://regl.party/api
[6] pull request'ы: https://github.com/cruise-automation/webviz/tree/master/packages/regl-worldview
[7] Источник: https://habr.com/ru/post/441398/?utm_campaign=441398
Нажмите здесь для печати.