Cria a camada de ecrã inteiro a que os controlos de GUI são adicionados, desenhada sobre toda a tela de desenho à
frente da cena quando foreground é verdadeiro; adaptiveScaling escala a camada com a
densidade de píxeis do ecrã.
O nome, o indicador de primeiro plano e o indicador de escala adaptativa
A textura de UI em ecrã inteiro
const ui = bitbybit.babylon.gui.advancedDynamicTexture.createFullScreenUI({ name: "ui", foreground: true, adaptiveScaling: false });
const panel = bitbybit.babylon.gui.stackPanel.createStackPanel({ name: "panel", isVertical: true, spacing: 8, width: "300px", height: "400px", color: "#00000000", background: "#00000055" });
ui.addControl(panel);
Cria uma textura de GUI envolvida numa malha, de modo que os controlos adicionados a ela aparecem na superfície da malha na cena; a malha precisa de coordenadas de textura, sendo um plano a escolha habitual.
width e height dimensionam a textura em píxeis, supportPointerMove permite que os controlos reajam
à passagem do ponteiro, e onlyAlphaTesting desenha-a sem mistura.
A malha, o tamanho da textura e as opções de ponteiro, alfa, inversão e amostragem
A textura GUI na malha
const plane = bitbybit.babylon.meshBuilder.createRectanglePlane({ width: 4, height: 2, sideOrientation: Bit.Inputs.BabylonMesh.sideOrientationEnum.doubleside, enableShadows: false });
const ui = bitbybit.babylon.gui.advancedDynamicTexture.createForMesh({ mesh: plane, width: 1024, height: 512, supportPointerMove: true, onlyAlphaTesting: false, invertY: true, sampling: Bit.Inputs.BabylonTexture.samplingModeEnum.trilinear });
A superfície onde os controlos GUI são desenhados: uma camada em ecrã inteiro sobre o canvas, ou uma textura envolvida numa malha para que os controlos fiquem na cena 3D. Cada controlo tem de ser adicionado a uma destas, diretamente ou através de um contentor, antes de aparecer.