---
title: 曇りとTAAへのアプローチ
tags:  #ゲーム開発 #レンダリング #雲影 #効果的taa  
author: [株式会社ヘキサドライブ](https://convert.docswell.com/user/hexadrive)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/YJ65PW867V.jpg?width=480
description: このスライドはCEDEC2019のセッション The graphic of “プロ野球スピリッツ2019” for PS4 では紹介しきれなかった、以下の拘り表現についての補足資料となります。  ・ボリューム雲と曇り ・残像とチラつきを抑えたTAA
published: August 26, 19
canonical: https://convert.docswell.com/s/hexadrive/5989E1-2019-08-26-140200
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/YJ65PW867V.jpg)

曇りとTAAへのアプローチ
株式会社ヘキサドライブ
開発部 山口裕也


# Page. 2

![Page Image](https://bcdn.docswell.com/page/GJ5YKM95J4.jpg)

はじめに
このスライドはCEDEC2019のセッション
The graphic of “プロ野球スピリッツ2019” for PS4
～PS4で最大16灯影付きライティング+フルHD(or 4K)+60FPS+HDR
を実現するまで～
では紹介しきれなかった拘り表現についての補足資料となります


# Page. 3

![Page Image](https://bcdn.docswell.com/page/LE35ZWY5J5.jpg)

アウトライン


ボリューム雲と曇り
残像とチラつきを抑えたTAA


# Page. 4

![Page Image](https://bcdn.docswell.com/page/8EDDRK5YEG.jpg)

ボリューム雲と曇り
季節感を感じさせる様々なパターンの雲に加えて
リアルタイムに変化するライティングに追従する表現を模索した結果
ボリューム雲の手法を採用
春
夏
秋


# Page. 5

![Page Image](https://bcdn.docswell.com/page/V7PXWKG2E8.jpg)

ボリューム雲と曇り
この手法を採用した事で”雲の影”を容易に実現できるようになった
仕組みは簡単で影を作りたい範囲から太陽方向に
レイトレースをして雲の密度だけを記録する


# Page. 6

![Page Image](https://bcdn.docswell.com/page/2JVL8V6X7Q.jpg)

ボリューム雲と曇り
約200㎡を64x64ピクセルに格納
計算精度は低くても良く滑らかな変化を実現する為、
毎フレーム10%でブレンド


# Page. 7

![Page Image](https://bcdn.docswell.com/page/5EGX5LNRJL.jpg)

ボリューム雲と曇り
このテクスチャに係数を掛けた上で
ディレクショナルライトをマスクする事で雲の影を表現
曇りの日のライトの強度は全て雲影だけで表現
さらにマスクの強度に応じてディレクショナルライトの影を
ジッタリングする事で少しだけ影が分散する表現を追加


# Page. 8

![Page Image](https://bcdn.docswell.com/page/4JQ8ZYQY7P.jpg)

ボリューム雲と曇り
メリット
処理負荷が非常に低い
課題
もっと広い地形には対策が必要


# Page. 9

![Page Image](https://bcdn.docswell.com/page/K7423WNZJ1.jpg)

残像とチラつきを抑えたTAA
TAAで時々問題となる現象
 チラつき
 残像
 境界線が眠くなる


# Page. 10

![Page Image](https://bcdn.docswell.com/page/LJ1M1Y5DEG.jpg)

残像とチラつきを抑えたTAA
チラつきは
例えば模様の入った階段を
遠くからほぼ水平に近い角度で
見た場合に
TAAのジッタリングが数フレームに
1フレームだけ模様部分が描画され
近接カラーのクランプによって
輪郭ががたついて見える


# Page. 11

![Page Image](https://bcdn.docswell.com/page/GJW38G58J2.jpg)

残像とチラつきを抑えたTAA
残像は
がたつきを抑える為に、
フレームのブレンド強度を弱めたり、
周辺カラーでのクランプを弱めることで、
リプロジェクションしたエラーピクセルによって発生する


# Page. 12

![Page Image](https://bcdn.docswell.com/page/4EZV8LN9J3.jpg)

残像とチラつきを抑えたTAA
境界線の眠気も同様に
新規フレームのブレンド強度を弱める事で
ピクセルがサブフレームを保持しすぎることで発生


# Page. 13

![Page Image](https://bcdn.docswell.com/page/Y765PW8DEV.jpg)

残像とチラつきを抑えたTAA
つまり、チラつきが極力発生しない様に出来れば
残像やシャープさも改善されるハズ


# Page. 14

![Page Image](https://bcdn.docswell.com/page/G75YKM9874.jpg)

残像とチラつきを抑えたTAA
アプローチ
数フレームに一度、大きく輝度が異なるピクセルが現れるのが原因ならば
そのピクセルが現れる頻度を上げれば良い


# Page. 15

![Page Image](https://bcdn.docswell.com/page/9J2GW92VJR.jpg)

残像とチラつきを抑えたTAA
アプローチ
サブピクセルのジッタリングをEQAAを使って
2x2ピクセル内で異なる方向にずらせば
高確率で近接ピクセルに高輝度差のピクセルが存在するようになる


# Page. 16

![Page Image](https://bcdn.docswell.com/page/DEYVL4YQEM.jpg)

残像とチラつきを抑えたTAA
アプローチ
そのままTAAで合成しただけではノイズ感が目立ってしまう為
合成前にFXAAを周辺9ピクセルを使用して弱く掛ける
うっすらとノイズ感が残るものの狙い通りの結果


# Page. 17

![Page Image](https://bcdn.docswell.com/page/VJNM4YP278.jpg)

残像とチラつきを抑えたTAA
チラつきが改善出来たことで、
エラーピクセルのクランプおよび
新規フレームのブレンド強度を強化
結果、残像およびチラつきの改善に成功


# Page. 18

![Page Image](https://bcdn.docswell.com/page/YE9NQP3DE3.jpg)

残像とチラつきを抑えたTAA
問題点
最終的にディザアニメーションによる半透明表現部分だけ
チラつきを抑えることが出来なかった
これはディザアニメーションが参照元のα値に合わせて、
カバーするピクセルパターンが大きく変わる事が原因で、
ディザパターンを2パターンだけにする事で緩和は出来るが、
半透明感が薄れてしまう


# Page. 19

![Page Image](https://bcdn.docswell.com/page/GE8KGDM57D.jpg)

総括
既存の技術でも表現したい手法に合わせて
少しカスタマイズする事で新しい表現になる


# Page. 20

![Page Image](https://bcdn.docswell.com/page/LELZGM33JR.jpg)

謝辞
本スライドの公開に辺り
株式会社コナミデジタルエンタテインメント様
他各種関係者様には多大なご協力を頂きました、
この場を借りて御礼申し上げます。


