Compositing: یہ کیا ہے، پرتیں اور کام کا اصول

Compositing کیا ہے؟

Compositing گرافکس پائپ لائن کا آخری مرحلہ ہے جہاں تمام علیحدہ طور پر رینڈر کی گئی تہیں (3D مناظر، UI عناصر، ویڈیو، سسٹم انٹرفیس) اسکرین پر ڈسپلے کے لیے ایک تصویر میں یکجا کی جاتی ہیں۔ ہر تہہ کا اپنا رنگ، شفافیت (alpha)، مقام اور اسٹیکنگ آرڈر ہو سکتا ہے۔

موبائل ڈویلپمنٹ کے سیاق و سباق میں، compositing یوزر انٹرفیس کے لیے اہم ہے: ونڈوز، بٹن، متن، آئیکن — یہ تمام عناصر ایک منظر میں کمپوز کیے جاتے ہیں۔ Compositing سسٹم ڈرائنگ آرڈر (z-order)، نیم شفاف عناصر کی درست اوورلیپنگ اور UI حالتوں کے درمیان ٹرانزیشن اینیمیشن کا انتظام کرتا ہے۔

گرافکس پائپ لائن میں Compositing

گرافکس پائپ لائن میں، compositing تمام شیڈر پاسز اور راسٹرائزیشن مکمل ہونے کے بعد ہوتا ہے۔ GPU فریم بفرز سے تیار تہیں لیتا ہے، blending آپریشنز لگاتا ہے اور نتیجہ کو ڈسپلے پر بھیجنے کے لیے مرکزی فریم بفر (front buffer) میں لکھتا ہے۔

Compositing کیسے کام کرتا ہے؟

Compositing مختلف تہوں سے رنگوں کا پکسل بہ پکسل مکسنگ (blending) استعمال کرتا ہے۔ آؤٹ پٹ تصویر کا ہر پکسل اوورلے کی گئی تہوں کے پکسل رنگوں کی بنیاد پر شفافیت (alpha چینل) اور منتخب مکسنگ موڈ کو مدنظر رکھتے ہوئے شمار کیا جاتا ہے۔

Alpha چینل اور شفافیت

ہر تہہ میں ایک alpha چینل (RGBA رنگ کا چوتھا جزو) ہوتا ہے جو اس کی دھندلاپن کا تعین کرتا ہے۔ Alpha = 1.0 — مکمل طور پر دھندلا، alpha = 0.0 — مکمل طور پر شفاف۔ Alpha blending پکسل کے رنگ کو آگے (source) اور پیچھے (destination) تہوں کے رنگوں کے وزنی مجموعہ کے طور پر شمار کرتا ہے: نتیجہ = source * alpha + dest * (1 - alpha)۔

ڈرائنگ آرڈر (پینٹر کا الگورتھم)

Compositing سب سے دور کی تہہ سے قریب ترین (back-to-front) تک انجام دیا جاتا ہے۔ پہلے پس منظر کی تہہ رینڈر کی جاتی ہے، پھر ہر اگلی تہہ اپنی شفافیت کو مدنظر رکھتے ہوئے پچھلے کے اوپر اوورلے کی جاتی ہے۔ Z-order تعین کرتا ہے کہ کون سی تہہ اوپر ہے اور نیچے والیوں کو ڈھانپے گی۔

Compositing الگورتھم

Compositing مختلف مکسنگ موڈز (blend modes) کو سپورٹ کرتا ہے جو تعین کرتے ہیں کہ تہوں کے رنگ کیسے ملتے ہیں۔ ہر موڈ مختلف بصری اثر دیتا ہے اور اس کی اپنی حسابی لاگت ہوتی ہے۔

Premultiplied Alpha

Premultiplied alpha موڈ میں، رنگین چینلز alpha چینل (RGB × A) سے پہلے ہی ضرب دے کر محفوظ کیے جاتے ہیں۔ یہ ہر blending آپریشن میں ضرب کی ضرورت کو ختم کرتا ہے، compositing کو تیز کرتا ہے۔ Premultiplied alpha iOS Core Animation اور Android HWUI میں GPU compositing کے لیے معیاری فارمیٹ ہے۔

موبائل OS میں Compositing

ہر موبائل آپریٹنگ سسٹم کا اپنا compositing سسٹم ہے جو اپنے ہارڈویئر پلیٹ فارمز کے لیے بہتر بنایا گیا ہے۔ موبائل OS میں Compositing پورے یوزر انٹرفیس کو رینڈر کرنے کے لیے ذمہ دار ہے۔

iOS: Core Animation + Metal

