3

私は、Ember.js と Three.js を統合する方法について頭を悩ませようとしています。特に、Ember.js バインディングと一般的な pub/sub 処理を使用してデータを制御し、多数の要素をレンダリングしたいのですが、THREE.CSS3DObject を使用して three.js でビュー/要素を操作することもできません。

私は 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を使用してchildViewを反復処理し、現在反復されている要素を「要素」としてキャッシュしてから、これをTHREE.CSS3DObjectコンストラクターにレンダリングできるかどうか疑問に思っていますか?

私はそれが少しハックであることを知っています.私は助けを求める前に方法を考えようとしたことを示すものとして上記に言及するだけです. ハハ！

私のようなガイダンスや空の提案さえあれば、大歓迎です。前もって感謝します。

4

1 に答える 1

4

Three の CSS3D レンダラーは、ブラウザ独自のレンダラーを単純に抽象化したものにすぎないため、Ember や jQ による DOM 要素の操作と競合することはありません。

CSS3DObject コンストラクターに渡されると、要素の 3D 変換が更新されますが、それ以降は通常どおりです。そのコンテンツを操作し、必要に応じてスタイルを設定できます。

于 2013-01-09T06:55:52.960 に答える