Splatoonの塗りみたいのを再現したいその３

はじめに esprog.hatenablog.com esprog.hatenablog.com 塗りを作るその３です。エフェクトを付けてベチャっと塗った感を出しました。結構それらしくなってきた気がします。エフェクト作る技術力が無かったのでこちらのアセットを使わせて頂きました。実…

2016-05-01

Splatoonの塗りみたいのを再現したいその２

C# Graphics Shader Unity UnityTexturePaint

はじめに esprog.hatenablog.com の続編、塗りの表現です。ちょっとだけ進化したので簡単にメモしておきます。今回実装したのはブラシの法線マップをペイントに適用する処理です。法線マップについては法線マップと接空間 - しゅみぷろで紹介しています。…

2016-05-01

法線マップと接空間

Graphics Shader Unity Shading UnityTexturePaint

はじめに esprog.hatenablog.com 以前書いた記事で、テクスチャペイントするブラシに凹凸の表現を施したいと思い、法線マップについて勉強してみましたので纏めておきます。以下のサイトを参考にさせていただきました。 wgld.org | WebGL: バンプマッピング…

2016-04-28

Splatoonの塗りみたいのを再現したいその１

C# Graphics Shader Unity Game UnityTexturePaint

はじめに Unity WebGL Player | スプラトゥーンもどきをやってSplatoonやりたい欲が高まってまいりました。 Splatoonしたいけどお金なくてWiiU買えない貧乏苦学生なので、「無ければ作ろう！」という精神でSplatoonの塗りをコンセプトに取り入れたゲームを作…

2016-04-21

クック・トランスの金属反射モデル

Graphics Shader Shading Unity

はじめにこの記事は esprog.hatenablog.com の延長です。なるべくパラメーターを渡す部分等はスクリプトから渡していますが、Propertiesから設定した方がいい部分もあります。 esprog.hatenablog.com 上記の記事で金属の反射モデルを紹介しています。この…

2016-04-17

行列の性質について

Linear Algebra

はじめに esprog.hatenablog.com こちらの記事で、頂点の法線をModelSpaceからViewSpaceに変換する際に法線の拡大縮小変換は、この変換の逆数をとる必要があるので $$A=R_{V} S_{M} ~ ^{-1} R_{M}$$ となります。回転行列の転置行列は自身の逆行列と等しく…

2016-04-14

Unityでなるべくシェーディング処理を自作してみる

Unity C# Graphics Shader Shading Linear Algebra

はじめに以前記事にした esprog.hatenablog.com esprog.hatenablog.com こちらの知識を使って、なるべくUnityのライトやShaderLibrary(.cginc)を使わずシェーディングを行ってみました。 Unityのグラフィックスを勉強するには結構いい題材だったかなと思い…

2016-04-12

シェーディングまとめ

Rendering Pipeline Shader Shading

はじめに esprog.hatenablog.com 引き続き、CGの基礎的なところをおさらいしていこうと思います。 Forward Renderingについてまとめてみた - しゅみぷろの内容と関連がありますので参考までに。今回はこちらの本を参考に、シェーディングについてまとめま…

2016-04-09

コンピューターグラフィックス基礎のメモ

Rendering Pipeline Graphics Linear Algebra

はじめに基礎から勉強し直しています(というより基礎すらままならない状態なので...)。ということで今回は座標系、変換行列、ビューイングパイプラインについて簡単にですがメモしておこうと思います。変換行列や各座標系に関してはDirectXやOpenGLで多少…

2016-04-07

Unite 2016 Tokyo まとめ(2日目)

Unity

はじめに Unite２日目で自分が聴講したものについてまとめます。個人的に興味深かった講演については後日もっと深く掘り下げようと思っています。今回は大雑把にどんなことをお話しされていたか等を残しておきます。講演の資料はこちらからDLできます。 Un…

2016-04-06

Unite 2016 Tokyo まとめ(1日目)

Unity

はじめに Uniteで聴講させていただいたものをとりあえず整理してまとめておきます。２日分まとめて書こうと思ったんですがめちゃくちゃ長くなりそうなので分割することにしました。２日目はまた後日。本記事では１日目の内容を書いていきます。個人的に興…

2016-03-31

1つのカメラでMRT出力を用いたPostEffectを実現する

C# Shader Unity

はじめに今までにも何度かCommandBufferを用いたエフェクトについて書いてきたので今更なのですが、Unityのコミュニティでの会話でなんとなくきっかけがあったので書いてみることにしました。今回は1つのカメラでMRTによる出力を使ったPostEffectをしてみ…

2016-03-30

Screen Space Reflection for Unity

C# Unity Shader

はじめに UnityでSSR(Screen Space Reflection)に挑戦しました。が、実際に出来たのは「SSRっぽい何か」です。コア部分のみの実装のため、いわゆる「破綻を誤魔化す処理」は付加していません。条件によっては結構不自然だったりします。これを改善するた…

2016-03-26

Forward RenderingのShadowingについて調べてみた

Unity Shader

はじめに ForwardRenderingのShadowingについて調べたことをまとめます。 github.com 今回のサンプルでは以下の様な絵が出てきます。左2つの球はそれぞれvertex/fragment lightingを適用し、shadingを行ったもので、shadowingを行っていません。一番右の球は…

