fairygui-three,怎么把fgui作为一个canvas贴图 贴在 three Plane上?
不知道如何才能 把fgui作为一个canvas贴图 贴在 three Plane上
怎么把红框里的fgui内容,变成three里的一个 object3d plane?
这是普通canvas贴在three plane上的正确样例
怎么把红框里的fgui内容,变成three里的一个 object3d plane?
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上的正确样例
没有找到相关结果
已邀请:
2 个回复
谷主
赞同来自:
像素
赞同来自: