Как добавить карту среды Equirect angular к модели gltf в A-Frame?

Question

При импорте объекта gltf в рамочную сцену я хотел бы установить карту окружения angular, чтобы этот объект мог влиять на его отражения. Я хотел бы использовать ту же ссылку на идентификатор img DOM, что и в объекте неба. Как я могу это сделать?

Например, я хотел бы иметь возможность указать код, подобный следующему: <a-entity gltf-model="#model-file" env-map="#sky"> </a-entity>

Я нашел версию кубической карты этого @donmccurdy, но смотрел вместо equirect angular, а также механизм для использования уже загруженной текстуры изображения. https://github.com/donmccurdy/aframe-extras/tree/master/src/misc#cube -env-карта

Answer 1

Первоначальный ответ по каналу A-Frame Slack от Дона МакКарди:

@ kfarr Более новые версии трех js имеют свойство scene.environment, и, если вы зададите это равным angular текстура это будет применяться к каждому материалу PBR в сцене. это может быть проще в использовании, чем мой старый подход.

Мои исследования показывают, что scene.environment было введено в three js 112 , а A-Frame 1.0.3 использует три js 111 и A-Frame увеличивают только три сборки на точечных сборках, так что это, вероятно, будет поддерживаться в A-Frame 1.1

Так что практический ответ - ждать.