2016-03-25

C# 5.0までの色々をメモしてたスライドを発掘した

C# CLR IL C# Reflection

めちゃんこ前にC#の勉強をはじめた時に書いていたメモ用のスライドを発掘しました。間違ってたら当時の自分を殴って目を覚ましに行ってやってください。

2016-03-24

RenderDocによるUnityシェーダーデバッグ

Shader Unity

はじめに RenderDocでUnityのシェーダーをデバッグする方法を紹介します。内容はUnityマニュアルとほぼ同じですが、簡単に導入方法をメモしておきます。 docs.unity3d.com RenderDocは以下からダウンロードしてきます。 RenderDoc Downloads 使い方 RenderDo…

2016-03-24

UnityでCommandBufferを使わないRaymarching

Shader Unity

はじめに以前、id:i-saintさんとid:hecomiさんの記事を参考にUnityでCommandBufferを使ったRaymarchを試しました。こちらの記事で紹介させていただいています。 esprog.hatenablog.com 今回はCommandBufferを使わないRaymarchingについてです。きっかけは…

2016-03-23

VisualStudioによるUnityシェーダーのデバッグ

Visual Studio Unity Shader

はじめに docs.unity3d.com VSによるデバッグの前にいくつか注意事項があります。注意 Unity エディターは、内部に複数の子ウィンドウが含まれています。正しいウィンドウをキャプチャすることを確実にするために、「Maximize on Play」をチェックして、キ…

2016-03-22

SceneビューでRaymarchingのプレビューをON/OFFする

C# Unity

esprog.hatenablog.com こちらで紹介したUnityでRaymarchingを行う際に使用しているスクリプトで、カメラに対してCommandBufferを追加しているスクリプトがあります。これの問題点は、SceneビューではRaymarchingによる描画を見ることができないことです(実…

2016-03-20

UnityでRaymarching

C# Unity Shader Rendering Pipeline

まえがきタイトルの通りで、UnityでRaymarchingを試してみました。以下でリポジトリを公開しています。 github.com 既にやっている方のを真似させて頂いただけですので、詳しく知りたい方はid:i-saintさんとid:hecomiさんの記事を参考にしてください。この…

2016-03-20

UnityでSceneビューのような視点移動ができるカメラを作る

C# Unity

つくったもの Unityでゲーム実行中(Gameビューで見てる時)、カメラをSceneビューと同じように操作できるようにするスクリプト書きました。 Gameビューでデバッグ用にカメラ移動して色々確認したりするのに便利です。使い方使い方はカメラに後述するスクリ…

2016-03-17

Deferred Shadingについてまとめてみた

Unity Shader

Unity5からの(Legacyでない)DeferredShadingについて自分なりにまとめてみます。 docs.unity3d.com Deferred レンダリングは、Orthographic プロジェクションを使用している場合はサポートされません。カメラのプロジェクションモードが Orthographic に設…

2016-03-17

Forward Renderingについてまとめてみた

Unity Shader

UnityのForwardRenderingについて自分なりにまとめてみます。 docs.unity3d.com ForwardRenderingで実行されるパス ForwardRenderingでは、1つかそれ以上のパスが実行されます。実行されるパスは Baseパス (ForwardBase) オブジェクトを1つのピクセルライテ…

2016-03-16

ForwardRenderingとDeferredShading

Unity Shader Rendering Pipeline

西川善司の3Dゲームファンのための「KILLZONE 2」グラフィックス講座(前編) -GAME Watch docs.unity3d.com docs.unity3d.com ForwardRenderingとDeferredShadingについては上記サイトで詳しく書かれていました。ここでは勉強を兼ねてForwardRenderingとDefe…

2016-03-16

Shader Variantについて調べてみた

Shader Unity C#

Unityシェーダーの基本についてはこちらでスライドにまとめています esprog.hatenablog.com 今回は上記のスライドの内容では扱っていないシェーダーのバリアントについてです。色々とググッては見たのですが詳しく書いてあるサイトが見つからなかったため、…

2016-03-13

紙をめくるアニメーションをするシェーダー作ってみた

Shader Unity Game MBL

めくりたい・・・めくりたくない・・・？？ということで、今回は紙をめくるようなアニメーションするシェーダー書きました！今作ってるゲームが魔法の本の世界なので、こういったアニメーションが必要でした。実装でやってることはx,yそれぞれめくった時…

2016-03-13

背景のリピートとスクロール

C# Unity Shader MBL Game

容量の関係で画質がめちゃくちゃ荒いですが。。背景画像は基本的にuGUIでバックグラウンドカメラのスクリーンスペースに対して表示させるようになっています。この背景をプレイヤーの位置情報をもとにスクロールさせたかったので実装しました。 // 背景リ…

2016-03-11

CustomRenderQueueで2時間迷走したお話

Unity Shader

Debugモードでのみ見えるCustomRenderQueue。シェーダー書いてて挙動がおかしいから原因突き止めるのに2時間かかった。シェーダーが原因じゃなかった。激おこ。 pic.twitter.com/5vSxapl2KT — Es (@Es_Program) March 10, 2016 Debugモードで見れるここの値…