Ember.js 和 Three.js答案

【问题标题】：Ember.js with Three.jsEmber.js 和 Three.js
【发布时间】：2012-12-22 15:02:40
【问题描述】：

我一直在想办法将 Ember.js 与 Three.js 集成。特别是，我想渲染一些元素，使用 Ember.js 绑定和一般 pub/sub 处理来控制数据，但也不能使用 Three.js 使用 THREE.CSS3DObject 来操作视图/元素。

我对 Ember 相当有信心，但对 Three 来说是新手。我想我在想的是，我可以有一个元素同时存在于 THREE.Scene 和 Ember 应用程序命名空间中吗？

在THREE.js元素周期表示例中：

http://mrdoob.github.com/three.js/examples/css3d_periodictable.html

创建一个 DOM.element，然后用属性（样式、位置等）装饰。

var element = document.createElement( 'div' );
    element.className = 'element';
    element.style.backgroundColor = 'rgba(0,127,127,'+(Math.random()* 0.5 + 0.25 ) + ')';

后来，它作为一个元素添加到 THREE.CSS3Object 构造函数中：

var object = new THREE.CSS3DObject( element );

我想知道是否可以在 Ember containerView 中创建元素，然后使用 jQuery 迭代子视图，将当前迭代的元素缓存为“元素”，然后将其呈现给 THREE.CSS3DObject 构造函数？

我知道这有点老套，我只提到上述内容表明我在寻求帮助之前已经尝试过想办法！哈哈！

非常感谢任何像我这样的指导甚至是天上掉馅饼的建议。提前致谢。

【问题讨论】：

标签： css ember.js three.js

【解决方案1】：

Three 的 CSS3D 渲染器只是浏览器自身渲染器的一个精简抽象，因此不应与使用 Ember 或 jQ 操作 DOM 元素发生冲突。

一旦传递给 CSS3DObject 构造函数，元素的 3D 变换就会更新，但除此之外，一切照旧。您可以根据需要操作其内容和样式。

【讨论】：

太棒了，我很欣赏你的回应，你说得对，在进一步推动之后我得到了它的工作，有一些问题我会分享给任何有兴趣的人，但是......我到了那里。感谢帮助！