Submit Search
CEDEC2015「加算合成コストが0になる!?すぐに使えるP-MAPブレンドテクニック」発表スライド
22 likes
16,285 views
Toshiyasu Miyabe
CEDEC2015「加算合成コストが0になる!?すぐに使えるP-MAPブレンドテクニック」発表時に使用したスライド。 発表時から追記・修正されています。
Technology
Read more
1 of 37
Download now
Downloaded 42 times
1
2
3
4
5
6
7
Most read
8
9
10
11
12
13
14
15
16
17
Most read
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
Most read
34
35
36
37
More Related Content
PDF
猫でも分かるUE4のポストプロセスを使った演出・絵作り
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
なぜなにリアルタイムレンダリング
Satoshi Kodaira
PPTX
UE4のライティング解体新書~効果的なNPRのためにライティングの仕組みを理解しよう~
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
60fpsアクションを実現する秘訣を伝授 解析編
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
60fpsアクションを実現する秘訣を伝授 基礎編
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
UE4のためのより良いゲーム設計を理解しよう!
Masahiko Nakamura
PPTX
[CEDEC2017] UE4プロファイリングツール総おさらい(グラフィクス編)
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
CEDEC 2020 - 高品質かつ低負荷な3Dライブを実現するシェーダー開発 ~『ラブライブ!スクールアイドルフェスティバル ALL STARS』(スク...
KLab Inc. / Tech
猫でも分かるUE4のポストプロセスを使った演出・絵作り
エピック・ゲームズ・ジャパン Epic Games Japan
なぜなにリアルタイムレンダリング
Satoshi Kodaira
UE4のライティング解体新書~効果的なNPRのためにライティングの仕組みを理解しよう~
エピック・ゲームズ・ジャパン Epic Games Japan
60fpsアクションを実現する秘訣を伝授 解析編
エピック・ゲームズ・ジャパン Epic Games Japan
60fpsアクションを実現する秘訣を伝授 基礎編
エピック・ゲームズ・ジャパン Epic Games Japan
UE4のためのより良いゲーム設計を理解しよう!
Masahiko Nakamura
[CEDEC2017] UE4プロファイリングツール総おさらい(グラフィクス編)
エピック・ゲームズ・ジャパン Epic Games Japan
CEDEC 2020 - 高品質かつ低負荷な3Dライブを実現するシェーダー開発 ~『ラブライブ!スクールアイドルフェスティバル ALL STARS』(スク...
KLab Inc. / Tech
What's hot
(20)
PDF
【Unity】より良い表現のためのライティング戦略
Takayasu Beharu
PDF
UE4における大規模背景制作事例 最適化ワークフロー編
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
CEDEC2016: Unreal Engine 4 のレンダリングフロー総おさらい
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
UE5制作事例 “The Market of Light” ~Nanite/Lumenへの挑戦~
historia_Inc
PPTX
猫でも分かる UE4のAnimation Blueprintの運用について
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
『FINAL FANTASY VII REMAKE』におけるプロファイリングと最適化事例 UNREAL FEST EXTREME 2021 SUMMER
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
UE4を使った映像制作 (UE4 Character Art Dive Online)
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
UE4背景アーティスト勉強会(後編) 実演+解説
Aiko Shinohara
PPTX
Unreal Engine最新機能 アニメーション+物理ショーケース!
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
NPRキャラクターレンダリング総結集!今こそ更なる高みを目指して | UNREAL FEST EXTREME 2020 WINTER
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
大規模タイトルにおけるエフェクトマテリアル運用 (SQEX大阪: 林武尊様) #UE4DD
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
Lightmassの仕組み ~Precomputed Light Volume編~ (Epic Games Japan: 篠山範明)
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
UE4のローカライズ機能紹介 (UE4 Localization Deep Dive)
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
UE4 LODs for Optimization -Beginner-
com044
PDF
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
com044
PDF
Unreal Engine 5 早期アクセスの注目機能総おさらい Part 2
エピック・ゲームズ・ジャパン Epic Games Japan
PDF
UE4でTranslucencyやUnlitに影を落としたい!
com044
PPTX
UE4におけるLoadingとGCのProfilingと最適化手法
エピック・ゲームズ・ジャパン Epic Games Japan
【Unity】より良い表現のためのライティング戦略
Takayasu Beharu
UE4における大規模背景制作事例 最適化ワークフロー編
エピック・ゲームズ・ジャパン Epic Games Japan
CEDEC2016: Unreal Engine 4 のレンダリングフロー総おさらい
エピック・ゲームズ・ジャパン Epic Games Japan
UE5制作事例 “The Market of Light” ~Nanite/Lumenへの挑戦~
historia_Inc
猫でも分かる UE4のAnimation Blueprintの運用について
エピック・ゲームズ・ジャパン Epic Games Japan
『FINAL FANTASY VII REMAKE』におけるプロファイリングと最適化事例 UNREAL FEST EXTREME 2021 SUMMER
エピック・ゲームズ・ジャパン Epic Games Japan
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
エピック・ゲームズ・ジャパン Epic Games Japan
UE4を使った映像制作 (UE4 Character Art Dive Online)
エピック・ゲームズ・ジャパン Epic Games Japan
UE4背景アーティスト勉強会(後編) 実演+解説
Aiko Shinohara
Unreal Engine最新機能 アニメーション+物理ショーケース!
エピック・ゲームズ・ジャパン Epic Games Japan
NPRキャラクターレンダリング総結集!今こそ更なる高みを目指して | UNREAL FEST EXTREME 2020 WINTER
エピック・ゲームズ・ジャパン Epic Games Japan
マテリアルとマテリアルインスタンスの仕組みと問題点の共有 (Epic Games Japan: 篠山範明) #UE4DD
エピック・ゲームズ・ジャパン Epic Games Japan
大規模タイトルにおけるエフェクトマテリアル運用 (SQEX大阪: 林武尊様) #UE4DD
エピック・ゲームズ・ジャパン Epic Games Japan
Lightmassの仕組み ~Precomputed Light Volume編~ (Epic Games Japan: 篠山範明)
エピック・ゲームズ・ジャパン Epic Games Japan
UE4のローカライズ機能紹介 (UE4 Localization Deep Dive)
エピック・ゲームズ・ジャパン Epic Games Japan
UE4 LODs for Optimization -Beginner-
com044
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
com044
Unreal Engine 5 早期アクセスの注目機能総おさらい Part 2
エピック・ゲームズ・ジャパン Epic Games Japan
UE4でTranslucencyやUnlitに影を落としたい!
com044
UE4におけるLoadingとGCのProfilingと最適化手法
エピック・ゲームズ・ジャパン Epic Games Japan
Ad
Viewers also liked
(20)
PPT
CEDEC 2007 Imagire Day 最新世代機に関わる技術トラック
Silicon Studio Corporation
PDF
シリコンスタジオの最新テクノロジーデモ技術解説
Silicon Studio Corporation
PPT
CEDEC 2005 汎用的なシェーダ設計 イントロダクション
Silicon Studio Corporation
PPT
CEDEC 2008 Imagire Day レンダリスト養成講座 2.0
Silicon Studio Corporation
PPT
CEDEC 2008 Imagire Day 最新世代機に関わる技術トラック
Silicon Studio Corporation
PDF
機械学習向けCGデータの量産手法の検討
Silicon Studio Corporation
PDF
シリコンスタジオによるHDR出力対応の理論と実践
Silicon Studio Corporation
PPTX
CEDEC 2011 コンピュータ・グラフィクス関連の最新論文紹介 ~Shape Matching法とその周辺技術~
Silicon Studio Corporation
PPTX
CEDEC 2012 コンピュータ・グラフィクス関連の最新論文紹介~Modular Radiance Transfer法の解説~
Silicon Studio Corporation
PPT
CEDEC 2010 魅力ある絵作りのために知っておきたい色光学豆知識
Silicon Studio Corporation
PPT
CEDEC 2009 Imagire Day 2009
Silicon Studio Corporation
PDF
CEDEC 2012 実践!シネマティックレンズエフェクト
Silicon Studio Corporation
PPTX
手描き感を再現するペイントシミュレータの最新研究紹介
Silicon Studio Corporation
PPT
CEDEC 2007 ゲーム開発者向け最新技術論文の解説・実装講座
Silicon Studio Corporation
PPT
CEDEC 2009 Imagire Day 続・レンダリスト養成講座
Silicon Studio Corporation
PDF
【CEDEC 2017】過去のお約束を捨てることがVRの始まり ~ PlayStationRVR ヘディング工場のゲームデザインと演出
Gemdrops Inc.
PDF
物理ベース時代のライトマップベイク奮闘記
Silicon Studio Corporation
PDF
Recipes for Optical Effect System Design - Real-time Rendering of Physically...
Silicon Studio Corporation
PDF
Making Your Bokeh Fascinating - Real-time Rendering of Physically Based Opti...
Silicon Studio Corporation
PDF
Lenses - Real-time Rendering of Physically Based Optical Effect in Theory an...
Silicon Studio Corporation
CEDEC 2007 Imagire Day 最新世代機に関わる技術トラック
Silicon Studio Corporation
シリコンスタジオの最新テクノロジーデモ技術解説
Silicon Studio Corporation
CEDEC 2005 汎用的なシェーダ設計 イントロダクション
Silicon Studio Corporation
CEDEC 2008 Imagire Day レンダリスト養成講座 2.0
Silicon Studio Corporation
CEDEC 2008 Imagire Day 最新世代機に関わる技術トラック
Silicon Studio Corporation
機械学習向けCGデータの量産手法の検討
Silicon Studio Corporation
シリコンスタジオによるHDR出力対応の理論と実践
Silicon Studio Corporation
CEDEC 2011 コンピュータ・グラフィクス関連の最新論文紹介 ~Shape Matching法とその周辺技術~
Silicon Studio Corporation
CEDEC 2012 コンピュータ・グラフィクス関連の最新論文紹介~Modular Radiance Transfer法の解説~
Silicon Studio Corporation
CEDEC 2010 魅力ある絵作りのために知っておきたい色光学豆知識
Silicon Studio Corporation
CEDEC 2009 Imagire Day 2009
Silicon Studio Corporation
CEDEC 2012 実践!シネマティックレンズエフェクト
Silicon Studio Corporation
手描き感を再現するペイントシミュレータの最新研究紹介
Silicon Studio Corporation
CEDEC 2007 ゲーム開発者向け最新技術論文の解説・実装講座
Silicon Studio Corporation
CEDEC 2009 Imagire Day 続・レンダリスト養成講座
Silicon Studio Corporation
【CEDEC 2017】過去のお約束を捨てることがVRの始まり ~ PlayStationRVR ヘディング工場のゲームデザインと演出
Gemdrops Inc.
物理ベース時代のライトマップベイク奮闘記
Silicon Studio Corporation
Recipes for Optical Effect System Design - Real-time Rendering of Physically...
Silicon Studio Corporation
Making Your Bokeh Fascinating - Real-time Rendering of Physically Based Opti...
Silicon Studio Corporation
Lenses - Real-time Rendering of Physically Based Optical Effect in Theory an...
Silicon Studio Corporation
Ad
CEDEC2015「加算合成コストが0になる!?すぐに使えるP-MAPブレンドテクニック」発表スライド
1.
P-MAPブレンド技法
2.
自己紹介 宮部寿保 ナツメアタリ株式会社 名古屋事業所 平成元年入社
プログラマ コンシューマゲーム開発一筋、20本以上のアクションゲームタイトル を開発。 代表作「SFC ワイルドガンズ」「PS 北斗の拳世紀末救世主伝説」最 新作「PS4 ゴジラVS」ではグラフィック周り全般のプログラムと ワークフローの構築を担当。
3.
アジェンダ • 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダデモ • P-MAPテクスチャデモ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ
4.
事前乗算アルファおさらい • 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダデモ • P-MAPテクスチャデモ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ
5.
事前乗算アルファおさらい プリマルチプライド(事前乗算)アルファ 映像業界 CG業界
XNA Unityの一部のシェーダ Particle/Alpha Blended Premultiply DXT2・DXT4 検索事前乗算アルファ
6.
ストレート・事前乗算 ストレートアルファテクスチャ 事前乗算アルファテクスチャ A RGB RGB A
7.
ストレートアルファを使ったブレンド SrcRGB*SrcA+DstRGB*(1-SrcA) SrcRGB DstRGB SrcA 1-SrcA
8.
事前乗算アルファを使ったブレンド SrcRGB*SrcA+DstRGB*(1-SrcA) 事前にRGBにアルファを乗算 しておく SrcRGB DstRGB 1-SrcA
9.
ブレンドバッファおさらい • 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダ • P-MAPテクスチャ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ
10.
ブレンドバッファ ■CEDEC2008 “ 「METAL GEAR
SOLID 4」に使われた技術等の紹介” の中で紹介されている今回の考え方のベース技術。 検索ブレンドバッファ
11.
通常の半透明描画
12.
ブレンドバッファを使った描画 アルファ合成と加算合成を解像度 の違う別のフレームバッファ(ブ レンドバッファ)に合成しておき 、あとで拡大合成 描画順も問題なし
13.
ブレンドバッファを使った描画 アルファ合成と加算合成を解像度 の違う別のフレームバッファ(ブ レンドバッファ)に合成しておき 、あとで拡大合成 描画順も問題なし 加算とアルファ合成を 一度に描画している! SrcRGB+DstRGB*SrcA
14.
事前乗算アルファ合成 SrcRGB + DstRGB
* (1 - SrcA) 加算合成 SrcRGB + DstRGB アルファ合成 SrcRGB * SrcA + DstRGB * (1 - SrcA) 事前乗算アルファは加算も
15.
事前乗算アルファ合成 SrcRGB + DstRGB
* (1 - SrcA) 加算合成 SrcRGB + DstRGB SrcAが0ならば加算と同じ! 事前乗算アルファは加算も
16.
事前乗算アルファ合成 SrcRGB + DstRGB
* (1 - SrcA) アルファ合成 SrcRGB * SrcA + DstRGB * (1 - SrcA) 直前にSrcRGB*SrcAしておけば アルファ合成と同じ! 事前乗算アルファは加算も
17.
事前乗算アルファ合成 SrcRGB + DstRGB
* (1 - SrcA) 加算合成 SrcRGB + DstRGB アルファ合成 SrcRGB * SrcA + DstRGB * (1 - SrcA) 事前乗算アルファは加算も どちらの機能も 持つ!
18.
P-MAPとは 今まで アルファ: SrcRGB*SrcA +
DstRGB*(1- SrcA) 加算: SrcRGB*SrcA + DstRGB*1 のようにブレンディング係数を使い分けてました。 これを事前乗算用の式にまとめ、ROPユニット以前に行う計算によっ てアルファ合成と加算合成を区別せず扱う考え方、 これを「P-MAP」(事前乗算アルファプラス)と呼ぶことにします。 今回のテーマ
19.
「P-MAPシェーダ」 – 「ブレンドバッファ」の合成をシェーダ内で行う。 「P-MAPテクスチャ」 – 「ブレンドバッファ」そのものを事前にテクスチャ 化しておく P-MAPを使った2つのテクニック
20.
P-MAPシェーダ • 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダ • P-MAPテクスチャ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ
21.
DEMO1 加算・アルファ合成両方を含むマルチテクスチャシェーダの例 このデモでは1枚のメッシュを使い4枚のストレートアルファ画像をマルチテクスチャで描画しています。 1.別々にスクロールする2枚の紫の霧 2.星(加算) 3.煙 星(加算)はフレームバッファに対して加算を行うため一般的にはブレンド係数を変えて複数回描画を行 う必要がありますが、 P-MAPを取り入れたシェーダを作れば一度の描画で済ませる事ができます。 ※ 描画面積の多いカードゲーム等の表現力向上、ポストエフェクトの描画速度の改善といった場面で役に 立つと思います。
22.
DEMO2 加算合成とアルファ合成、どちらの表現もできる汎用シェーダのデモ 3つ並んだ同じ素材パーティクルは左から順に、 •赤く変調した加算合成 (背景が明るい場所で白飛びしています) •赤く変調したアルファ合成 (どこでも綺麗赤く見えますが眩しさがあまり感じられません) •赤く変調したアルファ合成の後、白く加算合成
(中央に白い芯があり、背景が明るくても白飛びしない) これらは一般的にはブレンド係数を変えて描画することが多いですが、全て同じシェーダで描画できてい ます。 各マテリアルの"Alp Color(RGBA)"と"Add Color(RGB)"を調整することで複雑な合成が行えます。 ※ このようなシェーダがあれば加算とアルファ合成のためにシェーダーを使い分ける必要が無くなります 。 ※ 一番右のようなパーティクルを表示しようとすると従来2パス以上かかりますが1パスで複雑な絵が出せ るようになります。 ※ 色違いエフェクト素材を用意する必要が減ります。 ※ ストレート画像をそのまま利用できます。
23.
• 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダ • P-MAPテクスチャ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ P-MAPテクスチャ
24.
DEMO3 加算・アルファ合成が混在した複数のテクスチャをPMAP_Makerを 使い、 一枚のP-MAPテクスチャにまとめておいてから表示しています 左に表示されているキャラクターは何枚もテクスチャを用意して複数回描画するのが一般的ですが、 実際 には一枚の事前乗算アルファテクスチャを一度で描画できています。 中央のパーティクルでは、爆発パターンの前半に加算のブルームが合成されています。 ※
従来2パス以上かかっていた描画が1パスで出来るようになりました。 ※ αムービもこの手法で事前合成すれば加算を含めたムービーが作れます。
25.
DEMO4 P-MAPテクスチャを使ってシーン内のドローコールを減らすデモ Demo4>Demo4_Straight.unity こちらが今までの一般的なストレート画像を使ったシーンです。 シーン内で100枚のスプライトが表示されていますが、 加算とアルファ用のマテリアルが混在するため50 回近いドローコールが発生しています。 Demo4>Demo4_PMAP.unity Demo3と仕組みは同じですがP-MAPテクスチャを使えばテクスチャ領域毎に加算・アルファ合成を指定で きますので シーン内のマテリアルが一つになり1度のドローコールにまとまりました。
実際にはDemo3よ りもこのような用途で使われることのほうが多いと思います。
26.
ポストエフェクト最適化事例 • 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダ • P-MAPテクスチャ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ
27.
1 ブルーム成分を抽出、ガウスぼかしx3 640x360 320x180 160x90 80x45
28.
2ブルーム成分を合成 320x180 320x180 160x90 80x45
29.
3 最終合成 ブルーム:320x180 メイン:1280x720 最終:1280x720 フレア:256x256 レンズ周辺光256x256ノイズ:256x256
30.
最適化1 1/4サイズでもっと合成できた 320x180 320x180 160x90 80x45 フレア:256x256 レンズ周辺光256x256 工程2:0.04ms
> 0.05ms 工程3:1.18ms > 0.95ms トータル:1.24ms > 1.0ms (0.24msお得意 20%高速化)
31.
最適化2 メインのテクスチャ入力が不要だった 最終:1280x720 ノイズ:256x256 ブルーム+フレア+周辺光:320x180 メイン:1280x720 工程3: 0.95ms
> 0.87ms 最適化1・2トータル:1.24ms > 0.92ms (0.32ms 25%高速化) 1280x720のフレームバッファが不要になった!
32.
まとめ • 事前乗算アルファおさらい • ブレンドバッファおさらい •
P-MAPシェーダ • P-MAPテクスチャ • PS3ゴジラでのポストエフェクト最適化事例 • まとめ
33.
まとめ P-MAPシェーダ – ストレートテクスチャ素材がそのまま使える – 加算・アルファ合成が混在する複数のテクスチャを1Passで描 画 –
加算・アルファシェーダといった使い分けがなくなる – 複雑な表現が可能 – シェーダを用意する必要がある
34.
まとめ P-MAPテクスチャ – 事前乗算アルファテクスチャを使えば加算の要素も事前にコス ト0で合成できる – 加算用のテクスチャ容量を削減できる –
すでにある描画システムに加算とアルファ合成を混在させられ る。 – マテリアルが一つになりドローコール削減 – シェーダを持たないプラットフォームでも使える – 一般的なツールでのプレビュー・修正が難しい
35.
まとめ LUTテクスチャに応用 – 加算が混在したLUT 頂点色に応用 – 途中から加算になっていく3Dモデル ムービーへの応用 –
アルファムービーに応用すればムービ容量削減 – 複雑なマスクを作る必要が減る
36.
補足 「P-MAPシェーダ」「P-MAPテクスチャ」はどちらも出 力直前までは浮動少数で合成されるため、 普通に何度も 整数フレームバッファに描画した場合より精度の向上が 期待できます。
「P-MAPテクスチャ」をリニアワークフローに対応する には工夫が必要になってくると考えられます。
37.
• 今回使用したプロジェクトファイル https://github.com/ToshiyasuMiyabe/P-MAP • 内容へのご質問、お問い合せなどはこちら miyabe@natsumeatari.co.jp 2015/12まで ご清聴ありがとうございました
Download