Взаимодействие с сценой WebGL от независимых элементов

Question

Возможно ли взаимодействие со сценой в WebGL (запрограммировано с помощью трёх.js) из других элементов веб-страницы? Например, манипулируйте сценой на холсте WebGL с независимого холста или используя стандартную форму с некоторым javascript для добавления объектов в сцену.

Если это возможно, насколько хорошо он подходит с использованием фреймворков MV *, таких как angular.js или backbone.js? Я прочитал их функции привязки данных, но связано ли это с привязкой данных к HTML на странице?

Answer 1

Вы можете взаимодействовать с WebGL/Three.js и манипулировать ими как любой другой динамический элемент на веб-странице. API-интерфейсы практически не имеют ничего общего с HTML DOM, поэтому любые библиотеки, которые управляют или ожидают определенные структуры DOM, не очень помогают. Например, AngularJS много работает над манипулированием и расширением DOM.

Возможно, вам необходимо закодировать часть манипуляции сцены между Three.js и вашим фреймворком самостоятельно, поскольку сцены Three.js имеют DOM-подобную древовидную структуру, но API полностью отличается от HTML DOM.

Все зависит от того, чего вы пытаетесь достичь.