Interagir avec la scène WebGL à partir d'éléments indépendants

Question

Est-il possible d'interagir avec une scène dans WebGL (programmée avec three.js) à partir d'autres éléments d'une page Web? Par exemple manipuler une scène sur le canevas WebGL à partir d'un canevas indépendant ou en utilisant un formulaire standard avec du javascript pour ajouter des objets à la scène.

Si cela est possible, à quel point s'intègre-t-il dans les frameworks MV * comme angular.js ou backbone.js? J'ai lu sur leurs fonctionnalités de liaison de données, mais cette liaison de données est-elle limitée à HTML sur une page?

Answer 1

Vous pouvez interagir avec WebGL/Three.js et le manipuler comme n'importe quel autre élément dynamique sur une page Web. Cependant, les API n'ont pratiquement rien à voir avec le DOM HTML, donc les bibliothèques qui manipulent ou attendent des structures DOM spécifiques ne sont pas très utiles. AngularJS semble être beaucoup sur la manipulation et l'extension DOM, par exemple.

Vous avez probablement besoin de coder vous-même la partie de manipulation de scène entre Three.js et votre framework, car les scènes Three.js ont une structure arborescente semblable à DOM mais l'API est complètement différente de DOM HTML.

Tout dépend exactement de ce que vous essayez d'atteindre.