javascript - 从独立元素与 WebGL 场景交互

Question

是否可以从网页上的其他元素与 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 完全不同。

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