fairygui-three,怎么把fgui作为一个canvas贴图 贴在 three Plane上?

不知道如何才能 把fgui作为一个canvas贴图 贴在 three Plane上 
 
怎么把红框里的fgui内容,变成three里的一个 object3d plane?
55.png
export function createFGUIPlane() {
return new Promise((resolve, reject) => {
fgui.UIPackage.loadPackage(`./assets/fgui/UI/Package1`).then(() => {
const _view: any = fgui.UIPackage.createObject("Package1", "Main").asCom;

// resolve(_view.obj3D);

const stage: any = fgui.GRoot.inst;
stage.addChild(_view);

var guiTexture = new THREE.Texture(stage);
// let guiTexture = new THREE.Texture(_view.renderTarget.texture);
// guiTexture.minFilter = THREE.LinearFilter;
// guiTexture.magFilter = THREE.LinearFilter;
guiTexture.needsUpdate = true;

var guiMaterial = new THREE.MeshBasicMaterial({
map: guiTexture,
side: THREE.DoubleSide,
transparent: true
});

var planeGeometry = new THREE.PlaneGeometry(_view.initWidth / 10, _view.initHeight / 10);
var plane = new THREE.Mesh(planeGeometry, guiMaterial);
// plane.scale.x = gui.width / window.innerWidth;
// plane.scale.y = gui.height / window.innerHeight;
// return plane;
resolve(plane);

});
})

}
 
这是普通canvas贴在three plane上的正确样例

333.png


 
已邀请:

谷主

赞同来自:

three的使用问题,需要你自己研究。

像素

赞同来自:

感觉回答的好敷衍,但凡看一下我贴的代码,就知道我的问题,是在 获取fgui画面的texture,这一步,而不是什么three的问题

要回复问题请先登录注册