三.js ExtJS 面板中的场景

Three.js scene in ExtJS Panel

本文关键字：js ExtJS      更新时间：2023-09-26

我没有设法在 ExtJS 面板中渲染 Three.js 场景。有谁知道这方面的一些演示代码？

我想

通了这一点，所以我将回答我自己的问题，因为这可能有助于其他人。

将 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);
相关文章：