シェーダーこんにちは。シェーダーを一度も触った事のないデザイナーが、Unityの「シェーダーグラフ」を使ってシェーダーを学んでみるシリーズ。このシリーズでは、公式のサンプルシーンを元に僕がシェーダーグラフで学んだ事を解説していきます。シェーダー学習初という事もあり、たくさんの方のブログを拝見し、勉強させていただきました。このシリーズには僕が参考にさせていただいたブログのリンクを貼らせていただいておりますので、そちらも併せて読んでいただくとより一層理解が深まるかと思います。今回は「基礎編.26」という事で、公式のサンプルシーンにある上の画像のグラデーションが動くシェーダーがどのように作られているかを解説します。Library」を開いてください。シーンは開けましたか?それではシェーダーの解説に入ります。シェーダーを開く全体の流れ完成!まとめシェーダーを開くサンプルのシーンを開いたら、「Procedural-Color-SoftSplitPingPong」というファイルをダブルクリックして下さい。するとシェーダーグラフのエディターが立ち上がります。Node」で元に戻してあります。全体の流れ個々のノードを見ていく前に、このシェーダーが何をしているのか、全体の流れを軽く把握していきましょう。このシェーダーは、基礎編.24と基礎編.25を掛け合わせたシェーダーですね。1でU方向に0~1の範囲でアニメーションするカーブをつくり、2でグラデーションの設定をしています。その値を基に3で色を付けています。完成!これで今回のシェーダーは完成です!まとめ今回は前回、前々回のシェーダーで覚えた事を合わせただけですので詳しい解説は省きます。»プロフィールだいふく。ゲームエフェクトデザイナーとしてお仕事してます。最強のエフェクトデザイナーを目指して、日々学んだ事をできるだけ分かりやすく書いていきます。ツイッターでもつぶやいてます。記事の内容はエフェクトに特化した内容になりますので、これからエフェクトを作ってみたい学生や他職種さん、同じエフェクトデザイナーとしてお仕事している方の一助となれたら嬉しいです。目次はてなブログをはじめよう!Effect-Labさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。