はなちるのマイノート

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

shader

【Shader】1時間でフラグメントシェーダー入門からボロノイ図まで

はじめに とある学校のイベントでフラグメントシェーダー入門スライドを作ったので、せっかくなので公開したいと思います。ただコンピューターの描画手順やプログラミング言語に注目するというよりは、数学の知識を使ってお絵かきしようというお題で作成した…

【Shader】GLSLの関数の引数のパラメーター修飾子について

はじめに 今回はGLSLの関数の引数のパラメーター修飾子についてまとめてみたいと思います。 はじめに 種類 種類 Qualifier Meaning same is in in for function parameters passed into a function out for function parameters passed back out of a functi…

【Shadertoy】ディスタンスフィールド(距離関数)でお絵かきしてみる

はじめに 今回はディスタンスフィールド(距離関数)を学び,以下のようなお絵かきをすることを目的にやっていこうと思います。 今回の作品 はじめに ディスタンスフィールドとは? 距離関数を使ってみる 楕円を描画してみる 動きを付けてみる 線を描画してみ…

【Shadertoy,Unity】Shaderを初めて本格的に触ってみる

はじめに 私はUnityというゲームエンジンに実装されているShaderGraphというノードベースで視覚的にShaderを作れるツールを使ってShaderを作成していました。 イメージただ学校のとあるイベントでシェーダーの知識が必要になったので、コーディングの方も本…

【Unity】フェードイン・アウトをShaderGraphで作ってみる

はじめに 今回ShaderGraphで作るフェードイン・アウトはこちら。結構簡単に作ることができるので、ShaderGraphの練習としても使えるかもしれません。早速みていきましょう。 はじめに 方針 全体 さいごに 方針 alpha値を円形内を0,外を1とすることで再現を…

【Unity】ShaderGraphでカートゥーンな海を作ってみる

はじめに 今回はShaderGraphを用いてカートゥーン風な海を作ってみたいと思います。 (一応開発中の未公開ゲームの一部なので、このブログをみた方のみの秘密です)GIFだとわかりにくいかもしれませんが、水面や水面の高さが動的に動いていたりします。 はじめ…

【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で地面を照…