iOS میں، compositing Core Animation کے ذریعے منظم کیا جاتا ہے — ایک اعلیٰ سطحی نظام جو Metal یا OpenGL ES پر کام کرتا ہے۔ Core Animation ایک layer tree (تہوں کا درخت) بناتا ہے جو پھر حتمی تصویر میں کمپوز کیا جاتا ہے۔ Core Animation خود بخود تعین کرتا ہے کہ کون سی تہیں تبدیل ہوئی ہیں اور صرف انہیں دوبارہ رینڈر کرتا ہے (اضافاتی compositing)، جس سے GPU پر بوجھ کم ہوتا ہے۔

Android: SurfaceFlinger + HWUI

Android میں، compositing SurfaceFlinger کے ذریعے انجام دیا جاتا ہے — ایک سسٹم سروس جو مختلف ایپلیکیشنز اور سسٹم UI سے سطحوں (surfaces) کو یکجا کرتی ہے۔ SurfaceFlinger HWC (Hardware Composer) استعمال کرتا ہے تاکہ compositing کا کچھ کام ڈسپلے کنٹرولر کے مخصوص ہارڈویئر کو منتقل کیا جا سکے۔

Compositing کارکردگی

Compositing کارکردگی موبائل ایپلیکیشنز میں ایک عام رکاوٹ ہے، خاص طور پر پیچیدہ اینیمیشنز اور متعدد نیم شفاف تہوں کے اوورلے کے ساتھ۔ ہر اضافی تہہ کو میموری میں پکسلز پڑھنے، ملانے اور لکھنے کی ضرورت ہوتی ہے۔

کارکردگی کو متاثر کرنے والے عوامل

• تہوں کی تعداد — ہر تہہ کو علیحدہ blending پاس کی ضرورت ہوتی ہے۔ تہوں کی تعداد کم کرنے سے compositing لکیری طور پر تیز ہوتا ہے۔
• تہہ ریزولیوشن — اعلیٰ ریزولیوشن والی تہیں پروسیس شدہ پکسلز کی تعداد بڑھاتی ہیں۔ کم سے کم ممکنہ آف اسکرین بفر سائز استعمال کریں۔
• شفافیت اور overdraw — نیم شفاف تہوں کو نیچے کے پکسلز پڑھنے کی ضرورت ہوتی ہے، جس سے بینڈوتھ بڑھتی ہے۔
• CPU compositing — اگر compositing CPU پر کیا جاتا ہے (سافٹ ویئر رینڈرنگ)، کارکردگی ڈرامائی طور پر گر جاتی ہے۔ GPU compositing ہمیشہ ترجیح دی جاتی ہے۔

GPU Compositing بمقابلہ CPU Compositing

جدید موبائل ڈیوائسز خصوصی blending یونٹس کے ذریعے GPU پر compositing کرتی ہیں۔ GPU compositing تیز پکسل مکسنگ کے لیے متوازی ROP یونٹس اور ٹیکسچر فلٹرز استعمال کرتا ہے۔ CPU compositing صرف نایاب صورتوں میں (پرانی ڈیوائسز، ٹیسٹنگ) استعمال ہوتا ہے۔

Compositing بهتری

Compositing بهتری موبائل انٹرفیس ڈویلپمنٹ میں اہم کاموں میں سے ایک ہے۔ UI کی ہمواری (60 FPS) براہ راست تہوں کے یکجا ہونے کی کارکردگی پر منحصر ہے۔

بہتری کے اہم طریقے

• تہوں کو کم سے کم کرنا — پہلے سے رینڈر کر کے جامد تہوں کو ایک میں یکجا کرنا (layer flattening)۔
• دھندلی تہیں — دھندلی تہوں کو alpha blending کی ضرورت نہیں ہوتی، جو compositing کو نمایاں طور پر تیز کرتا ہے۔
• اضافاتی compositing — پورے منظر کے بجائے صرف تبدیل شدہ تہوں کو دوبارہ رینڈر کرنا (Core Animation کے ذریعے استعمال کردہ)۔
• Hardware Composer — GPU کی شرکت کے بغیر ہارڈویئر compositing کے لیے HWC کا استعمال۔

پروفائلنگ ٹولز

Compositing کارکردگی کے تجزیہ کے لیے استعمال کریں: Core Animation Profiler (Xcode Instruments) — تہوں کی تعداد اور compositing فریکوئنسی دکھاتا ہے؛ GPU Debugger (Android Studio) — GPU لوڈ اور overdraw دکھاتا ہے؛ Overdraw Visualization — ایک ڈیبگنگ ٹول جو پکسلز کے بار بار دوبارہ رینڈر ہونے والے علاقے دکھاتا ہے۔