Compositing（コンポジティング）とは何か、レイヤーと動作原理

コンポジティングとは？

Compositingはグラフィックスパイプラインの最終段階であり、個別にレンダリングされたすべてのレイヤー（3Dシーン、UI要素、ビデオ、システムインターフェース）を画面表示のために1つの画像に結合します。各レイヤーは独自の色、透明度（alpha）、位置、スタッキング順序を持つことができます。

モバイル開発の文脈では、コンポジティングはユーザーインターフェースにとって重要です。ウィンドウ、ボタン、テキスト、アイコン — これらすべての要素は1つのシーンにコンポジットされます。コンポジティングシステムは描画順序（z-order）、半透明要素の正しい重なり、UI状態間の遷移アニメーションを管理します。

グラフィックスパイプラインにおけるコンポジティング

グラフィックスパイプラインでは、すべてのシェーダーパスとラスタライゼーションが完了した後にコンポジティングが行われます。GPUはフレームバッファから完成したレイヤーを取得し、ブレンド操作を適用して、結果をディスプレイに送信するためにメインフレームバッファ（フロントバッファ）に書き込みます。

コンポジティングの仕組み

Compositingは異なるレイヤーからの色をピクセル単位でブレンド（blending）します。出力画像の各ピクセルは、重ねられたレイヤーのピクセル色に基づいて、透明度（alphaチャンネル）と選択されたブレンドモードを考慮して計算されます。

Alphaチャンネルと透明度

各レイヤーには、その不透明度を決定するalphaチャンネル（RGBA色の第4成分）が含まれています。Alpha = 1.0 — 完全に不透明、alpha = 0.0 — 完全に透明。Alpha blendingはピクセル色を前景（source）と背景（destination）レイヤーの色の加重合計として計算します：結果 = source * alpha + dest * (1 - alpha)。

描画順序（ペインターのアルゴリズム）

コンポジティングは最も遠いレイヤーから最も近いレイヤーへ（back-to-front）実行されます。最初に背景レイヤーがレンダリングされ、次に各後続レイヤーがその透明度を考慮して前のレイヤーの上に重ねられます。Z-orderはどのレイヤーが上にあり、下のレイヤーを覆うかを決定します。

コンポジティングのアルゴリズム

Compositingはレイヤーの色をどのように組み合わせるかを決定するさまざまなブレンドモード（blend modes）をサポートしています。各モードは異なる視覚効果を生み出し、独自の計算コストがあります。

Premultiplied Alpha

Premultiplied alphaモードでは、色チャンネルがalphaチャンネル（RGB × A）で事前に乗算されて保存されます。これにより、各ブレンド操作での乗算の必要性がなくなり、コンポジティングが高速化されます。Premultiplied alphaはiOS Core AnimationとAndroid HWUIでのGPUコンポジティングの標準形式です。

モバイルOSでのコンポジティング

各モバイルオペレーティングシステムには、そのハードウェアプラットフォームに最適化された独自のコンポジティングシステムがあります。モバイルOSでのCompositingはユーザーインターフェース全体のレンダリングを担当します。

iOS: Core Animation + Metal

iOSでは、コンポジティングはCore Animationによって管理されます — MetalまたはOpenGL ES上で動作する高レベルシステムです。Core Animationはレイヤーツリー（layer tree）を作成し、それが最終画像にコンポジットされます。Core Animationは自動的にどのレイヤーが変更されたかを判断し、変更されたレイヤーのみを再描画します（インクリメンタルコンポジティング）。これによりGPU負荷が最小限に抑えられます。

Android: SurfaceFlinger + HWUI

Androidでは、コンポジティングはSurfaceFlingerによって実行されます — さまざまなアプリケーションやシステムUIからのサーフェスを結合するシステムサービスです。SurfaceFlingerはHWC（Hardware Composer）を使用して、コンポジティング作業の一部をディスプレイコントローラーの専用ハードウェアにオフロードします。

コンポジティングのパフォーマンス

コンポジティングのパフォーマンスは、特に複雑なアニメーションや多数の半透明レイヤーの重ね合わせにおいて、モバイルアプリケーションで一般的なボトルネックです。追加のレイヤーごとに、メモリからのピクセルの読み取り、ブレンド、書き込みが必要になります。

パフォーマンスに影響する要因

• レイヤーの数 — 各レイヤーには個別のブレンドパスが必要です。レイヤー数を減らすとコンポジティングが線形に高速化します。
• レイヤーの解像度 — 高解像度のレイヤーは処理されるピクセル数を増加させます。可能な限り最小のオフスクリーンバッファサイズを使用してください。
• 透明度とオーバードロー — 半透明レイヤーは下層のピクセルを読み取る必要があり、帯域幅が増加します。
• CPUコンポジティング — CPUでコンポジティングが行われる場合（ソフトウェアレンダリング）、パフォーマンスが劇的に低下します。GPUコンポジティングが常に優先されます。

GPUコンポジティング vs CPUコンポジティング

現代のモバイルデバイスは、特殊なブレンドユニットを介してGPU上でコンポジティングを実行します。GPUコンポジティングは並列ROPユニットとテクスチャフィルターを使用して高速なピクセルブレンドを実現します。CPUコンポジティングは稀なケース（古いデバイス、テスト）でのみ使用されます。

コンポジティングの最適化

コンポジティングの最適化はモバイルインターフェース開発における主要なタスクの1つです。UIの滑らかさ（60 FPS）はレイヤー結合の効率に直接依存します。

主な最適化手法

• レイヤーの最小化 — プリレンダリングによる静的レイヤーの1つへの結合（layer flattening）。
• 不透明レイヤー — 不透明レイヤーはalpha blendingが不要で、コンポジティングを大幅に高速化します。
• インクリメンタルコンポジティング — シーン全体ではなく変更されたレイヤーのみを再描画（Core Animationで使用）。
• Hardware Composer — GPUを介さないハードウェアコンポジティングのためのHWCの使用。

プロファイリングツール

コンポジティングのパフォーマンス分析には、Core Animation Profiler（Xcode Instruments） — レイヤー数とコンポジティング頻度を表示、GPU Debugger（Android Studio） — GPU負荷とオーバードローを表示、Overdraw Visualization — ピクセルの繰り返し再描画領域を示すデバッグツールを使用します。