さわぐちFMオキーステーション

幸せの鐘が鳴り響き僕はただ嬉しいふりをする

Shader Graph

Shader Graphの超入門レシピ その10~ノイズを使ったちらつき表現~

前回の記事 amidamangrove.hatenablog.com 今回の記事 ノイズを使用したお手軽な「ちらつき表現」を紹介したいと思います。 ちらつきを作るシェーダー 「Timeノード」から時間を取得し、「Fractionノード」で小数点部分のみを取り出します。取り出した値を「…

Shader Graphの超入門レシピ その9~モノクロ、セピア、ネガポジ、モザイク、二階調化~

前回の記事 amidamangrove.hatenablog.com 今回の記事 今回は1枚のテクスチャにシンプルな画像処理を施してみたいと思います。ノード数も多くないのでさくっと試せるんじゃーないかなーと思います。 モノクロにする モノクロに変換には以下の式を適用します …

Shader Graphの超入門レシピ その8~ノイズで遊ぼうーディゾルブエフェクトとか頂点アニメーションとか~

前回の記事 amidamangrove.hatenablog.com Simple Noiseノード Simple Noiseノードは入力されたUV値とScale値に基づいてノイズを発生させます。今回はこのノードを使用してディゾルブエフェクトや頂点のアニメーションを作ってみようと思います。 ノイズをア…

Shader Graphの超入門レシピ その7~輪郭を明るくする2つの方法~

前回の記事 amidamangrove.hatenablog.com 今回の記事作成の参考とさせていただきました! www.youtube.com www.hanachiru-blog.com 今回作成するもの 図のようにSphereの輪郭を光らせバリアっぽいエフェクトを作成します。赤色と青色がありますが2つは異な…

Shader Graphの超入門レシピ その6~頂点を波のように動かしてみる~

前回の記事 amidamangrove.hatenablog.com 頂点を動かす シェーダーグラフでは色情報のみではなく、頂点の座標も操作することができます。今回はその機能を使用してうねうねと動くPlaneを作ってみましょう。 使用する素材はこちらからお借りました。 g-sozai…

Shader Graphの超入門レシピ その5~Flipbookノードを使用したテクスチャアニメーション~

前回の内容 amidamangrove.hatenablog.com テクスチャアニメーション 1枚のテクスチャの座標を切り替えてアニメーションを行います。要するにパラパラ漫画ですね。Shader Graphは「Flipbookノード」を使用する事で実現できます。 素材の準備 今回の素材は「…

Shader Graphの超入門レシピ その4~タイリングとオフセット~

前回までの内容 Shader Graphの超入門レシピ その1~準備編~ - さわぐちFMオキーステーション Shader Graphの超入門レシピ その2~エディタ画面と基本操作~ - さわぐちFMオキーステーション Shader Graphの超入門レシピ その3~テクスチャブレンド~ - さ…

Shader Graphの超入門レシピ その3~テクスチャブレンド~

前回までの内容 Shader Graphの超入門レシピ その1~準備編~ - さわぐちFMオキーステーション Shader Graphの超入門レシピ その2~エディタ画面と基本操作~ - さわぐちFMオキーステーション テクスチャブレンドをやってみる 前回、前々回でエディタの基本…

Shader Graphの超入門レシピ その2~エディタ画面と基本操作~

前回の内容 前回はこちら Shader Graphの超入門レシピ その1~準備編~ - さわぐちFMオキーステーション 前回はプロジェクトを作成しアセットを整理しました。今回はシンプルなシェーダーを作りつつノードエディタの画面と基本操作を確認してみましょう。最…

Shader Graphの超入門レシピ その1~準備編~

はじめに 今から数年前「Cocos2d-x開発のレシピ」という本があって、その本はCocos2d-xの様々な機能を簡単なソースコード(1~2P程度)で記載してくれているという、とても素晴らしい本でした。 実際にそのレシピに書かれている機能を組み合わせるだけでもゲ…