ExtJS面板中的Three.js場景

Question

我沒有設法在ExtJS面板中獲取Three.js場景。 有沒有人知道這個演示代碼？

Answer 1

我想通了，所以我要回答我自己的問題，因爲這可能會幫助其他人。

具有這樣定義的ExtJS的面板：

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

而three.js所WebGL的渲染器是這樣的：

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

渲染器DOM元素可以被添加到這樣的面板：

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