I've been brainstorming ways to merge Ember.js with Three.js. My goal is to render multiple elements, manage the data with Ember.js bindings and general pub/sub handling, while also being able to manipulate the views/elements with three.js using THREE.CSS3DObject.
Although I'm comfortable with Ember, Three.js is new territory for me. I'm curious if it's possible to have an element that exists in both the THREE.Scene and the Ember application namespace.
In the THREE.js periodic table example:
a DOM.element is created and then later styled with attributes (style, position etc).
var element = document.createElement( 'div' );
element.className = 'element';
element.style.backgroundColor = 'rgba(0,127,127,'+(Math.random()* 0.5 + 0.25 ) + ')';
Later, it is added as an element to the THREE.CSS3Object constructor:
var object = new THREE.CSS3DObject( element );
I'm considering creating the elements in an Ember containerView and then iterating over the childViews using jQuery, caching the currently iterated element as 'element' and then passing this to the THREE.CSS3DObject constructor.
I realize this might be a bit unconventional, but I wanted to show that I've thought about potential solutions before seeking help! Any suggestions or guidance, even if they're as out-there as mine, would be greatly appreciated. Thank you in advance.