Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Semelhante a Unreal Engineを使用した商用タイトルで のノンフォトリアルレンダリング（NPR）事例
Semelhante a Unreal Engineを使用した商用タイトルで のノンフォトリアルレンダリング（NPR）事例 (20)
Unreal Engineを使用した商用タイトルで のノンフォトリアルレンダリング（NPR）事例
- 2. #ue4fest このスライドについて このスライドは2017/10/08に開催された UNREAL FEST EAST 2017 の講演で使用したスライドを公開用に一部修正したものです。
- 10. #ue4fest フォトリアルレンダリング https://www.epicgames.com/paragon/en-US/home © 2017, Epic Games, Inc. Epic Games, Paragon, Unreal, Unreal Engine 4, UE4, and their respective logos are trademarks or registered trademarks of Epic Games, Inc. in the United States of America and elsewhere. All rights reserved. © The “PS” Family logo is a registered trademark and “PS4” is a trademark of Sony Interactive Entertainment Inc. 物理ベースレンダリングの代表 例として。 Epic GamesのPARAGONは石 や金属などだけでなく、肌や髪 の毛や眼の表現などもUE4のマ テリアルで作成されています。
- 12. #ue4fest ノンフォトリアルレンダリング https://www.epicgames.com/fortnite/en-US/home © 2017, Epic Games, Inc. Epic, Epic Games, the Epic Games logo, Fortnite, the Fortnite logo, Unreal, Unreal Engine 4 and UE4 are trademarks or registered trademarks of Epic Games, Inc. in the United States of America and elsewhere. All rights reserved. Epic Gamesの FOTNITEはNPRと言っ てよいかと思います。 写実的というよりは、 アメリカのCGアニメー ションのようなテイス トです。 アセットの作り方とラ イティングでアニメぽ さを引き出しているの だと思います。
- 13. #ue4fest ノンフォトリアルレンダリング UE4のNPRタイトルとして はABZÛなんかが有名ですね。 NPRらしい鮮やかな色使い と幻想的な画作りが素晴ら しい。 http://www.abzugame.com/ Developed by GIANT SQUID. © 2015 Published by 505 Games. All rights reserved.
- 14. #ue4fest ノンフォトリアルレンダリング RiMEもNPRなUE4タ イトルです。 ファンタジー的な世界 観にはフォトリアルよ りもよく馴染むと思い ます。 http://www.tequilaworks.com/en/projects/rime/ RiME © 2017 Tequila Works. All rights reserved.
- 17. #ue4fest セルシェーディング ゲームでも割りと昔から使われています。 PS2時代のタイトルとか この時代に使われていたテクニックも今とそんなに変わりません。 ガンパレード・オーケストラ PlayStation 2 ©2005 Sony Computer Entertainment Inc./ BANDAI・BANDAI VISUAL http://www.jp.playstation.com/software/title/scps15104.html 実は僕が関わったタイトルで一番古いセルシェーディング を使用したタイトルです。シェーディング部分の実装は僕 ではありませんでしたが。 調べたらまだ公式サイトがあったので例として。
- 22. #ue4fest 拡散反射 物体の表面の明るさの近似として最も良く使用される数式は N：法線のベクトル L：光源方向のベクトル 表面の明るさ＝ N dot L です。 dotは内積です。ふたつの単位ベクトル（長さが１のベクトル） の内積はベクトル間の角度を表します。 角度と言っても度数ではなく、0～180度を1から-1に割り当て たものです。1の場合はふたつのベクトルは同じ方向を向いてお り、-1なら正反対です。 0の場合はふたつのベクトルの角度が90度。
- 24. #ue4fest 拡散反射 初代プレイステーションや、NINTENDO64といった初期の3D ゲーム機のCGはほぼこのN dot Lで明暗が作られているといって も過言ではありません。 N dot Lだけでスフィアをシェーディングするとこんな感じです。 間接光が無いので影は真っ暗。 PS2くらいまではこれにハーフベクトルのスペキュラを加えてテクス チャマッピングしたものがほとんどで、影の部分には環境色として特 定の色を加えてました。
- 25. #ue4fest 拡散反射 NPRの第一歩は、このN dot Lの結果に手を加えること。 多くのNPRでもやはり光と影は無視できません。 基礎となるセルシェーディングでは、光の当たり方で徐々に変化 する明るさを明と暗の2色に単純化します。 具体的にはN dot Lの結果を0以上は全て１、0未満は全て0とし て扱うことで明るいところと暗いところを２値化します。 白い部分と黒い部分をそれぞれ明色と影色で塗り分 ければ、初歩的なセルシェーディングの出来上がり です。
- 34. #ue4fest 拡張したシェーディングモ デルの例です。 ベースカラーが明るいとこ ろの色、Shadow Colorが 暗いところの色で、この2 色で塗り分けるシェーダー です。 Shading Offsetで影の位置 を調整。 LUT Indexでシェーディン グに使用するテクスチャを 選択します。
- 42. #ue4fest こんな感じでノードを組んで ベースになるシェーディング用 のテクスチャを作成しています。 重要なのはここ。 cos(inUV.x * PI); でN dot Lの0~πの範囲を出力し ています。
- 72. #ue4fest 輪郭線の例
- 74. #ue4fest 輪郭線なし
- 86. #ue4fest ポストプロセスマテリアルの最適化 ここまで内積を推してきたので、内積の便利な使い方もちょっと ベクトルの内積は各要素に別のベクトルの各要素を掛けて足す事 です。 (x,y,z) dot (a,b,c) = x*a + y*b + z*c 周囲４ピクセルとの内積の結果を(x,y,z,w)に格納して、(1,1,1,1)との 内積を求めれば、４要素の和が１命令で計算できます。 (r,g,b)から輝度を求める時は、 (r,g,b) dot (0.299,0.587,0.114)で計算できます。ピクセルの輝度を求 めたり、モノトーンへの変換に使えますね。
- 90. #ue4fest おまけ３
- 92. #ue4fest
- 99. #ue4fest 実際にNPRで作成されたゲーム画面の紹介 UNREAL FEST当日には許可を得て、開発中のゲーム画像を紹介しましたが、公開用スライドからは削除さ せていただきました。ご了承ください。 該当タイトル『NARUTO TO BORUTO シノビストライカー』に関しては、下記ウェブサイトご覧ください。 http://naruto-action.bn-ent.net/