ExtJS Panel中的三个.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);