はなちるのマイノート

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

shader

【Unity】頂点移動を題材にShaderGraphからコーディングを考える

はじめに SRP(Scriptable Render Pipeline)にて利用可能なShaderGraphですが、標準レンダリングパイプラインでは利用することができません。私はShaderGraphからShaderを触り始めた身なのですが、どうしてもSRPが使えない環境(プロジェクト)もありボチボチコ…

【Unity】ゲーミング模様をShaderGraphで実現する

はじめに 少し前に行われたunity1weekでゲーミング模様を使ってみました。ゲーミング密#unity1week pic.twitter.com/DGsNdZir6a— はなちる@ゲーム制作 (@hanaaaaaachiru) April 29, 2020 このゲーミング模様はShaderGraphで作成したのですが、その作り方を紹…

【Unity】カメラから人間の肌(肌色)を検出する

はじめに カメラからUnityに最適化されたジェスチャー検出はできないかと色々と考えていたのですが、その前哨戦としてWebカメラから人間の肌の検出を行ってみました。(肌色って確か今は使っちゃダメなんですよね・・・)多少ノイズがはいってしまっているっぽ…

【Unity】StandardShaderを置き換えて動作を軽量化する

はじめに 今回はStandardShaderを置き換えて軽量化しようという記事になります!まずStandardShaderは様々な機能を持つ万能なシェーダです。公式にあるお堅い言葉にするとこんな感じ。 Unity の Standard Shader は、包括的な機能を持つビルトインシェーダー…

【Unity】ComputeShaderでEmbossフィルタを実装してみる【Q18】

はじめに 画像処理100本ノックの続きをやっていきます。github.com前回 -> 【Unity】ComputeShaderで Laplacianフィルタを実装してみる【Q17】 - はなちるのマイノート次回 -> 今回はEmbossフィルタについて取り組んでいきます。 はじめに Embossフィルタと…

【Unity】ComputeShaderで Laplacianフィルタを実装してみる【Q17】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com前回 -> 【Unity】ComputeShaderでPrewittフィルタを実装してみる【Q16】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでEmbossフィルタを実装してみる【Q18】 - はなちるのマ…

【Unity】ComputeShaderでPrewittフィルタを実装してみる【Q16】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com前回 -> 【Unity】ComputeShaderでSobelフィルタを実装してみる【Q15】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで Laplacianフィルタを実装してみる【Q17】 - はなちるの…

【Unity】ComputeShaderでSobelフィルタを実装してみる【Q15】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com前回 -> 【Unity】ComputeShaderで微分フィルタを実装してみる【Q14】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでPrewittフィルタを実装してみる【Q16】 - はなちるのマイ…

【Unity】ComputeShaderで微分フィルタを実装してみる【Q14】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com 前回 -> 【Unity】ComputeShaderでMax-Minフィルタを実装してみる【Q13】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでSobelフィルタを実装してみる【Q15】 - はなちるのマ…

【Unity】ComputeShaderでMax-Minフィルタを実装してみる【Q13】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com 前回 -> 【Unity】ComputeShaderでモーションフィルタを実装してみる【Q12】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで微分フィルタを実装してみる【Q14】 - はなちるの…

【Unity】ComputeShaderでモーションフィルタを実装してみる【Q12】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com 前回 -> 【Unity】ComputeShaderで移動平均フィルタ(平均化フィルタ)を実装してみる【Q11】 - はなちるのマイノート次回 -> 今回はモーションフィルタについて取り組んでいきます。 は…

【Unity】ComputeShaderで移動平均フィルタ(平均化フィルタ)を実装してみる【Q11】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com 前回 -> 【Unity】ComputeShaderでメディアンフィルタを実装してみる【Q10】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでモーションフィルタを実装してみる【Q12】 - はな…

【Unity】ComputeShaderを使って画像処理100本ノックをしてみた【Q1~10】

はじめに 最近画像処理に少しハマっていて、こちらのGitHubにある画像処理100本ノックをやっています。github.comまた画像処理は計算量が膨大になることが多いので、UnityのC#スクリプトのみだとなかなか厳しいものがあります。そこでGPUという巨大パワーを…

