與獨立元素的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完全不同。

這一切都取決於你想要達到的目標。