从独立的元素与WebGL场景交互

Interact with WebGL scene from independent elements

本文关键字：交互 WebGL 独立元素更新时间：2023-09-26

是否可以从网页上的其他元素与WebGL(用three.js编程)中的场景进行交互?例如，从一个独立的画布在WebGL画布上操作一个场景，或者使用一个带有一些javascript的标准表单向场景中添加对象。

如果这是可能的，它如何适合使用MV*框架，如angular.js或backbone.js?我已经阅读了他们的数据绑定功能，但是这种数据绑定是否仅限于页面上的HTML ?

你可以与WebGL/Three.js进行交互和操作，就像在网页上的任何其他动态元素一样。这些api与HTML DOM几乎没有任何关系，因此任何操作或期望特定DOM结构的库都没有多大帮助。例如，AngularJS似乎更多地是关于操纵和扩展DOM。

你可能需要自己在Three.js和框架之间编写场景操作部分，因为Three.js场景具有类似DOM的树形结构，但API与HTML DOM完全不同。

这完全取决于你想要达到的目标。