【基本-5】シェーディングパターン（自由形式）について

三角形のメッシュを繋げて、形を作っていくシェーディング方法です。
三角形は次のパラメータで作っていきます。
エッジフラグ（1or 2) x座標　y座標　色値（0〜4個）

エッジフラグとは、どの三角形のエッジが共有されるかを定義するもので
エッジフラグ 0は三角形を新規作成する
エッジフラグ 1は頂点BCを共有し新たな点を追加して三角形を作成する
エッジフラグ 2は頂点ACを共有し新たな点を追加して三角形を作成する
という規則があります。

最初はどちらが１なのか２なのか分からなかったのですが、
A-C、B-Cは新たな三角形でA-Bとなるという事に気づいてから分かるようになりました。
★が付いたパラメータは変更可能です。色々と変えてみてください。

/ColorSpace色空間により/DataSourceの色値の個数が変わります。
/DeviceRGB　3個　/DeviceGray　1個　/DeviceCMYK　4個

コード内の<< >>は本来英語記号ですが、ここでは入力できないため日本語記号＜＜　＞＞を使用しています

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 240 240
%%Title:自由形式のグローシェディングによる三角メッシュ

0 0 240 240 rectstroke % 画面囲み
120 120 translate % 座標の原点を中央に移動

/w 50 def % 正三角形の幅の1/2
/h 3 sqrt 2 div w 2 mul mul def % 正三角形の高さ

＜＜ % シェーディングの辞書定義
/ShadingType 4 % グローシェーディング
/ColorSpace /DeviceRGB % ★色空間定義
/DataSource [ %★ エッジフラグ xy座標色値
0 w h 0 1 1 % 頂点A0
0 w neg h 1 1 0 % 頂点B0
0 0 0 1 0 1 % 頂点C0
1 2 w mul neg 0 0 1 1
1 w neg h neg 1 1 0
2 w h neg 0 1 1
2 w 2 mul 0 1 1 0
2 w h 0 1 1
]
＞＞ shfill % グラデーションで塗りつぶす

次の説明は分かりにくいかも知れませんが、図を見ていただければ分かるかと思います。
①から時計回りで三角形を作っていきます。

（１）A0 B0 C0は新規に三角形を作るのでエッジフラグは0

0 w h 0 1 1 % A0 エッジフラグ x y R G B
0 w neg h 1 1 0 % B0
0 0 0 1 0 1 % C0

（２）新しい点C1を追加する。B0-C0に繋げるのでエッジフラグは1
B0-C0は新たな三角形ではA1-B1となる

1 2 w mul neg 0 0 1 1

（３）新しい点C2を追加する。B1-C1に繋げるのでエッジフラグは1
B1-C1は新たな三角形でA2-B2となる

1 w neg h neg 1 1 0

（４）新しい点C3を追加する。A2-C2に繋げるのでエッジフラグは2
A2-C2は新たな三角形でA3-B3となる

2 w h neg 0 1 1

（５）新しい点C4を追加する。A3-C3に繋げるのでエッジフラグは2
A3-C3は新たな三角形でA4-B4となる

2 w 2 mul 0 1 1 0

（５）新しい点C5を追加する。A4-C4に繋げるのでエッジフラグは2

2 w h 0 1 1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 240 240
%%Title:自由形式のグローシェディングによる三角メッシュ
0 0 240 240 rectstroke % 画面囲み
120 120 translate % 座標の原点を中央に移動
＜＜ % シェーディングの辞書定義
/ShadingType 4 % グローシェーディング
/ColorSpace /DeviceRGB % 色空間定義
/DataSource [ %エッジフラグ xy座標 RGB色値
0 0 0 1 0 1 % 頂点A0
0 100 100 0 1 1 % 頂点B0
0 -100 100 0 1 1 % 頂点C0
2 -100 -100 0 1 1
2 100 -100 0 1 1
2 100 100 0 1 1
]
＞＞ shfill % グラデーションで塗りつぶす

三角メッシュは定型な三角形とは限りません。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 240 240
%%Title:自由形式のグローシェディングによる三角メッシュ

0 0 240 240 rectstroke % 画面囲み
120 120 translate % 座標の原点を中央に移動

/cyan { 0 1 1 } def % シアン
/magenta { 1 0 1 } def % マゼンタ
/yellow { 1 1 0 } def % イエロー

＜＜ % シェーディングの辞書定義
　　　　/ShadingType 4 % グローシェーディング
　　　　/ColorSpace /DeviceRGB % 色空間定義
　　　　/DataSource [
　　　　　　　　0 40 100 cyan
　　　　　　　　0 -40 80 magenta
　　　　　　　　0 0 0 yellow
　　　　　　　　1 -100 10 cyan
　　　　　　　　1 -50 -20 magenta
　　　　　　　　2 -70 -90 yellow
　　　　　　　　2 30 -70 cyan
　　　　　　　　2 90 -90 magenta
　　　　　　　　2 100 0 yellow
　　　　　　　　2 60 30 magenta
　　　　　　　　2 40 100 cyan
　　　　]
＞＞ shfill % グラデーションで塗りつぶす