【问题标题】：Interact with WebGL scene from independent elements从独立元素与 WebGL 场景交互
【发布时间】：2013-05-06 19:40:07
【问题描述】：
是否可以从网页上的其他元素与 WebGL（使用 three.js 编程）中的场景进行交互？例如，从独立的画布操作 WebGL 画布上的场景，或者使用带有一些 javascript 的标准表单将对象添加到场景中。
如果这是可能的，它与使用 MV* 框架（如 angular.js 或backbone.js）的契合度如何？我已经阅读了他们的数据绑定功能，但是这种数据绑定是否仅限于页面上的 HTML？
【问题讨论】：
标签：
javascript
model-view-controller
canvas
three.js
webgl
【解决方案1】：
您可以与 WebGL/Three.js 进行交互和操作，就像网页上的任何其他动态元素一样。不过，API 与 HTML DOM 几乎没有任何关系，因此任何操作或期望特定 DOM 结构的库都没有多大帮助。例如，AngularJS 似乎很注重操作和扩展 DOM。
您可能需要自己编写 Three.js 和您的框架之间的场景操作部分，因为 Three.js 场景具有类似 DOM 的树结构，但 API 与 HTML DOM 完全不同。
这完全取决于您要达到的目标。