2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Unity ShaderGraph レシピ #1 シンプルなグリッド

Last updated at Posted at 2020-12-09

シンプルなグリッド

スクリーンショット 2020-12-10 0.07.35.png

作り方

1. Rectangle

四角形をタイリングして実現するので、まずはRectangleノードを用意します
スクリーンショット 2020-12-10 0.09.32.png
ちなみにRectangleノードのWidth,Heightがグリッドの太さになります。
スクリーンショット 2020-12-10 0.16.56.png

2. TilingAndOffset & Fraction

四角形のテクスチャをタイリングしたいのでTilingAndOffsetノードでリピート数を指定してFractionノードに繋げます。その結果をRectangleのUVに使用します。

スクリーンショット 2020-12-10 0.21.08.png

TilingのX,Yがマス目の数になります

スクリーンショット 2020-12-10 0.21.45.png

###完成!

おまけ

白地に黒線だと何かと不便になるので、黒地に白線に変えるにはRectangleのOutをColorに繋げる前にOneMinusノードで反転させましょう。

スクリーンショット 2020-12-10 0.27.31.png

スクリーンショット 2020-12-10 0.28.14.png

グリッドの色を変更する方法は次回

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?