モバイル gpu における ハイエンド レンダリングエンジン開発事例
DESCRIPTION
モバイル GPU における ハイエンド レンダリングエンジン開発事例. (株)トライエース 研究開発部 永野 和博 大嶋貴史 . コンテンツ. 開発を始める前に 実装 最適化手法. 開発を始める前に 達成目標 開発環境 スケーラビリティを意識する. コンテンツ. 達成目標. 達成目標 自社開発の PS3, XBOX360 等スマートフォンよりも高性能な機器で動作する , マルチプラットフォームエンジンをスマートフォン上でも動作するようにポーティングを行う 対応プラットフォーム iOS5.0 以上 Android 2.3 以上. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/1.jpg)
モバイル GPU におけるハイエンドレンダリングエンジン開発事例
(株)トライエース 研究開発部 永野和博 大嶋貴史
![Page 2: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/2.jpg)
コンテンツ
• 開発を始める前に• 実装• 最適化手法
![Page 3: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/3.jpg)
コンテンツ
• 開発を始める前に– 達成目標 – 開発環境– スケーラビリティを意識する
![Page 4: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/4.jpg)
達成目標
• 達成目標– 自社開発の PS3, XBOX360 等スマートフォ
ンよりも高性能な機器で動作する , マルチプラットフォームエンジンをスマートフォン上でも動作するようにポーティングを行う
• 対応プラットフォーム– iOS5.0 以上 – Android 2.3 以上
![Page 5: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/5.jpg)
達成目標
検証 GPU の種類Vendor Imagination Technologies Qualcomm NVIDIA ARM
PowerVR SGX 540 (200MHz) Adreno 205 Tegra 2 Mali-400 MP
PowerVR SGX 540 (384MHz) Adreno 220 Tegra 3 Mali-T604
PowerVR SGX 535 Adreno 225 Tegra 4
PowerVR SGX 543MP2 Adreno 320
PowerVR SGX 543MP4 Adreno 330PowerVR SGX 554MP4
GPU
上記の GPU の種類だけではなく , 更に CPU/OS の組み合わせがあるため対応すべきデバイスの種類は数え切れず , これからも増え続けていく
iOS Device
Android
![Page 6: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/6.jpg)
達成目標
検証 GPU の種類
上記の GPU の種類だけではなく , 更に CPU/OS の組み合わせがあるため対応すべきデバイスの種類は数え切れず , これからも増え続けていく
iOS Device
Android
今後の事を見据えたしっかりとした事前準備はとても大切
Vendor Imagination Technologies Qualcomm NVIDIA ARM
PowerVR SGX 540 (200MHz) Adreno 205 Tegra 2 Mali-400 MP
PowerVR SGX 540 (384MHz) Adreno 220 Tegra 3 Mali-T604
PowerVR SGX 535 Adreno 225 Tegra 4
PowerVR SGX 543MP2 Adreno 320
PowerVR SGX 543MP4 Adreno 330PowerVR SGX 554MP4
GPU
![Page 7: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/7.jpg)
コンテンツ
• 開発を始める前に– 達成目標 – 開発環境– スケーラビリティを意識する
![Page 8: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/8.jpg)
IDE 言語 グラフィックスAPI その他
Android Eclipse C++ (一部J ava) OpenGL ES 2.0 Native Activity
開発環境
• 何を用いて開発するか?
![Page 9: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/9.jpg)
IDE 言語 グラフィックスAPI その他
Android Eclipse C++ (一部J ava) OpenGL ES 2.0 Native Activity
開発環境
• 何を用いて開発するか?
• NDK-r9b 以降は高確率でブレークポイントにとまる
• 複雑で大きなプログラムの場合 , 変数を閲覧できなかったり , 誤っている事がある
![Page 10: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/10.jpg)
開発環境
• 現在の EGL と GLES2 の状態を出力する関数を作る– 特に Android に有用
• 妥当性 : – glIsOOOO()– glValidateProgram()– glCheckFramebufferStatus()
• エラー : – glGetError()– eglGetError()
• エラーを出力する際は , 現在のスレッド情報も含める– ID 又は名前– GLES2 のコンテキスト ID
![Page 11: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/11.jpg)
コンテンツ
• 開発を始める前に– 達成目標 – 開発環境– スケーラビリティを意識する
![Page 12: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/12.jpg)
• どれくらいの性能差があるのだろう?– 新製品発売のスパンが短い
• 市場はローエンド機とハイエンド機が混在している
– ローエンドとハイエンドの性能差は 20 倍~25 倍程度はある
スケーラビリティを意識する
![Page 13: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/13.jpg)
ローエンド機に合わせてエンジンを作成
• どれくらいの性能差があるのだろう?– 新製品発売のスパンが短い
• 市場はローエンド機とハイエンド機が混在している
– ローエンドとハイエンドの性能差は 20 倍~25 倍程度はある
スケーラビリティを意識する
![Page 14: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/14.jpg)
• どれくらいの性能差があるのだろう?– 新製品発売のスパンが短い
• 市場はローエンド機とハイエンド機が混在している
– ローエンドとハイエンドの性能差は 20 倍~25 倍程度はある
スケーラビリティを意識する
ローエンド機に合わせてエンジンを作成
可能な限り端末毎の最大性能を出させて良い映像を出す
![Page 15: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/15.jpg)
• 方法– 端末の性能毎にポストプロセスの設定を調整
する• ブルームの解像度
スケーラビリティを意識する
![Page 16: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/16.jpg)
• 方法– 端末の性能毎にポストプロセスの設定を調整
する• ブルームの解像度
– 端末の性能毎にシェーダの複雑さを調整する• ライト個数• ライティングをフラグメントシェーダからバー
テックスシェーダへ
• など
スケーラビリティを意識する
![Page 17: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/17.jpg)
• 方法– 端末の性能毎にポストプロセスの設定を調整
する• ブルームの解像度
– 端末の性能毎にシェーダの複雑さを調整する• ライト個数• ライティングをフラグメントシェーダからバー
テックスシェーダへ
• など– 端末の性能毎にランタイム内にてフロント
バッファ , バックバッファ解像度を調整できるようにする
スケーラビリティを意識する
![Page 18: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/18.jpg)
• どのようにして性能値を導くか?– あらかじめ主要な端末を調査し , ある程度
テーブル化しておきそこから外れるものは端末のデバイス情報とテーブルを参考に計算で求める
– 初期化時にベンチマークを走らせて取得する
スケーラビリティを意識する
![Page 19: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/19.jpg)
• パフォーマンス変動をもたらす特殊な要因– 温度変化
• 端末の温度上昇に連動して CPU/GPU のクロックが調整されている
– 節電モード• リフレッシュレートが半分に抑制される
– BlueTooth• 原因は不明だが OFF にすることによりパフォー
マンスが劇的に改善するケースがあった
スケーラビリティを意識する
![Page 20: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/20.jpg)
実装
![Page 21: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/21.jpg)
• 変更が必要だった箇所
– 画面更新のタイミング端末毎に異なっている事が判
明
– マルチスレッドレンダリング
レンダリングコンテキストの問題
– シェーダ関連GPU に依存する問題
– レンダーターゲット関連GPU, 端末種に依存する問題
– 最適化GPU 毎に適した方法
具体的な作業箇所
![Page 22: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/22.jpg)
コンテンツ
• 実装– リフレッシュレート– マルチスレッドレンダリング– GPU 毎の Uniforms
![Page 23: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/23.jpg)
コンテンツ
• 実装– リフレッシュレート– マルチスレッドレンダリング– GPU 毎の Uniforms
![Page 24: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/24.jpg)
リフレッシュレート
• 画面更新のタイミング– VSync(垂直同期 ) のシグナルを利用
![Page 25: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/25.jpg)
リフレッシュレート
• 画面更新のタイミング– VSync(垂直同期 ) のシグナルを利用
ここで問題発生 !!
![Page 26: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/26.jpg)
リフレッシュレート
• 問題の概要– Vsync(垂直同期 ) のシグナルが取得できな
い• Android 4.0 以下のみの問題
– Android ではリフレッシュレートが端末毎に変化
–アニメーション等アセットが基準フレームレートに基づいて作成されている場合 , 再生速度が変化してしまう
リフレッシュレート1秒間に画面の更新が何回行われるかの事で単位はHz
![Page 27: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/27.jpg)
リフレッシュレート
• リフレッシュレートを確認– JNI(Java Native Interface) を用いて端末に問い合わせる
– 自分で計測する
![Page 28: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/28.jpg)
• リフレッシュレートを確認– JNI(Java Native Interface) を用いて端末に問い合わせる
– 自分で計測する
public float GetRefreshRate(){WindowManager windowManager = getWindowManager();Display display = windowManager.getDefaultDisplay();return display.getRefreshRate();
}
JNIEnv* pEnv = GetJNIEnv();Android_app* pApp = GetAndroidApp();jmethodID ID = pEnv->GetMethodID("GetRefreshRate", "()F");float fRefreshRate =(float)pEnv->CallFloatMethod(pApp()->activity->clazz, mID);
リフレッシュレート
C++側
Java側
![Page 29: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/29.jpg)
リフレッシュレート
uPrevTime = getCurrentTime();for( int i = 0; i < COUNT; i++ ) { glClear( GL_DEPTH_BUFFER_BIT|
GL_COLOR_BUFFER_BIT|GL_STENCIL_BUFFER_BIT );
eglSwapBuffers(EGLData.display,EGLData.surface);}uAfterTime = getCurrentTime();uTotal = AfterTime – uPrevTime; sRefreshRate = uTotal / COUNT;
• リフレッシュレートを確認– JNI(Java Native Interface) を用いて端末に問い合わせる
– 自分で計測する
![Page 30: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/30.jpg)
リフレッシュレート
問い合わせ値 68Hz 60.382Hz 55Hz 60Hz 60Hz 60.382Hz
計測値 53Hz 59Hz 57Hz 61Hz 59Hz 30Hz
GalaxyS2
(ISW11SC)
節電モード
GalaxyS
(SC-02B)
Arrowsμ
(F-07D)
MediasLTE
(N-04D)
GalaxyS2
(ISW11SC)
ArrowsZ
(ISW13F)
計測値と問い合わせた値が一致しない
• 取得結果
![Page 31: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/31.jpg)
以前の実装
• 基準フレームレートをもとにした可変フレームレート方式–アプリケーション起動時 , 基準フレームレー
トを設定– フレームレートは基準フレームレートの整数
分の1で可変• 基準フレームレートが 30 の時
– 30, 15, 10, 7.5… の範囲で可変
![Page 32: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/32.jpg)
リフレッシュレート
• 解決策–完全可変フレームレート方式
• 1フレームにかかった時間を計測し , その時間を用いてアニメーションを再生
– フレームドロップ方式• 1フレーム時間と基準フレーム時間の差分を蓄積
し , 差分が基準フレーム分蓄積した際にフレームドロップを行う
![Page 33: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/33.jpg)
リフレッシュレート
• 完全可変フレームレート方式–長所
• アニメーションが滑らか– 短所
• アセットが可変フレームレートを想定していない場合想定どおりの再生ができない
• フレームドロップ方式–長所
• アセットが基準フレームレートに基づいて作成されていても想定どおりの時間で再生可能
– 短所• アニメーションが滑らかではない
![Page 34: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/34.jpg)
コンテンツ
• 実装– リフレッシュレート– マルチスレッドレンダリング– GPU 毎の Uniforms
![Page 35: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/35.jpg)
マルチスレッドレンダリング
• マルチスレッドレンダリングとは– レンダリング専用スレッドを作成し , そのス
レッド上でレンダリング処理を行う方法
![Page 36: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/36.jpg)
マルチスレッドレンダリング
• 概要– OpenGL ES コンテキストの扱い– パフォーマンス調査
![Page 37: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/37.jpg)
マルチスレッドレンダリング
• OpenGL ES コンテキストとは– OpenGL の状態を保持している– レンダリングを行うための情報の集合体
![Page 38: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/38.jpg)
マルチスレッドレンダリング
• 複数のコンテキストが作成可能• 各スレッド間でコンテキストを共有でき
る• 作成したリソースの共有が可能
– テクスチャ– レンダーバッファ– シェーダ– バーテックスバッファ– インデックスバッファ
![Page 39: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/39.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
シェーダコンパイル
レンダリング
描画オブジェクト更新
![Page 40: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/40.jpg)
マルチスレッドレンダリング
• コンテキストを複数作成することのできない Android 端末が存在
• 作成可能でもスレッド間共有不可のものがある—NaitiveActivity使用時—Mali-400MP4搭載機でコンテキスト
を共有できないものがある—他の端末では OS4.0 以降のものにつ
いては共有ができることを確認した—例外も予想されるため共有できないも
のとしてコーディングしておく方が無難
![Page 41: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/41.jpg)
マルチスレッドレンダリング
コンテキスト複数利用のマルチスレッド化を避ける
• コンテキストを複数作成することのできない Android 端末が存在
• 作成可能でもスレッド間共有不可のものがある
![Page 42: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/42.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
シェーダコンパイル
レンダリング
描画オブジェクト更新
![Page 43: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/43.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
レンダリング
シェーダコンパイル
描画オブジェクト更新
![Page 44: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/44.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
レンダリング
シェーダコンパイル
描画オブジェクト更新
![Page 45: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/45.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
レンダリング
シェーダコンパイル
描画オブジェクト更新情報通知
![Page 46: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/46.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
レンダリング
シェーダコンパイル
通知情報を元に描画オブジェクト更新
描画オブジェクト更新情報通知
![Page 47: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/47.jpg)
マルチスレッドレンダリング
• コンテキストが必要なスレッド
レンダリング
シェーダコンパイル
通知情報を元に描画オブジェクト更新
![Page 48: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/48.jpg)
マルチスレッドレンダリング
• 概要– OpenGL ES コンテキストの扱い– パフォーマンス調査
![Page 49: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/49.jpg)
• 計測のために調整したデータを使用– メインスレッドに意図的に重い処理を付加し
60FPS を超えないように調整– レンダーに負荷がかかるようにオブジェクト
数を多く
パフォーマンス
![Page 50: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/50.jpg)
12.1 11.8
17.7
43
0
10
20
30
40
50
Arrows F- 07D(シングルコア)
AquosPhone SH- 06D(デュアルコア)
GalaxyS2 isw11sc(デュアルコア)
XperiaZ Ultra(クァッドコア)
レンダースレッド無し レンダースレッド有り
パフォーマンス結果
fps
fps
![Page 51: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/51.jpg)
パフォーマンス結果
fps
fps
12.1 11.8
17.7
43
0
10
20
30
40
50
Arrows F- 07D(シングルコア)
AquosPhone SH- 06D(デュアルコア)
GalaxyS2 isw11sc(デュアルコア)
XperiaZ Ultra(クァッドコア)
レンダースレッド無し レンダースレッド有り
![Page 52: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/52.jpg)
パフォーマンス結果
fps
fps
12.1 11.8
17.7
43
0
10
20
30
40
50
Arrows F- 07D(シングルコア)
AquosPhone SH- 06D(デュアルコア)
GalaxyS2 isw11sc(デュアルコア)
XperiaZ Ultra(クァッドコア)
レンダースレッド無し レンダースレッド有り
![Page 53: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/53.jpg)
パフォーマンス結果
fps
fps
12.1 11.8
17.7
43
0
10
20
30
40
50
Arrows F- 07D(シングルコア)
AquosPhone SH- 06D(デュアルコア)
GalaxyS2 isw11sc(デュアルコア)
XperiaZ Ultra(クァッドコア)
レンダースレッド無し レンダースレッド有り
![Page 54: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/54.jpg)
コンテンツ
• 実装– リフレッシュレート– マルチスレッドレンダリング– GPU 毎の Uniforms
![Page 55: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/55.jpg)
Uniform とは ?
• シェーダで利用される定数データ• ソースコードから動的に設定できる• HLSL の場合シェーダコンスタントと呼ばれる
![Page 56: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/56.jpg)
• glGetActiveUniform ()で情報を取得– 名前–使用中の配列サイズ–型
ここで問題発生
Uniform とは ?
![Page 57: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/57.jpg)
• glGetActiveUniform ()で情報を取得– 名前–使用中の配列サイズ–型
ここで問題発生
Uniform とは ?
![Page 58: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/58.jpg)
• glGetActiveUniform ()で情報を取得– 名前–使用中の配列サイズ–型
問題の概要
GLES2 の仕様によると GPU によって変化しない
![Page 59: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/59.jpg)
• glGetActiveUniform ()で情報を取得– 名前–使用中の配列サイズ–型
問題の概要
GLES2 の仕様によると GPU によって変化しない
名前 , 配列サイズが変化するケースがある
![Page 60: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/60.jpg)
• 発生パターン–構造体のメンバに配列型を用いる– テクスチャサンプラを配列で宣言– GPU Mali-400 の場合
問題の概要
![Page 61: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/61.jpg)
通常の動作
• 宣言する定数– Uniform vec4 cConst[4]
![Page 62: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/62.jpg)
通常の動作
• 宣言する定数– Uniform vec4 cConst[4]
• 得られる結果– 名前 : “ cConst[0]”–使用サイズ: 4
![Page 63: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/63.jpg)
• 発生パターン–構造体のメンバに配列型を用いる– テクスチャサンプラを配列で宣言– GPU Mali-400 の場合
実例1
![Page 64: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/64.jpg)
• シェーダ内に構造体を作成• 構造体内に配列型のメンバがある• それを uniform データとして用いた時
struct mat3x4{
vec4 highp m[3]; }; uniform mat3x4 cmWorld;
実例1
![Page 65: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/65.jpg)
• シェーダ内に構造体を作成• 構造体内に配列型のメンバがある• それを uniform データとして用いた時
struct mat3x4{
vec4 highp m[3]; }; uniform mat3x4 cmWorld;
実例1
![Page 66: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/66.jpg)
struct mat3x4{
vec4 highp m[3]; }; uniform mat3x4 cmWorld;
• シェーダ内に構造体を作成• 構造体内に配列型のメンバがある• それを uniform として用いた時
実例1
![Page 67: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/67.jpg)
名前 使用中の配列サイズ 名前 使用中の配列サイズcmWorld.m[0] 3 cmWorld.m[0] 3
cmWorld.m[1] 2cmWorld.m[2] 1
PowerVR/ Adreno205/ Tegra3 Adreno220/ 225/ 320/ 330
struct mat3x4{ vec4 highp m[3]; }; uniform mat3x4 cmWorld;
実例1の取得結果
![Page 68: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/68.jpg)
GLES2 の仕様と一致
名前1つに , 配列サイズ=3
名前 使用中の配列サイズ 名前 使用中の配列サイズcmWorld.m[0] 3 cmWorld.m[0] 3
cmWorld.m[1] 2cmWorld.m[2] 1
PowerVR/ Adreno205/ Tegra3 Adreno220/ 225/ 320/ 330
実例1の取得結果
struct mat3x4{ vec4 highp m[3]; }; uniform mat3x4 cmWorld;
![Page 69: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/69.jpg)
特殊特殊
名前 使用中の配列サイズ 名前 使用中の配列サイズcmWorld.m[0] 3 cmWorld.m[0] 3
cmWorld.m[1] 2cmWorld.m[2] 1
PowerVR/ Adreno205/ Tegra3 Adreno220/ 225/ 320/ 330
実例1の取得結果
struct mat3x4{ vec4 highp m[3]; }; uniform mat3x4 cmWorld;
名前3つに , それぞれの配列サイズ
![Page 70: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/70.jpg)
• 発生パターン–構造体のメンバに配列型を用いる– テクスチャサンプラを配列で宣言– GPU Mali-400 の場合
実例2
![Page 71: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/71.jpg)
実例2
uniform sampler2D asTexStage[16];
• テクスチャサンプラ配列
![Page 72: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/72.jpg)
名前 使用中の配列サイズ 名前 使用中の配列サイズasTexStage[0] 16 asTexStage[0] 1
asTexStage[1] 1…asTexStage[15] 1
PowerVR/Adreno 205/Tegra 3 Adreno 220/225/320/330
実例2の取得結果
• テクスチャサンプラ配列
uniform sampler2D asTexStage[16];
![Page 73: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/73.jpg)
名前 使用中の配列サイズ 名前 使用中の配列サイズasTexStage[0] 16 asTexStage[0] 1
asTexStage[1] 1…asTexStage[15] 1
PowerVR/Adreno 205/Tegra 3 Adreno 220/225/320/330
GLES2 の仕様と一致
実例2の取得結果
• テクスチャサンプラ配列
uniform sampler2D asTexStage[16];
![Page 74: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/74.jpg)
名前 使用中の配列サイズ 名前 使用中の配列サイズasTexStage[0] 16 asTexStage[0] 1
asTexStage[1] 1…asTexStage[15] 1
PowerVR/Adreno 205/Tegra 3 Adreno 220/225/320/330
特殊
実例2の取得結果
• テクスチャサンプラ配列
uniform sampler2D asTexStage[16];
![Page 75: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/75.jpg)
• 発生パターン–構造体のメンバに配列型を用いる– テクスチャサンプラを配列で宣言– GPU Mali-400 の場合
実例3
![Page 76: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/76.jpg)
実例3
uniform vec4 vCoef[4]uniform sampler2D asTexStage[16];uniform int aInteger[16];uniform bool aBool[16];
• 配列を使う• 構造体と無関係• 型と無関係
![Page 77: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/77.jpg)
名前 使用中の配列サイズ 名前 使用中の配列サイズvCoef[0] 4 vCoef[0] 4(宣言要素数)asTexStage[0] 16 asTexStage[0] 16(宣言要素数)aInteger[0] 16 aInteger[0] 16(宣言要素数)aBool[0] 16 aBool[0] 16(宣言要素数)
Mali-400 MP以外 Mali-400 MP
シェーダ内で全ての要素を使用してなくても配列の最大要素数が返ってくる
特殊
実例3の取得結果
uniform vec4 vCoef[4]uniform sampler2D asTexStage[16];uniform int aInteger[16];uniform bool aBool[16];
• 配列を使う• 構造体と無関係• 型と無関係
![Page 78: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/78.jpg)
• Uniform処理に合わせて– シェーダ内の uniform宣言を変更
• 構造体を利用しない• テクスチャサンプラの配列を利用しない
– それぞれの GPU に適した手法で値をセット
解決方法
![Page 79: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/79.jpg)
解決方法
• Uniform処理に合わせて– シェーダ内の uniform宣言を変更
• 構造体を利用しない• テクスチャサンプラの配列を利用しない
– それぞれの GPU に適した手法で値をセット
![Page 80: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/80.jpg)
最適化手法
![Page 81: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/81.jpg)
検証した GPU
• Adreno– 205, 220, 225, 320
• Mali– 400 MP, T604
• PowerVR (SGX)– 540, 543, 554
• Tegra– Tegra 3, Tegra 4
![Page 82: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/82.jpg)
コンテンツ
• 最適化手法– タイルベース GPU 最適化–オブジェクト描画順– テクスチャフェッチ最適化
![Page 83: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/83.jpg)
タイルベース GPU
• タイルベースレンダリングを採用したGPU– PowerVR, Adreno, Mali
• タイルベースレンダリング (TBR)– フレームバッファへのアクセス
• レンダリング中はフレームバッファにアクセスせず GPU 内のタイルバッファにアクセスする
• 各タイルのレンダリング– 開始時 ⇒ GPU のタイルバッファにロード– 終了時 ⇒ GPU のタイルバッファからストア
![Page 84: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/84.jpg)
タイルのロード , ストア
• 通常のレンダリングでは描画開始時のロードは不必要– 一般的にはレンダリング開始直後にすべてク
リア• OpenGL ES + TBR ではデフォルトではロードが
発生• ストア
– レンダリング後のフレームバッファの内容を使用しない場合
• 例) カラーは必要 , デプス , ステンシルは不必要
• ロード , ストアを制御する GL_EXT がある
![Page 85: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/85.jpg)
GL_EXT_discard_framebuffer
• 対応 GPU:Mali, PowerVR– 古いバージョンの Android OS ではサポートされな
い
• glDiscardFramebufferEXT()–破棄するカラー , デプス , ステンシルを指定
• 破棄された場合 dirty になる
![Page 86: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/86.jpg)
GL_QCOM_tiled_rendering
• 対応 GPU: Adreno• StartTilingQCOM()EndTilingQCOM()– 状態を保持するカラー , デプス , ステンシル
を指定• 保持しないものは dirty になる
– StartTilingQCOM(), EndTilingQCOM()は対にして使用する必要がある
![Page 87: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/87.jpg)
最適化方法
• ロードの必要がない場合– PowerVR, Mali
• レンダリング開始時に glClear を使用してクリア– Adreno
• レンダリング開始時に dirty にする– StartTilingQCOM()
• dirty の場合はロードされない
• ストアの必要がない場合– レンダリングの最後にタイルバッファを dirty にす
る• glDiscardFramebufferEXT()EndTilingQCOM()
• dirty の場合はストアされない
![Page 88: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/88.jpg)
コンテンツ
• 最適化手法– タイルベース GPU 最適化–オブジェクト描画順– テクスチャフェッチ最適化
![Page 89: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/89.jpg)
オブジェクト描画順
• ここでのオブジェクトの単位は描画順のソートを行う単位– レンダリングエンジンの実装に依存–本セッションではドローコール単位でソート
![Page 90: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/90.jpg)
不透明オブジェクトパンチスルーオブジェク
トearly-z を考慮し , 手前から順に描画
一般的なケース
半透明オブジェクト奥から順に描画
![Page 91: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/91.jpg)
不透明オブジェクト
• early-z cull 調査– オーバードローテスト
• Z テスト : near • 1ポリゴン 30 fps になる負荷のフラグメントシェーダを使
用• 手前から描画した場合と , 奥から描画した場合で比較
![Page 92: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/92.jpg)
不透明オブジェクト
0
5
10
15
20
25
30
35
Adreno Mali PowerVR Tegra
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
手前から描画
![Page 93: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/93.jpg)
不透明オブジェクト
0
5
10
15
20
25
30
35
Adreno Mali PowerVR Tegra
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
手前から描画
![Page 94: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/94.jpg)
奥から描画
不透明オブジェクト
0
5
10
15
20
25
30
35
Adreno Mali PowerVR Tegra
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
![Page 95: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/95.jpg)
奥から描画
不透明オブジェクト
0
5
10
15
20
25
30
35
Adreno Mali PowerVR Tegra
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
![Page 96: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/96.jpg)
不透明オブジェクト描画順
• Adreno, Mali, Tegra– 手前から順に描画
• オーバードローが発生する可能性がある– オブジェクトが重なっている– オブジェクト内のポリゴンがソートされていない– ポリゴンが交差している
• PowerVR–描画順は考慮しなくてよい
• オーバードローは発生しない– ただし例外あり
» タイル内のポリゴン数が一定を超えるとオーバードローが発生する等
![Page 97: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/97.jpg)
不透明オブジェクト描画順
• Adreno, Mali, Tegra– 手前から順に描画
• オーバードローは発生する– オブジェクト同士が重なっている– オブジェクト内のポリゴンの並びが手前から順になっ
ていない– ポリゴンが交差している
• PowerVR–描画順は考慮しなくてよい
• 基本的にオーバードローは発生しない– タイル内のポリゴン数が一定を超えるとオーバードローが発生するなど、例外あり
![Page 98: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/98.jpg)
パンチスルーオブジェクト• early-z cull 調査
– オーバードローテスト• 不透明オブジェクトのテストと同じ条件• 不透明オブジェクトテスト時のシェーダに discard命令を追加
– 破棄されるピクセルは無し
![Page 99: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/99.jpg)
パンチスルーオブジェクト
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
手前から描画
![Page 100: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/100.jpg)
パンチスルーオブジェクト
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
手前から描画
![Page 101: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/101.jpg)
パンチスルーオブジェクト
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
奥から描画
![Page 102: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/102.jpg)
パンチスルーオブジェクト
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 1ポリゴン 6手前から ポリゴン 6奥から ポリゴン
奥から描画
![Page 103: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/103.jpg)
不透明&パンチスルー• early-z cull 調査
– オーバードローテスト• 不透明オブジェクト , パンチスルーオブジェクトを交互に6ポリゴ
ン描画• パンチスルーオブジェクトから描画した場合と , 不透明オブジェク
トから描画した場合を比較
![Page 104: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/104.jpg)
不透明&パンチスルー
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 奥から順 (手前から順 不透明から) (手前から順 パンチスルーから)
奥から描画
![Page 105: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/105.jpg)
不透明&パンチスルー
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 奥から順 (手前から順 不透明から) (手前から順 パンチスルーから)
奥から描画
![Page 106: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/106.jpg)
不透明&パンチスルー
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 奥から順 (手前から順 不透明から) (手前から順 パンチスルーから)
手前から描画
![Page 107: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/107.jpg)
不透明&パンチスルー
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 奥から順 (手前から順 不透明から) (手前から順 パンチスルーから)
手前から描画
![Page 108: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/108.jpg)
不透明&パンチスルー
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 奥から順 (手前から順 不透明から) (手前から順 パンチスルーから)
手前から描画
![Page 109: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/109.jpg)
不透明&パンチスルー
0
5
10
15
20
25
30
35
Adreno Mali 400 MP Mali T604 PowerVR Tegra 3 Tegra 4
fps 奥から順 (手前から順 不透明から) (手前から順 パンチスルーから)
手前から描画
![Page 110: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/110.jpg)
パンチスルーオブジェクト描画順• Mali 400 MP
– 不透明オブジェクトの後に描画• 手前から描画
• Adreno, Tegra 3– 不透明オブジェクトより先に描画
• 不透明はパンチスルーに陰面消去された場合オーバードローが発生しないため
• 常にオーバードローが発生する– 描画順を考慮する必要はない
![Page 111: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/111.jpg)
パンチスルーオブジェクト描画順• Mali T604, Tegra 4
– 一般的なケースと同じ• PowerVR
– 不透明とパンチスルーオブジェクトを分けて描画
• 不透明オブジェクトのみの場合はオーバードローが発生しないため
• 不透明オブジェクトの前後どちらで描画するのかは不透明オブジェクトとのオーバードロー次第
• 手前から描画
![Page 112: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/112.jpg)
Adreno,Tegra3
オブジェクト描画順まとめ
Mali 400 MPパンチスルー手前から順に描画
PowerVR
半透明奥から順に描画
不透明描画順は考慮しない
パンチスルー手前から順に描画
パンチスルー描画順は考慮しない
半透明奥から順に描画
不透明手前から順に描画
パンチスルー手前から順に描画
半透明奥から順に描画
不透明手前から順に描画
![Page 113: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/113.jpg)
コンテンツ
• 最適化手法– タイルベース GPU 最適化–オブジェクト描画順– テクスチャフェッチ最適化
![Page 114: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/114.jpg)
PowerVR テクスチャプリフェッチ• プリフェッチ条件
– UV を varying から値を変えずに使用
– varying のスィズルを x から順に使用
• PowerVR 以外でこのフェッチの有効性をポストプロセスで調査– ¼ ダウンサンプリング– ガウスフィルタ
uniform sampler2D s0;varying vec2 uv0;varying vec4 uv1;
texture2D(s0, uv0); // ○
vec2 uv2 = uv0;uv2 += vec2(0.1, 0.2);texture2D(s0, uv2); // ×
texture2D(s0, uv1.xy); // ○
texture2D(s0, uv1.zw); // ×
![Page 115: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/115.jpg)
PowerVR テクスチャプリフェッチ• プリフェッチ条件
– UV を varying から値を変えずに使用
– varying のスィズルを x から順に使用
• PowerVR 以外でこのフェッチの有効性をポストプロセスで調査– ¼ ダウンサンプリング– ガウスフィルタ
uniform sampler2D s0;varying vec2 uv0;varying vec4 uv1;
texture2D(s0, uv0); // ○
vec2 uv2 = uv0;uv2 += vec2(0.1, 0.2);texture2D(s0, uv2); // ×
texture2D(s0, uv1.xy); // ○
texture2D(s0, uv1.zw); // ×
![Page 116: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/116.jpg)
PowerVR テクスチャプリフェッチ• プリフェッチ条件
– UV を varying から値を変えずに使用
– varying のスィズルを x から順に使用
• PowerVR 以外でこのフェッチの有効性をポストプロセスで調査– ¼ ダウンサンプリング– ガウスフィルタ
uniform sampler2D s0;varying vec2 uv0;varying vec4 uv1;
texture2D(s0, uv0); // ○
vec2 uv2 = uv0;uv2 += vec2(0.1, 0.2);texture2D(s0, uv2); // ×
texture2D(s0, uv1.xy); // ○
texture2D(s0, uv1.zw); // ×
![Page 117: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/117.jpg)
PowerVR テクスチャプリフェッチ• プリフェッチ条件
– UV を varying から値を変えずに使用
– varying のスィズルを x から順に使用
• PowerVR 以外でこのフェッチの有効性をポストプロセスで調査– ¼ ダウンサンプリング– ガウスフィルタ
uniform sampler2D s0;varying vec2 uv0;varying vec4 uv1;
texture2D(s0, uv0); // ○
vec2 uv2 = uv0;uv2 += vec2(0.1, 0.2);texture2D(s0, uv2); // ×
texture2D(s0, uv1.xy); // ○
texture2D(s0, uv1.zw); // ×
![Page 118: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/118.jpg)
テクスチャフェッチ比較対象
• バーテックスシェーダ UV生成– varying の値を変えずに使
用– varying 数をできるだけ削減
uniform sampler2D s0;varying vec4 uv0;varying vec4 uv1;
texture2D(s0, uv0.xy);texture2D(s0, uv0.zw);texture2D(s0, uv1.xy);texture2D(s0, uv1.zw);
uniform sampler2D s0;varying vec2 uv;uniform vec2 ofs0;uniform vec2 ofs1;Uniform vec2 ofs2;
texture2D(s0, uv+ofs0);texture2D(s0, uv+ofs1);texture2D(s0, uv+ofs2);
• フラグメントシェーダ UV生成– varying は1つ
![Page 119: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/119.jpg)
テクスチャフェッチ検証環境
• カラーフォーマット: ARGB8888• Precision
– バーテックスシェーダ: highp– フラグメントシェーダ: mediump
• パフォーマンス計測方法– フレームレートから計測– 60fps 以下にするため解像度を調整
![Page 120: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/120.jpg)
1/4 ダウンサンプリング• テクスチャフェッチ4回
![Page 121: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/121.jpg)
1/4 ダウンサンプリング結果
0
0.2
0.4
0.6
0.8
1
1.2
205 220 225 320 400 MP T604 Tegra 3 Tegra 4 540
PowerVRプリフェッチ UVバーテックス 生成 UVフラグメント 生成↑Fast
PowerVR
MaliAdreno Tegra
![Page 122: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/122.jpg)
ガウスフィルタ• テクスチャフェッチ7回
![Page 123: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/123.jpg)
ガウスフィルタ結果
0
0.2
0.4
0.6
0.8
1
1.2
205 220 225 320 400 MP T604 Tegra 3 Tegra 4 540
PowerVRプリフェッチ UVバーテックス 生成 UVフラグメント 生成↑Fast
PowerVR
MaliAdreno Tegra
![Page 124: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/124.jpg)
テクスチャフェッチ結果
• Mali-400 MP– PowerVR プリフェッチが有効
• UV精度も向上する
• Adreno 200 シリーズ , Tegra– PowerVR プリフェッチの有効性は見られない– varying 数増加によるパフォーマンス低下は確認で
きず• フラグメントシェーダ負荷の少ないバーテックス UV生成推奨
– PowerVR のプリフェッチを使用して問題ない
• Adreno 320, Mali-T604– varying 数削減が効果的
![Page 125: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/125.jpg)
まとめ
• 性能差が大幅に異なる GPU に対応が必要• OS, GPU, 端末の違いによるさまざまな問題が発生– 特に Android では仕様書などのドキュメン
トが信用できないことが多い• 各 GPU の最適化手法の調査 , 検証が必要
![Page 126: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/126.jpg)
謝辞
• (株)トライエース研究開発部–五反田 義治
![Page 127: モバイル GPU における ハイエンド レンダリングエンジン開発事例](https://reader033.vdocuments.mx/reader033/viewer/2022061517/56813113550346895d975f7b/html5/thumbnails/127.jpg)
ご質問は?
http://research.tri-ace.com