shader
はじめに 今回はComputeShaderでチャンネル変換してみようという記事になります！ComputeShaderとはGPUを計算のために使ってみようというもので、計算を爆速化できることが多いです。最近画像処理に少しハマっていて、この100本ノックをComputeShaderで実装…
はじめに 今回はVolumetricLightをShaderGraphで作ってみようという記事になります！volumetric lightというのは霧の中にある光みたいな感じですね。完成形はこんな感じ。before↓ after↓ さっそくみていきましょう。 はじめに 環境 方針 SpotLightで地面を照…
はじめに 前回ShaderGraphのFresnel Effectノードについて紹介をさせていただきました。www.hanachiru-blog.comただこのノードでは、両面描画の場合には以下の画像のようにうまく動作しないことがありました。早速見ていきましょう。 はじめに 自前実装する …
はじめに 今回はShaderGraphでフレネル効果をしてみる記事になります！フレネル効果とは、視点のベクトルと物体の法線のベクトルの内積によって出力値（色）を変化させるものです。実際にやってみるとこんな感じ。早速見ていきましょう。 Fresnel Effectノー…
はじめに 今回はShaderGraphで背景を透過するモザイクを作ってみる記事になります！実際の完成図はこんな感じ。早速作っていきましょう。 はじめに 仕組み ノード さいごに 仕組み 不透明オブジェクトの描画結果を取得する Posterizeノードを用いてモザイク…
はじめに 今回はShaderGraphでZバッファをテクスチャとして取得してみる記事になります！これができるとカメラから不透明オブジェクトまでの距離を取得できるので、こんなことができます。これを応用すると霧などが作れたりと、かなり幅広いことができるよう…
はじめに 今回はShagderGraphで不透明オブジェクトの描画結果を取得する記事になります！ShaderGarphで背景に何かしらの操作を加えて描画したいときはないでしょうか。例えばこの画像みたいな感じ。ShaderGraphのゲームボーイ風の奴を進化させてみましたー#u…
はじめに 今回はShaderGraphでフラグを使って入力を切り替えてみる記事になります！フラグ、いわゆるtrue，falseで入力を切り替えたりできるノードというわけです。またプロパティにしてインスペクターからいじれるようにしたら、結構便利かもしれません。早…
はじめに 今回はShaderGraphを使ってゲームボーイ風の色合いを作ってみる記事になります！先日こんなツイートをしてみました。ShaderGraphのゲームボーイ風の奴を進化させてみましたー#unity pic.twitter.com/VuSbbMhDi8— はなちる@ゲーム制作 (@hanaaaaaach…
はじめに 今回はShaderGraphでグレースケール変換をしてみる記事になります！グレースケールとは色の濃淡の明暗を分ける技法のことみたいです。 グレースケールとは？初心者必見の知りたい知識満載！｜Udemy メディアいろんな応用が利くので、覚えておいて損…
はじめに 今回はShaderGraphのPosterizeノードについての記事になります！まずこのPosterizeはポスタライズと日本語で言うみたいで、画像を指定した段階数に色分けする画像加工法なんかに使われるみたいです。ただそういった使い方のみならずモザイクなんか…
はじめに 今回はShaderGraphで色を反転する記事になります！ShaderGraphではとても簡単に画像の加工ができたりして便利ですね。では早速みていきましょう。 はじめに Invert Colorsノード 実装例 さいごに Invert Colorsノード ポートはこの二つだけ。 名前 …
はじめに 今回はShaderGraphのLerpノードについての記事になります！Lerpノードとは0～1の範囲で線形補完するノードのことです。これについてみていきましょう。 はじめに Lerpノード 実装例 さいごに Lerpノード 名前 入出力 タイプ 意味 A 入力 Dynamic Ve…
はじめに 今回はShaderGraphのDistanceノードについての記事になります！一言でまとめるとDistanceノードは入力されたAとBの、距離を返すものです。では早速みていきましょう。 はじめに Distanceノード 実装例 さいごに Distanceノード 名前 入出力 タイプ …
はじめに 今回はShaderGraphのSpherizeノードについての記事になります！Spherizeノードは魚眼レンズのように，UVを歪ませることができるノードです。これについてみていきます。 はじめに Spherizeノード 実装例 さいごに Spherizeノード 名前 入出力 タイ…
はじめに 今回はShaderGraphのUVノードについての記事になります！このUVノードは本当に基本的なノードですが、とても重要なものなので覚えておくと良いと思います。 はじめに 各ポート 色の配色の仕方 さいごに 各ポート 名前 入出力 タイプ 意味 Out 出力 …
はじめに 前回ShaderGraphでの色んな図形についての記事を書かせていただきました。www.hanachiru-blog.com今回はこれらの図形に穴をあけてみようと思います！ はじめに Substract 穴をあける さいごに Substract 名前 入出力 タイプ 意味 A 入力 Dynamic Ve…
はじめに 今回はShaderGraphで色んな図形を作ってみる記事になります！紹介するのはこれらの形たち。早速みていきましょう。 はじめに 楕円 ポリゴン 長方形 角丸な長方形 チェッカー 図形とTiling And Offsetノード，Fractionノード さいごに 楕円 名前 入…
はじめに 今回はShaderGraphのTiling And Offsetノードについての記事になります！よくUVスクロールなんかに用いたりするTiling And Offsetノード。これについて掘り下げていきたいと思います。 はじめに 各ポート Tiling Offset 実装例 さいごに 各ポート …
はじめに 今回はShaderGraphのTimeノードについての記事になります！アニメーションなんかには必須なTimeノード。これについて書いていきます。 はじめに 各ポート Time Sine Time,Cosine Time Delta Time,Smooth Delta 実例 さいごに 各ポート それぞれのポ…
はじめに 今回はShaderGraphを用いてこんな感じの蝶を作ってみたいと思います！Shader Graphでやりたかった事がやっとできた！あとは大量生産の準備をするのみ・・・#Unity pic.twitter.com/iniZZtboBn— はなちる@ゲーム制作 (@hanaaaaaachiru) 2018年11月18…
