はなちるのマイノート

Unityをメインとした技術ブログ。自分らしくまったりやっていきたいと思いますー!

shader

【Unity】ShaderGraphでフレネル効果を両面描画に対応する

はじめに 前回ShaderGraphのFresnel Effectノードについて紹介をさせていただきました。www.hanachiru-blog.comただこのノードでは、両面描画の場合には以下の画像のようにうまく動作しないことがありました。早速見ていきましょう。 はじめに 自前実装する …

【Unity】ShaderGraphでフレネル効果をお手軽に

はじめに 今回はShaderGraphでフレネル効果をしてみる記事になります!フレネル効果とは、視点のベクトルと物体の法線のベクトルの内積によって出力値(色)を変化させるものです。実際にやってみるとこんな感じ。早速見ていきましょう。 Fresnel Effectノー…

【Unity】ShaderGraphで背景を透過するモザイクを作ってみた

はじめに 今回はShaderGraphで背景を透過するモザイクを作ってみる記事になります!実際の完成図はこんな感じ。早速作っていきましょう。 はじめに 仕組み ノード さいごに 仕組み 不透明オブジェクトの描画結果を取得する Posterizeノードを用いてモザイク…

【Unity】ShaderGraphでZバッファ(深度バッファ)をテクスチャとして取得する(_CameraDepthTexture)

はじめに 今回はShaderGraphでZバッファをテクスチャとして取得してみる記事になります!これができるとカメラから不透明オブジェクトまでの距離を取得できるので、こんなことができます。これを応用すると霧などが作れたりと、かなり幅広いことができるよう…

【Unity】ShaderGraphで不透明オブジェクトの描画結果を取得する(_CameraOpaqueTexture)

はじめに 今回はShagderGraphで不透明オブジェクトの描画結果を取得する記事になります!ShaderGarphで背景に何かしらの操作を加えて描画したいときはないでしょうか。例えばこの画像みたいな感じ。ShaderGraphのゲームボーイ風の奴を進化させてみましたー#u…

【Unity】ShaderGraphでフラグによって入力を切り替える(Branchノード)

はじめに 今回はShaderGraphでフラグを使って入力を切り替えてみる記事になります!フラグ、いわゆるtrue,falseで入力を切り替えたりできるノードというわけです。またプロパティにしてインスペクターからいじれるようにしたら、結構便利かもしれません。早…

【Unity】ShaderGraphでゲームボーイ風の色合いを作ってみる

はじめに 今回はShaderGraphを使ってゲームボーイ風の色合いを作ってみる記事になります!先日こんなツイートをしてみました。ShaderGraphのゲームボーイ風の奴を進化させてみましたー#unity pic.twitter.com/VuSbbMhDi8— はなちる@ゲーム制作 (@hanaaaaaach…

【Unity】ShaderGraphでグレースケールを表現する(デュオトーンも)

はじめに 今回はShaderGraphでグレースケール変換をしてみる記事になります!グレースケールとは色の濃淡の明暗を分ける技法のことみたいです。 グレースケールとは?初心者必見の知りたい知識満載!|Udemy メディアいろんな応用が利くので、覚えておいて損…

【Unity】ShaderGraphでポスタライズやモザイクを表現する(Posterizeノード)

はじめに 今回はShaderGraphのPosterizeノードについての記事になります!まずこのPosterizeはポスタライズと日本語で言うみたいで、画像を指定した段階数に色分けする画像加工法なんかに使われるみたいです。ただそういった使い方のみならずモザイクなんか…

【Unity】ShaderGraphで色を反転する(Invert Colors)

はじめに 今回はShaderGraphで色を反転する記事になります!ShaderGraphではとても簡単に画像の加工ができたりして便利ですね。では早速みていきましょう。 はじめに Invert Colorsノード 実装例 さいごに Invert Colorsノード ポートはこの二つだけ。 名前 …

【Unity】ShaderGraphのLerpノードについて

はじめに 今回はShaderGraphのLerpノードについての記事になります!Lerpノードとは0~1の範囲で線形補完するノードのことです。これについてみていきましょう。 はじめに Lerpノード 実装例 さいごに Lerpノード 名前 入出力 タイプ 意味 A 入力 Dynamic Ve…

【Unity】ShaderGraphのDistanceノードで波形を作る

はじめに 今回はShaderGraphのDistanceノードについての記事になります!一言でまとめるとDistanceノードは入力されたAとBの、距離を返すものです。では早速みていきましょう。 はじめに Distanceノード 実装例 さいごに Distanceノード 名前 入出力 タイプ …

【Unity】ShaderGraphでの魚眼レンズ,Spherizeノードについて

はじめに 今回はShaderGraphのSpherizeノードについての記事になります!Spherizeノードは魚眼レンズのように,UVを歪ませることができるノードです。これについてみていきます。 はじめに Spherizeノード 実装例 さいごに Spherizeノード 名前 入出力 タイ…

【Unity】ShaderGraphのUVノードについて

はじめに 今回はShaderGraphのUVノードについての記事になります!このUVノードは本当に基本的なノードですが、とても重要なものなので覚えておくと良いと思います。 はじめに 各ポート 色の配色の仕方 さいごに 各ポート 名前 入出力 タイプ 意味 Out 出力 …

【Unity】ShaderGraphで穴の開いた図形を作る

はじめに 前回ShaderGraphでの色んな図形についての記事を書かせていただきました。www.hanachiru-blog.com今回はこれらの図形に穴をあけてみようと思います! はじめに Substract 穴をあける さいごに Substract 名前 入出力 タイプ 意味 A 入力 Dynamic Ve…

【Unity】ShaderGraphで色んな図形を作ってみる

はじめに 今回はShaderGraphで色んな図形を作ってみる記事になります!紹介するのはこれらの形たち。早速みていきましょう。 はじめに 楕円 ポリゴン 長方形 角丸な長方形 チェッカー 図形とTiling And Offsetノード,Fractionノード さいごに 楕円 名前 入…

【Unity】ShaderGraphのTiling And Offsetノードについて

はじめに 今回はShaderGraphのTiling And Offsetノードについての記事になります!よくUVスクロールなんかに用いたりするTiling And Offsetノード。これについて掘り下げていきたいと思います。 はじめに 各ポート Tiling Offset 実装例 さいごに 各ポート …

【Unity】ShaderGraphのTimeノードについて(Time,SineTime,CosineTime,DeltaTime,SmoothDelataTime)

はじめに 今回はShaderGraphのTimeノードについての記事になります!アニメーションなんかには必須なTimeノード。これについて書いていきます。 はじめに 各ポート Time Sine Time,Cosine Time Delta Time,Smooth Delta 実例 さいごに 各ポート それぞれのポ…

【Unity】ShaderGraphで頂点シェーダーを用いて簡単な蝶を動かしてみた

はじめに 今回はShaderGraphを用いてこんな感じの蝶を作ってみたいと思います!Shader Graphでやりたかった事がやっとできた!あとは大量生産の準備をするのみ・・・#Unity pic.twitter.com/iniZZtboBn— はなちる@ゲーム制作 (@hanaaaaaachiru) 2018年11月18…