【Unity】ShaderGraphでグレースケールを表現する(デュオトーンも) - はなちるのマイノート
はじめに 今回はShaderGraphでグレースケール変換をしてみる記事になります！ グレースケールとは色の濃淡の明暗を分ける技法のことみたいです。 グレースケールとは？初心者必見の知りたい知識満載！｜Udemy メディア いろんな応用が利くので、覚えておいて損はないと思います。 では早速みていきましょう！ はじめに やり方 実装例「デュオトーン」 さいごに やり方 グレースケールは色のRGBを以下の変換式に入れればできます。(詳細は以下のサイトを見てみてください） 出力画素 = 0.3 * R + 0.6 * G + 0.1 * B【Unityシェーダ入門】ステンドグラスのシェーダを作る - おもちゃラボ これをShaderGraphで表現してみましょう。 実装例「デュオトーン」 このグレースケールを使った簡単なエフェクトとして、デュオトーンというものがあります。これは2つの色を重ね合わ
【Unity-Shader】#05 グレースケール化 - ゲーム作るためのこと学ぶdevろぐ(’ー’)/ﾁｬﾗﾝ
今回はフラグメントシェーダを使って画像をグレースケール化します。 ▼ 前回の記事 www.snoopopo.com 全文 Shader "Custom/GrayScale" { Properties { _MainTex("Texture", 2D) = "white" {} } SubShader { Cull Off AlphaToMask On Tags { "Queue" = "AlphaTest" "RenderType" = "AlphaTest" } Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD; }; struct v2f {
【Unityシェーダ入門】ランバート拡散照明モデルを試す - おもちゃラボ
今回はUnityのライティングとシェーディングのお話をしようと思います。シェーダとは名前が示すとおり「影」をつけるための技術です。影の付け方で、様々な質感や見た目を表現できます。 上の画像は左からランバートシェーダ、フォンシェーダ、トゥーンシェーダになります。同じ球のもでるでも、まったく質感が違いますね。今回は、CGで最もよく使われるランバート拡散照明モデルについて紹介したいと思います。 今回のコンテンツは次のとおりです。 ランバート拡散照明モデルとは 拡散反射光 環境光 オブジェクトを配置する 世界を真っ暗にする シェーダを作るための下準備をする ランバート拡散照明モデルのシェーダを書く まとめ 参考文献 ランバート拡散照明モデルとは 拡散反射光 紙に描かれた物体や、ディスプレイ内のオブジェクトがあたかも立体のように見える理由は影の効果によるものです。形は同じでも、影があることで円に見え
【Unityシェーダ入門】フォン鏡面反射で金属っぽくしてみる - おもちゃラボ
前回はライティングの基本となるランバート拡散照明モデルを紹介しました。今回は、ランバート拡散照明モデルを応用した、フォン（Phong）鏡面反射モデルをUnityを使いながら紹介します。フォン鏡面反射は反射光を再現した照明モデルで、金属のような質感の表現に向いています。 今回のコンテンツは次のとおりです。 フォン鏡面反射モデルとは 反射光の計算方法 Unityでフォン反射を作成する下準備をする シェーダとマテリアルを作る フォン鏡面反射モデルのシェーダを書く ブリンフォン（Blinn-Phong）鏡面反射モデル 参考文献 フォン鏡面反射モデルとは 金属など、表面がつるつるした物体に強い光が当たると、一箇所が「キラーン」と強く光ります。これをハイライトと呼び、このハイライトを再現したライティングモデルをフォン鏡面反射モデルと呼びます。 このフォン鏡面反射モデルはランバート拡散照明モデルに、ハイ
【Unityシェーダ入門】デプスバッファの内容を表示する - おもちゃラボ
デプスバッファ（深度バッファ、Zバッファ）とはカメラからオブジェクトまでの距離（深度値、Z値）を格納したバッファになります。 このデプスバッファは被写界深度のエフェクトや影の計算など、さまざまな場面で使われています。Unityを使っていると影やエフェクトなどは自動的に計算してくれるので、あまり馴染みがないかもしれません・・・ ただ、エフェクトを作るときに必要になることが時々あります。そこで、ここではデプスバッファ（Zバッファ）の内容を表示する方法を書いていきます。 デプスバッファの値を表示する流れ Z値を取得して表示するシェーダを作る ポストエフェクト用のC#スクリプトを作る C#スクリプトにdepthシェーダを指定する デプスバッファの値を表示する流れ 上にも書いたとおり、デプスバッファとはカメラからオブジェクトまでの距離を格納したバッファです。この距離をZ値といいUnityの場合0〜1
【Unityシェーダ入門】Unityのポストエフェクトでモノクロ画面を作る - おもちゃラボ
ポストエフェクトとは、カメラに映ったゲームシーンを一枚の画像として加工する処理のことです。UnityにはStandard Assetとして次のようなエフェクトが用意されています。 qiita.com 今回は画面を白黒にするモノクロのエフェクトを作りながらポストエフェクトの作り方を説明します。 今回の記事の内容は次の通りです。 カメラのメソッドをフックする Unityでモノクロシェーダとマテリアルを作る カメラにマテリアルをセットして実行する 参考書籍 カメラのメソッドをフックする まずはシーンビューに3Dオブジェクトを表示しておきます。これは、なんというか、雰囲気を出すためだけのものなので、あってもなくても良いです（笑） ここでは、とりあえずUnityちゃんを配置してみました。 カメラに映った画像を取得してポストエフェクトをかけるために、レンダリングする途中で画像をフックします。 プロジェ
【Unity】CommandBufferでポストエフェクトを掛けてステンシルバッファも使ってみる - LIGHT11
前回、CommandBufferの入門記事を書きました。 light11.hatenadiary.com CommandBufferを使うと独自のタイミングでポストエフェクトを掛けることもできますが、ちょっとハマりポイントがあるのでメモします。 Unity5.6.3 簡単なポストエフェクトを掛けてみる まず、ポストエフェクト用のシェーダを用意します。 Shader "CommandBufferPostEffect" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { Cull Off ZWrite Off ZTest Always Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct
【Unity】無駄なドローコールなしで深度バッファを取得する方法 - 神様は有休消化中です。
UnityでDepth Bufferを使用する方法として公式に紹介されているのは、Camera.depthTextureModeを使用する方法です。 しかし、Camera.depthTextureModeを使用すると、UpdateDepthTextureなるレンダリングパスが増えてしまいます。 これは公式ページにも記載されている通り、Unityの仕様のようです。 https://docs.unity3d.com/jp/540/Manual/SL-CameraDepthTexture.html デプステクスチャは、シャドウキャスターのレンダリングに使用するのと同じシェーダー内パスを使用してレンダリングされます（“ShadowCaster” pass type)。 Unity内部で、Shader Replaceを使ってDepth Bufferを書くためだけにドローコールを発行しているためにこの
【Unity】RGBをHSVに変換して明るさとかを変えるシェーダー - KAYAC Engineers' Blog
はじめに こんにちは。ソーシャルゲーム事業部の小笠原です。 この記事はカヤックUnityアドベントカレンダー2018の15日目の記事です。 今回はRGBをHSVに変換して明るさとかを変えるシェーダーの話です。 概要 オブジェクトを暗くしたり、彩度を低くしたい時、HSV(色相、彩度、明度)を直接変更できるのは非常に便利です。 Unityスクリプト上でHSVを変更するにはColor.RGBToHSV,Color.HSVToRGBを使う必要があります。 しかし今回はマテリアルのRGBとHSVを相互変換する仕組みを入れたシェーダーを作って、Inspectorやスクリプト上で直接マテリアルのHSVを変更できるようにしてみます。 1.シェーダー作成 まずAssets->Create->Shader->Standard Surface Shaderからサーフェイスシェーダーを作成します。 これを改修して
【シェーダー】GLSLで書く！Unityシェーダー - ライティング編① - - 藍と淡々
こんにちは(๑◔‿◔๑) 最近シェーダーの勉強をしているので、忘れないうちに整理しておこうと思います。 シェーダーは数学の知識が絡んできて、解説しようとするととても大変なので、今回はメモ的な内容になってしまいます・・・ 自分でも理解が深まったら誰でもわかるようなシェーダー入門向けの記事を書く、、予定です((((･ิ(･ิω(･ิω･ิ)ω･ิ)･ิ)))) ライティング 1. 標準的なライティング方程式 「Clit = Cspec + Cdiff + Camb」 Clit・・・全てのライティグの結果得られる色 Cspec・・・鏡面成分(specular) Cdiff・・・拡散成分(diffuse) Camb・・・環境成分(ambient) ・鏡面成分 「Cspec = (v・r)^Mgls * Sspec * Mspec」 v・・・カメラからの視線方向ベクトル r・・・反射光ベクトル Mg
【Unityシェーダ入門】アウトラインシェーダを作る - おもちゃラボ
トゥーンシェーダなどを使ってアニメ調の塗りをする場合、モデルにアウトラインを付けたいことがあります。ここでは、モデルと背景の境界線上にアウトラインを表示するシェーダを作る方法を紹介します。 今回の記事の内容は次のとおりです。 アウトラインの概要 シェーダファイルの準備 モデルにマテリアルをアタッチする まとめ アウトラインの概要 モデルにアウトラインをつけるには次のように幾つかの方法があります。 ステンシルバッファを使う 法線情報から境界を計算する 少し膨らませたモデルを使う ポストエフェクトで輪郭抽出する ここでは直感的に分かりやすい3つめの「少し膨らませたモデルを使う」方法を紹介したいと思います。この方法は2パス（モデルを2回描画する）でアウトラインを描画します。 まず1パス目では、法線方向にモデルを少し膨らませてから、モデルの裏面を塗りつぶしで描画します。これが輪郭線になります。 続
【Unity】5.4＆5.5新機能を深掘り（Motion Vectors編）
はじめに こんばんは、代表の堂前です！ Unityも5.4系がリリースされてしばらく経ち、最近は5.5ベータも出てきました。 そんな折「Unity 5.4 & 5.5 新機能キャッチアップ講座」を読んでいまして、その中で自分が気になったところ（主に描画系）を深く掘り下げていくのを数回に分けて行っていこうと思います。 ※検証したのはMacのUnity5.4.1系になります。 ※推定事項も含まれますので、その点ご了承下さい。 Motion Vectors 今回は「Motion Vectors」について取り上げます。 主にブラー系の用途で使われるもので、Mesh Renderer等に該当する項目が含まれるようになりました。 （5.5系では項目種類が増えますが、今回は5.4系で話を進めます。） ここにチェックを入れると、ベロシティマップ（ピクセルごとの移動量）にそのメッシュの分を書き込むようにな
Shader Code - Unify Community Wiki
DISCLAIMER: This page is written by Unity users and is built around their knowledge. Some users may be more knowledgeable than others, so the information contained within may not be entirely complete or accurate. Structures Unity's shaders use structures to pass information down the rendering pipeline. Semantics Semantics are special qualifiers that are added to some structures. They define how fi
[Unity]オブジェクトをレントゲンのように透過させて表示するシェーダ - Qiita
こんにちは。 いきなりですが、このように人物などを透過させてレントゲンのように影だけ表示させたいってことありますよね。 メタルギアソリッド4から引用させていただきました。 実はAssetStoreにもあるんですが, （"X-Ray"や"See Through"などで検索すると出てきます。） どれもこれもUnity5.0対応してねえ.. ひとつ対応してると書いてあったやつを買ったんですが, 普通に動きませんでした... 最近このパターン多すぎて萎えまくりです。 Unity5.0とそれ以前とではマテリアルに関してはガラッと変わっちゃいましたし Unity5.0ならやっぱりPBL使いたいですよね! まあしかもシェーダーを買っちゃうとその部分はブラックボックス化するので パフォーマンス的にもよろしくない。 じゃあもう自分で作っちゃおうということで、今回はこれを実装していきたいと思います。 1.まず
![[Unity]オブジェクトをレントゲンのように透過させて表示するシェーダ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/44362a36be7f1143f4a64637cd900d8c838ae107/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGOTE0MTQlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM3NjI3NzE_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NDYyNmFiZjIxODQ5ODgyYzY4YmUwYjlmOWM3NmM1YjI%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Deac39d9c8deb32bd620ec335a54c2518%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCVW5pdHklNUQlRTMlODIlQUElRTMlODMlOTYlRTMlODIlQjglRTMlODIlQTclRTMlODIlQUYlRTMlODMlODglRTMlODIlOTIlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODglRTMlODIlQjIlRTMlODMlQjMlRTMlODElQUUlRTMlODIlODglRTMlODElODYlRTMlODElQUIlRTklODAlOEYlRTklODElOEUlRTMlODElOTUlRTMlODElOUIlRTMlODElQTYlRTglQTElQTglRTclQTQlQkElRTMlODElOTklRTMlODIlOEIlRTMlODIlQjclRTMlODIlQTclRTMlODMlQkMlRTMlODMlODAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yYzEwMTgxZjVhODg2Mzk3MTgwZTY4OWU0ODY5NWUxNA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrYW1hc3UmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz03NjFhZjMzNjNjNDA3ZWFkZmRlNzE1NDVmNTJhMWIzYQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc245d604fa74bfa84b08ae4cce2cc3b1)
Unity シェーダーチュートリアル アルファとアルファテスト
◆ アルファ ガラスのような、透明だけどそこにあるモノ。（透明で反射が出る） 幽霊のような、存在が希薄なモノ。（透明で反射が出ない） 半透明の表現ができる。 ◆ アルファテスト 植物の葉のような、完全に無い部分をくり抜きたいモノ。 ジオメトリで表現するのが大変なのでテクスチャでくり抜く。 半透明の表現はなく、そこに有るか無いか。（くり抜かれた部分に反射は出ない） アルファテスト 以下が基本的なアルファテストのシェーダーコードになります。 だいたいの意味は前回の記事を参照すれば分かると思います。 不透明シェーダーとの記述の違いを見ていきましょう。 閾値用のプロパティ _Cutoff ("Cutoff", Range(0, 1)) = 0.5 Propaties のところに、_Cutoff という変数があります。 これは、テクスチャのアルファチャンネルに描かれた0～255の快調の中の、 どこを
その２ ShaderLabでUnityシェーダの下地作り
ホーム < ゲームつくろー！ < Unity/Shader編 Shader編 その２ ShaderLabでUnityシェーダの下地作り Unityには「固定機能シェーダ」「サーフェイスシェーダ」そして「頂点/フラグメントシェーダ」という3種類のシェーダタイプがあり、そのどれもがShaderLabというUnity独自のフォーマット下で記述されます。 ShaderLabのリファレンスはこちらになります： Unity.ShaderLab sintax: http://docs.unity3d.com/Documentation/Components/SL-Shader.html ① ShaderLabの役割 ShaderLabはUnityとシェーダコードとの仲立ちをするコードです。シェーダは何か入力情報が無いと動かす事ができませんが、その「入力情報」はUnityのGUIやスクリプトで与えます。マ
Unity3D - シェーダー - なにげにぷろぐらまーWiki
なにげにぷろぐらまーWiki プログラミング系のネタをまとめていきます。 トップページページ一覧メンバー編集 × Unity3D - シェーダー 最終更新： bokkuri_orz 2015年03月26日(木) 00:49:27履歴 Tweet 目次 目次 Unityのシェーダー fixed function shader サンプルコード Shader インスペクタのプロパティ 数値、スライダー Color, Vector Rectangle Texture Combine プロパティについて vertex shader, fragment shader SubShader Pass Blending 一般的なブレンディング 参考 Cgコード内でプロパティを参照 CGPROGRAM〜ENDCG で使用できるpragma Surface Shader サーフェイスシェーダーから出力されるデー
その３ サーフェイスシェーダ
ホーム < ゲームつくろー！ < Unity/Shader編 Shader編 その３ サーフェイスシェーダ Unityのシェーダには3種類ありますが、そのうちサーフェイスシェーダはUnityのライティングパイプラインに組み込まれるシェーダです。サーフェイスシェーダを使えば、Unityのシーンに置いたライトがちゃんと反映されるわけです。 サーフェイスシェーダの直接的なマニュアルはこちらです： Unity.Writing Surface Shader: http://docs.unity3d.com/Documentation/Components/SL-SurfaceShaders.html ① サーフェイスシェーダの書き方 サーフェイスシェーダはシェーダ内のSubShaderに書きます。この時、いくつかのお約束があります。まず、SubShaderに「シェーダをこの範囲に書きますよ～」という
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unityのシェーダーセマンティクスまとめ - Qiita