javascript - ExtJS パネルの Three.js シーン

Question

ExtJS パネルで Three.js シーンをレンダリングすることができませんでした。このためのデモコードについて知っている人はいますか?

Answer 1

私はこれを理解したので、これが他の人を助けるかもしれないので、私は自分の質問に答えるつもりです。

ExtJSパネルを次のように定義します。

xtype : 'panel',
id : '3dviewer',
region : 'center',
layout : 'fit'

そして、Three.jsWebGLレンダラーは次のようになります。

renderer = new THREE.WebGLRenderer({
    antialias : true
});
renderer.setSize(width, height);

レンダラーのdom要素は、次のようにパネルに追加できます。

Ext.getCmp('3dviewer').body.appendChild(renderer.domElement);