古くて新しいモバイルグラフィックスの世界 - ディファードレンダリングとそのモバイル向けの最適化について - Tech Inside Drecom
はじめに はじめまして、ドリコムでエンジニアをやっているイシカワと申します。普段の業務ではモバイルゲームの開発に携わっています。 アドベントカレンダーの参加は今回が2回目。一昨年は3Dプログラミングについてこんな記事を書きました。今年はモバイルグラフィックス分野から個人的に気になったトピックを紹介します。 シーグラフが示す少し先の未来 今年のシーグラフ開催から数ヶ月後、おもむろにプレゼン資料を読み漁っていたところ、「Moving Mobile Graphics」というコースの存在を知りました。コース概要を読むと、どうも3年前に新設されたコースで、主な目的は最先端のモバイルグラフィックスの技術紹介ということ。お題目には、2018年の技術トレンドを反映して「XR」をテーマにした発表が並んでいます。 そんな中、Unity Technologies による「Maximizing Rendering
Unityシェーダーチュートリアル 水流を作ってみる
実践編第２弾「水流を作ってみる」。 以前、某案件で地下浸水を作り、 押し寄せる水流をディスプレイスと屈折を組み合わせて表現したので、 それを解説していきたいと思います。 モデルの準備 こんな感じの場所に、こんな感じで水を流してみます。 屈折 まずは、屈折表現から入れていきます。 詳しくは、以前の記事に描いてありますので、そちらを御覧ください。 今回はこんなテクスチャを用意しました。大小２つの押し寄せる波です。 この後ディスプレイスも加える予定なので、タイリングを合わせる為に、 テクスチャスロットの Scale & Offset ではなく、 別のプロパティ（_WaveTiling）を用意してタイリングさせます。 これだけだとまだ良く分かりませんね。 ディスプレイス 次に、同じ形状のハイトマップを用意してディスプレイスさせましょう。 屈折用のテクスチャと同じ要領でハイトマップを展開します。 ハ
頂点空間表面下散乱(VSSS:Vertex Space Subsurface Scattering) - UnityShader 入門
最近色々忙しくて全然更新できていませんでしたが、 ちょうどいいネタを思いついたのと、アドカレが期限超過で1枠空いてたので代わりに投下します。 実装に丸1日、記事書くのに1日くらいかかりました。 目次 表面下散乱(Subsurface Scattering)とは？ SSSで出来ること 実装に際しての考え方 実装方法:ランバート反射 実装方法:ハーフランバート 実装方法:曲率を考慮したシェーダ 実装方法:テクスチャ空間での拡散(Texture Space Diffusion:TSD) 実装方法:スクリーン空間での拡散(Screen Space Subsurface Scattering:SSSS) 実装方法:Translucent Shadow Maps:TSM 頂点空間表面下散乱(VSSS:Vertex Space Subsurface Scattering) 実装手順 結果 まとめ 参考
Unity トゥーンシェーディングを使った３Dアニメ表現 - Qiita
はじめに Unity5のトゥーンシェーディングを使った3Dアニメ表現（セルルック表現）の解説です。 左画像：変更前 右画像：変更後 Toon Shaderを使ってみる Assets > Import Package > Effects のアセットをインポートをします。 ToonShaderとImageEffectが使えるようになりますので、まずはToon/Lit Outlineを使いながらマテリアルの調整を行います。 ポイントは３つ。 ・影の付け方 ・テクスチャの単純化 ・色のバランス 影の設定 トゥーンシェーダーの設定を行う際に[ Toon Ramp ]の設定でシェーディングが大きく変わります。 こんな感じで変わります↓ 今回はセルアニメ風な雰囲気で作ろうと思いますので、左から2番目のタイプで調整していきます。 テクスチャの設定 シェーダーの変更だけでは まだセルアニメっぽくないのでテク
"Unreal Engine4 のリアルシェーディング" (SIGGRAPH 2013)の説明 - OLD hanecci’s blog : 旧 はねっちブログ
概要 以前に軽く Unreal Engine4(アンリアルエンジン4)のシェーディングについて説明しました. (http://d.hatena.ne.jp/hanecci/20130719) これに関連して SIGGRAPH 2013 でより完全な資料が公開されましたので, この記事では "Real Shading in Unreal Engine 4" SIGGRAPH 2013 について説明します. 参考文献 Unreal Engine4 のシェーディング. "Real Shading in Unreal Engine 4". Brian Karis. SIGGRAPH 2013 Course: Physically Based Shading in Theory and Practice http://blog.selfshadow.com/publications/s2013-sh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
