যে পূর্ণ-স্ক্রিন স্তরে 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 দৃশ্যে বসে। প্রতিটি কন্ট্রোল দেখানোর আগে সরাসরি বা একটি কন্টেইনারের মাধ্যমে এগুলির একটিতে যোগ করতে হয়।