Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
学園アイドルマスターの アイドルをより輝かせる ライティング手法
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
CyberAgent
PRO
June 23, 2024
25k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
学園アイドルマスターの アイドルをより輝かせる ライティング手法
CyberAgent
PRO
June 23, 2024
More Decks by CyberAgent
See All by CyberAgent
Databricks 導入から Genie 活用まで、全部やった話
cyberagentdevelopers
PRO
0
400
専任DEゼロからの データ基盤構築 - Databricks x IaC x AIで 進める「データの民主化」-
cyberagentdevelopers
PRO
0
250
「エンジニア進化論」2028年の開発完全自動化、エンジニアはどう進化するか
cyberagentdevelopers
PRO
9
8.4k
NAB Show 2026 動画技術関連レポート / NAB Show 2026 Report
cyberagentdevelopers
PRO
0
280
Local LLM Meetup #1 Opening
cyberagentdevelopers
PRO
0
410
LocalLLMで機密データを匿名化したい
cyberagentdevelopers
PRO
1
410
Vibe Fine-Tuning Version 2 — RunPod SSH で安く学習してみた
cyberagentdevelopers
PRO
0
400
2026年度新卒技術研修 サイバーエージェントのデータベース 活用事例とパフォーマンス調査入門
cyberagentdevelopers
PRO
10
11k
マッチングアプリにおけるユーザー構成の変化は、事業KPIにどう影響しているのか
cyberagentdevelopers
PRO
1
210
Featured
See All Featured
sira's awesome portfolio website redesign presentation
elsirapls
0
290
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
380
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Chasing Engaging Ingredients in Design
codingconduct
0
230
Producing Creativity
orderedlist
PRO
348
40k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
55k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
40k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
230
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
620
For a Future-Friendly Web
brad_frost
183
10k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
Transcript
学園アイドルマスターの アイドルをより輝かせる ライティング手法 QualiArts 渡邉俊光
自己紹介 渡邉俊光 - 2012年CyberAgent新卒入社 - 株式会社QualiArtsのテクニカルアーティスト室所属 - オルタナティブガールズ等の開発を経て、 学園アイドルマスターのレンダリング実装を担当 THE
IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
学園アイドルマスター - 2024/5/16 サービス開始 - 歌とダンスが上手くなるアイドル育成シミュレーション THE IDOLM@STER™ & ©Bandai
Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
Contents 実行環境 ライティング 反射 まとめ
実行環境 1
実行環境 - Unity2022.3.21f1 - UniversalRenderPipeline 14.0.10 - プラットフォーム - Android
Vulkan - iOS Metal iOS GPU Family4 - ※リリース時点 THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
ライティング 2
ライティング機能 - 不透過 DeferredLighting - 透過 Forward+ - キャラクター 自作Forward
- デカールライト - Distance ShadowMask - Hi-Z SSR - Hi-Z SSAO (Amplify Occlusion) THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
Deferred Lighting - DeferredLightingとは先に法線やマテリアル情報等を事前に生成 その後それらのデータを使用してライティング - ライブのライト制限数を解決するため、DeferredLightingにすることを 最初から決めていた - URP12からUnity標準でDeferredLightingに対応
- GBufferPassは標準のまま使うとパフォーマンスと拡張に向いていない - 自作してDeferredLightクラスを使用した方がいい - GBufferLayoutは様々なパターンを検証 - 一番パフォーマンスと機能性が高くなるように - https://docs.unity3d.com/Packages/
[email protected]
/ manual/rendering/deferred-rendering-path.html THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
GBuffer Layout R G B A GBuffer 0 (Memoryless) R8G8B8A8_SRGB
Albedo Albedo Albedo MainShadow + ShadowMask R GBuffer 1 (Memoryless) R8G8B8A8_UNorm Metallic Occlusion Smoothness ShadowMaskGBA (3:3:2) GBuffer 2 R16G16B16A16_SFloat Normal (Motion Vector) Normal (Motion Vector) Normal (Depth) Material Flags Light Layer GBuffer 3 B10G11R11_UFloatPack32 Emission Emission Emission - GBuffer 4 B10G11R11_UFloatPack32 GI (Lit Color) GI (Lit Color) GI (Lit Color) - THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
SceneView THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
ライト配置ルール - シーン内は特に制限なくライトを配置していいが画面内のライトは32個まで - LightCookieManagerが32個までしか保持できず描画バグが発生するので注意 - GameViewから見えるライトは各ピクセルに対して5個以上極力重ならないように - RenderingDebuggerがDeferredに対応していないので改造して対応 -
シーン上は280個程度存在 THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
デカールライト - UnityLightと別にRenderTextureの 色を拾いライティングを行う - 計算処理はUnityLightと同じなので 無駄を削ったライトのイメージ - エリアライト, カプセルライト,
ポイントライトの3種類を用意 - Instancingで一括描画 (このシーンは110個程度) THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
反射 3
直接光反射 1. PlanarReflection(平面反射)実行 2. ScreenSpaceReflectionトレース 3. ScreenSpaceReflection解決(キャラを含まない1フレーム前の描画結果を使用) 4. Smoothness用MipmapBlur THE
IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
間接光反射 - ReflectionProbeの計算はForward+のデータを使用 - デカールで法線等が書き換わるので遅延させる必要がある - ReflectionProbeの値を上書きするLocalReflection - 元々ReflectionProbeをBox扱いでDeferredLighting していたがForward+の方が負荷が低い
- 直接光反射がある場合はブレンド THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
まとめ 4
機種依存問題 - 問題端末 Pixel6, iPhone12 - この2機種に関連する問題は相当数発生した - 例: iPhone12でForward+を実行するとクラッシュ -
例: Pixel6のAndroid14でReflectionProbeが正しく描画されない - 今後は必ずこの2機種でチェックしないと痛い目を見る - Vulkan必須にすることで実装方法の分岐がないのはだいぶ楽になる THE IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント
まとめ - ライトは多ければ多いほどリッチに見える - Deferredは負荷削減にかなりの覚悟が必要 - 問題が発生しやすい端末に注意 - ぜひアプリをインストールしてチェックしてみてください THE
IDOLM@STER™ & ©Bandai Namco Entertainment Inc. 配信元 ㈱バンダイナムコエンターテインメント