【Unity】ComputeShaderでメディアンフィルタを実装してみる【Q10】

はじめに github.com 前回 -> 【Unity】ComputeShaderでガウシアンフィルタを実装してみる【Q9】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで移動平均フィルタ(平均化フィルタ)を実装してみる【Q11】 - はなちるのマイノート 今回はメディアン…

【Unity】ComputeShaderでガウシアンフィルタを実装してみる【Q9】

はじめに 画像処理の続きをやっていきましょう。github.com 前回 -> 【Unity】ComputeShaderでMaxプーリングをする【Q8】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでメディアンフィルタを実装してみる【Q10】 - はなちるのマイノート 今回はガ…

【Unity】ComputeShaderでMaxプーリングをする【Q8】

はじめに 画像処理100本ノックの続きをやっていきましょう。github.com前回 -> 【Unity】ComputeShaderで平均プーリングをする【Q7】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでガウシアンフィルタを実装してみる【Q9】 - はなちるのマイノー…

【Unity】ComputeShaderで平均プーリングをする【Q7】

はじめに 画像処理100本ノックの続きをやってきましょう。github.com前回 -> 【Unity】ComputeShaderで減色処理(ポスタライズ)をしてみる【Q6】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでMaxプーリングをする【Q8】 - はなちるのマイノート …

【Unity】ComputeShaderで減色処理(ポスタライズ)をしてみる【Q6】

はじめに 画像処理100本ノックの続き、やっていきましょう。github.com前回 -> 【Unity】ComputeShaderでHSV変換(HSV->RGB,RGB->HSV)をしてみる【Q5】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで平均プーリングをする【Q7】 - はなちるのマイ…

【Unity】ComputeShaderでHSV変換(HSV->RGB,RGB->HSV)をしてみる【Q5】

はじめに 今日も画像処理100本ノックをしていきましょう。github.com前回 -> 【Unity】ComputeShaderで大津の2値化をしてみる【Q4】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで減色処理(ポスタライズ)をしてみる【Q6】 - はなちるのマイノート…

【Unity】ComputeShaderで大津の2値化をしてみる【Q4】

はじめに 相変わらず画像処理100本ノックをしています。github.com前回 -> 【Unity】ComputeShaderで2値化(Binarization)してみる【Q3】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderでHSV変換(HSV->RGB,RGB->HSV)をしてみる【Q5】 - はなちるのマ…

【Unity】ComputeShaderで2値化(Binarization)してみる【Q3】

はじめに 相変わらずこちらの画像処理100本ノックをしています。github.com前回 -> 【Unity】ComputeShaderでグレースケールをしてみた【Q2】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで大津の2値化をしてみる【Q4】 - はなちるのマイノート …

【Unity】ComputeShaderでグレースケールをしてみた【Q2】

はじめに 相変わらず画像処理100本ノックをしています。github.com前回 -> 【Unity】ComputeShaderでチャンネル変換(RGB -> BGR)をしてみた【Q1】 - はなちるのマイノート次回 -> 【Unity】ComputeShaderで2値化(Binarization)してみる【Q3】 - はなちるのマ…

【Unity】ComputeShaderでチャンネル変換(RGB -> BGR)をしてみた【Q1】

はじめに 今回はComputeShaderでチャンネル変換してみようという記事になります!ComputeShaderとはGPUを計算のために使ってみようというもので、計算を爆速化できることが多いです。最近画像処理に少しハマっていて、この100本ノックをComputeShaderで実装…

【Unity】霧の中の光みたいなVolumetric lightをShaderGraphで作ってみる

はじめに 今回はVolumetricLightをShaderGraphで作ってみようという記事になります!volumetric lightというのは霧の中にある光みたいな感じですね。完成形はこんな感じ。before↓ after↓ さっそくみていきましょう。 はじめに 環境 方針 SpotLightで地面を照…

【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で入力を切り替えたりできるノードというわけです。またプロパティにしてインスペクターからいじれるようにしたら、結構便利かもしれません。早…