【Unity】PhotoshopのグラデーションマップをUnity上で再現してみる - rn.log
Photoshopには「グラデーションマップ」という機能が標準で用意されています。 一言で説明すると、画像の色を別の色に置き換えるというエフェクトをかけることができます。 今回はこのグラデーションマップをUnity上で再現してみたいな、という好奇心からグラデーションマップをUnity上で再現してみたのでそのご紹介。 環境 グラデーションテクスチャを用意して色を置き換えてみる STEP1. テクスチャの用意 STEP2. シェーダーを書く STEP3. 動かす グラデーションテクスチャを動的に作成する グラデーションマップを実現するスクリプト 動かす シェーダーについて 環境 Windows 10 Unity5.6.1f1 グラデーションテクスチャを用意して色を置き換えてみる 元画像の各ピクセルのRGB値をインデックスとして、グラデーション用のテクスチャをから色をとってくれば グラデーション
地味にヤバい、シェーダ変数の精度について - KAYAC Engineers' Blog
画面写真をクリックするとサンプルのWebGLビルドに飛びます。 こんにちは。技術部平山です。 今日はシェーダでの精度指定について、地味なお話をいたします。 詳しいことに興味がなければ、 非常に簡潔にまとめられた記事 をLIGHT11さんが書いてらっしゃいますので、それを読めば足ります。 なお、この記事の結論を一言で言えば、「UVと位置にhalfを使うな」 です。 速度や電力も大事ですが、下手に攻めてバグる方が問題です。 サンプルのソースコードはgithubに置いてありますが、 今回に関してはサンプルを動かしていただけば十分かなと思います。 より詳細を知りたい方はご覧ください。 冒頭の写真について 冒頭の写真は、仮にシェーダでの浮動小数点数の精度が低かったらどんなことが起こるか? をシミュレートしたものです。 絵の左下がテクスチャ座標(UV)が(0,0)で、右上がだいたい(5,5)です。 右
【シェーダーグラフメモ その49】墨の竜巻エフェクト - rn.log
はじめに 墨っぽい感じの竜巻エフェクトを作ってみました。 今回の記事では、このエフェクトをどうやって作ったのかを軽くをご紹介したいと思います。 墨の竜巻 STEP1. モデルの準備 (Houdini) 今回の竜巻エフェクトでは、以下のようなモデルを使用しました。 今回使用した竜巻モデル 今回のモデルはHoudiniを使って作成しています。 Houdiniで作成する竜巻モデル 以下のようなノード構成でモデルを作成しました。 円柱(Tube)をBendでひねっています。 ノード構成 STEP2 . シェーダーグラフ作成 今回の竜巻エフェクトでは、以下のようなシェーダーグラフを作成しました。 シェーダーグラフを作成 シェーダーパラメータ シェーダーパラメータ 頂点シェーダー(動きを作る部分) 周期や振幅が異なる２種類のサイン波を加算合成(Add)しています。 動きに複雑さを出すために２種類のサイ
【Unity】入門ライティング設定！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 最初は「(簡易的な)VRChatのワールド最適化について」としようと思ったのですが、結局ワールド作成における最適化の話は（殆どライティングの話になるな）と思ったので、さっとUnityのライティングについて網羅できる記事を書こうと思います。 「Unity 最適化」で調べても、話としてはC#の事とかメモリの管理の話が中心で「VRChatのワールド最適化」とはまた話が異なるので、この記事を書こうと思いました。 あまりガチガチの話はできないので、VRChatでワールド作り始めた人向けの記事として書きます。 目標設定 VRCで指定されてるU
ShaderGraph ノード一覧 - デコシノニッキ
自分用のメモです。 随時更新していきます。 Artistic (アーティスティック) Adjustment (調節) Channel Mixer (チャネルミキサー) Contrast (コントラスト) Hue (色調) Blend (ブレンド) Blend (ブレンド) Mask (マスク) Channel Mask (チャネルマスク) Color Mask (カラーマスク) Normal (法線) Normal Blend (法線ブレンド) Normal Create (法線作成) Normal Strength (法線強度) Normal Unpack (法線取り出し) Utility (ユーティリティ) Colorspace Conversion (色変換) Channel (チャネル) Combine (結合) Flip (反転) Split (分割) Swizzle (かき混ぜ
【Unite Tokyo 2018】新機能Shader Graphを使えばプログラミング無しにシェーダーが作れるようになります！の複写【随時更新】 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2017年5月7日（月）・7日（火）・9日（水）に行われた Unite 2018 新機能Shader Graphを使えばプログラミング無しにシェーダーが作れるようになります！ 講演の資料が動画しかなかったので複写する感じの記事になっています タイムライン付き ShaderGraphとは Unity 2018から使える新しいシェーダーの仕組み いわゆるノードベースのシェーダーエディター ノードとはグラフ上でボックスを配置し線で繋げて マテリアのデザインをする リムライトの例 ライティングのエフェクトを強化する為にも使えます 簡単
2019年3月に作ったシェーダーを紹介する - なんかやる
はじめに 先月からやっている月毎に制作したシェーダーの紹介第二回目です。 軽く解説やバックボーンを交えて紹介しようと思います。 2/27 箱#glsl pic.twitter.com/mXEnxLIpVH— かねた (@kanetaaaaa) February 26, 2019 レイマーチングでは、座標に対して繰り返し操作を行うことで似たような動きの大量のオブジェクトを描画するのが得意ですが、それぞれ独立した動きのオブジェクトを描画するのはそれほど得意ではありません。（レイのオーバーシュートやグリッド内の制限など） 今回はそのうちのオーバーシュートの問題をこちらの記事の手法で解決して、複雑な動きをする大量のオブジェクト描画をやりました。 qiita.com 動くものはこちらから見れます www.shadertoy.com 3/18 ～～#neorthttps://t.co/AHZajlmc
Unityのシェーダーグラフについて
でやりましたが、シェーダーグラフを使うと自分でスクリプトを組まずにノードを繋いで視覚的にわかりやすくシェーダーの作成を行う事が出来ます。 また以前のビルトインのシェーダー等ではレンダリング方式毎にシェーダーを書く必要がありましたが、シェーダーグラフを使うと方式毎にシェーダーを書かなくても済みます。 そんなわけで、今回はシェーダーグラフについて見ていきたいと思います。 旧プロジェクトでシェーダーグラフを使う人向けの設定Unity2018.1以前のバージョンのUnityを使っている方はプロジェクト作成時に2Dか3Dかを選択していると思いますが、Unity2018.1からはHDRP、LWRP等他のテンプレートが用意されています。 以前のプロジェクトでシェーダーグラフを使用する場合はレンダリングパイプラインがHDRP、LWRP等のSRP（Scritable Rendering Pipeline）の
UnityのShaderGraphを利用してSTYLY用のシェーダーを作成する
Unity2018のShaderGraphを利用してシェーダーを作成し、これをUnity2017.4用のシェーダーコードに書き直す方法を解説します。 ShaderGraphはSTYLYへアップロードすることができませんが、 Unity2017.4用のシェーダーコードに移植することで、STYLY上へのアップロードが可能となります。 ※2020/04/14現在、STYLYの推奨バージョンはUnity 2019.3.6f1ですがShaderGraphは使用できておらず、対応中です。 STYLYと互換性のあるUnityバージョンはこちらからご確認ください。 https://document.styly.cc/doc/docs/en/creator/creator_plugin_intro/#%E5%AF%BE%E5%BF%9C%E3%81%99%E3%82%8Bunity%E3%83%90%E3%
Unity 2018.1 より提供される Scriptable Render Pipeline について調べてみた - 凹みTips
はじめに Unity 2018.1b より Scriptable Render Pipeline (SRP) というレンダリングパイプラインをより細かくコントロールできる機能がリリースされました。SRP の登場により、従来の Forward / Deferred に加え、新たに Compute Shader を活用し SSS などのマテリアルにも対応したハイエンド向け高画質パイプライン（HDRP）と、シングルパスでライトの計算も可能なモバイルや VR において有力な軽量パイプライン（LWRP）が公式の実装として提供されることになりました。さらに、これらはアセットとして提供されるため、我々の手でもカスタマイズ可能で、また一から自分で作成することも出来ます。 本エントリではこの SRP について、新しく追加されたパイプラインをサラッと紹介するのと、公式で公開されているシンプルなサンプルを読み解
[Unity] カスタムシェーダーでTextMeshProに独創的な演出を加える - Qiita
これはUnity #2 Advent Calendar 2018の19日目の記事です。 はじめに 上の映像は、Tokyo Demo Fest 2018 PC Demoの優勝作品『WORMHOLE』のオープニング部分です。 タイトルの文字をパラパラと出現させたり消失させたりする演出は、TextMeshProとカスタムシェーダーを組み合わせて実装しました。 この記事では3つの演出例を通して、TextMeshProの文字描画に独創的な演出を加えるためのカスタムシェーダーの実装方法を紹介します。 なお、実装環境は次の通りです。 Unity 2018.2.17f1 TextMeshPro 1.2.4 TextMeshPro TextMeshProは、SDF（Signed Distance Field, 文字の輪郭までの距離を画素値にした画像）をつかって高品質にフォントをレンダリングできるアセットです
![[Unity] カスタムシェーダーでTextMeshProに独創的な演出を加える - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/adf0bec3a249eb365d4792c7fe1418c8826414d0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlMjAlRTMlODIlQUIlRTMlODIlQjklRTMlODIlQkYlRTMlODMlQTAlRTMlODIlQjclRTMlODIlQTclRTMlODMlQkMlRTMlODMlODAlRTMlODMlQkMlRTMlODElQTdUZXh0TWVzaFBybyVFMyU4MSVBQiVFNyU4QiVBQyVFNSU4OSVCNSVFNyU5QSU4NCVFMyU4MSVBQSVFNiVCQyU5NCVFNSU4NyVCQSVFMyU4MiU5MiVFNSU4QSVBMCVFMyU4MSU4OCVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MTg2MTEzYjNhMWQwODU1NjlkZjc0NDQ0NzMzODQ4ZmI%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBnYW0wMDIyJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04ZTFjM2MyMjY5NzU3YWJjZjljMTkyMjVlMTg2ZDhkOQ%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4gS0xhYiDmoKrlvI_kvJrnpL4%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3D824d5276d9500c7a26bd61d4ee5b7600)
rn.log
はじめに 自前で用意したレンダーターゲットにオブジェクトを描画する時、デプスバッファが正しく指定されていない場合にZテストが正常に機能しません。 今回の記事では、Zテストが正常に機能しないケースの実装と、Zテストが正常に機能するケースの2つを紹介したいと思います。 環境 Universal RP 10.8.1 Unity2020.3.32f1 ScriptableRenderPassのConfigure ScriptableRenderPassを用いてオブジェクト描画する処理を自前で実装したいケースを考えます。 ScriptableRenderPassを継承したクラスでは、ConfigureTargetメソッドを利用してレンダーターゲットを切り替えることができます。 ConfigureTargetではカラーバッファのほかに、デプスバッファを指定することができます。 ConfigureTar
【Unity】シェーダーグラフで作るエフェクト用シェーダー：UVスクロール - 最強のエフェクトデザイナーになるブログ
こんにちは。 今日はエフェクトでよく使う表現、UVスクロールのシェーダーを、シェーダーグラフで作ってみたいと思います。 今回作るUVスクロールシェーダーの内容は下記の3つになります。 一定の速度でUVスクロールするシンプルなシェーダー パーティクルの寿命に合わせてスクロール速度が変化するシェーダー パーティクルシステムでスクロールのアニメーションを可能にしたシェーダー 3つありますが、エフェクトでよく使うのは3つ目の「パーティクルシステムでアニメーション可能なシェーダー」だと思います。 ただし、初めの2つも使う場面はよくあるので是非ご覧下さい。 また、今回はシェーダーだけではなく、Vertex StreamsとCustom Dataも使う必要があるため、そちらの使い方も一緒に解説しています。 「Vertex Streams？Custom Dataって何？」という方は是非読んでみてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Portal Shader Breakdown
Unity Shader Graph - Weaving Ring Tutorial | keeps
Reddit - Dive into anything
(URP)World Position Effects Part 1: Sphere Radius | Minions Art on Patreon
【Unity】ShaderGraph で炎、ホログラム、トゥーンのシェーダを作ったサンプル「unity-shadergraph-sandbox」紹介 - コガネブログ
【シェーダーグラフメモ その17】3Dオブジェクトの中に液体が入っているような感じにするシェーダーグラフ - rn.log
Why my Shader Graph always purple? [SOLVED]