वह पूर्ण-स्क्रीन परत बनाता है जिसमें GUI कंट्रोल जोड़े जाते हैं, foreground true होने पर सीन के सामने पूरे कैनवास पर ड्रॉ की गई; adaptiveScaling परत को स्क्रीन के पिक्सेल घनत्व के साथ स्केल करता है।
नाम, फ़ोरग्राउंड फ़्लैग और अडैप्टिव स्केलिंग फ़्लैग
फ़ुल-स्क्रीन UI टेक्सचर
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);
मेश पर लपेटा हुआ एक GUI टेक्सचर बनाता है, ताकि उसमें जोड़े गए कंट्रोल सीन में मेश की सतह पर दिखें; मेश को टेक्सचर निर्देशांक चाहिए, प्लेन सामान्य चुनाव है।
width और height टेक्सचर का आकार पिक्सेल में तय करते हैं, supportPointerMove कंट्रोल को होवर पर प्रतिक्रिया करने देता है, और onlyAlphaTesting उसे बिना ब्लेंडिंग के ड्रॉ करता है।
मेश, टेक्सचर का आकार, पॉइंटर, अल्फ़ा, फ्लिप और सैंपलिंग विकल्प
मेश पर GUI टेक्सचर
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 });
वह सतह जिस पर GUI कंट्रोल ड्रॉ किए जाते हैं: कैनवास के ऊपर एक फ़ुल-स्क्रीन परत, या किसी मेश पर लपेटा गया टेक्सचर ताकि कंट्रोल 3D सीन में बैठें। हर कंट्रोल को दिखने से पहले इनमें से किसी एक में जोड़ना होता है, सीधे या किसी कंटेनर के माध्यम से।