与独立元素的WebGL场景互动

Question

Web页面中的其他元素可以与WebGL中的场景（使用three.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完全不同。

这一切都取决于你想要达到的目标。