001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023 024 025 026 027 028 029 030 031 032 033 034 035 036 037 038 039 040 041 042 043 044 045 046 047 048 049 050 051 052 053 054 055
//------------------------------------------------------------
// 似非cel_paint
//------------------------------------------------------------
uniform sampler2D mmv_tex0;
uniform sampler2D mmv_tex2; // EXテクスチャ1
uniform sampler2D mmv_tex3; // EXテクスチャ2
//------------------------------------------------------------
varying vec3 VERTEX_NORMAL; // 法線ベクトル
varying vec3 VERTEX_LIGHT; // ライトベクトル
varying vec3 VERTEX_LIGHT2; // ライトベクトル
varying vec3 VERTEX_EYE; // 視線ベクトル
// ------------------------------------------------------------
// フラグメントシェーダプログラム
// ------------------------------------------------------------
void main( void )
{
vec3 N = normalize(VERTEX_NORMAL); // 法線ベクトル
vec3 L = normalize(VERTEX_LIGHT); // ライトベクトル
vec3 L2 = normalize(VERTEX_LIGHT2); // ライトベクトル
vec3 E = normalize(VERTEX_EYE); // 視線ベクトル
vec3 R = reflect( L, N ); // 反射ベクトル
//色
vec3 color = texture2D( mmv_tex0, gl_TexCoord[ 0 ].st ).rgb; //マテリアル色
float a = texture2D( mmv_tex0, gl_TexCoord[ 0 ].st ).a; //不透明度
color = gl_FrontMaterial.diffuse.rgb; //マテリアル色
a = gl_FrontMaterial.diffuse.a; //不透明度
float dif = max( dot( N, L ), 0.0 ); //拡散強度（光の強さ）
float dif2 = max( dot( N, L2 ), 0.0 ) * 0.45; //拡散強度（光の強さ）
dif = min( dif + dif2 + 0.1, 1.0 );
dif = dif * (254.0/256.0) + (1.0/256.0); //オフセット
vec3 cel1 = texture2D( mmv_tex2, vec2( dif, 0.5 ) ).rgb; //乗算
vec3 cel2 = texture2D( mmv_tex3, vec2( dif, 0.5 ) ).rgb; //加算
//スペキュラ
float powr = gl_FrontMaterial.shininess; //反射の強さ
float s_dif = gl_FrontMaterial.specular.r; //反射光(rgb同じ)
float spec = pow( max( dot( R, E ), 0.0 ), powr ) * s_dif;
gl_FragColor = vec4( color * ( cel1 + cel2 ) + vec3( spec ), a ); //出力
//アウトライン
if( dot( E, N ) > -0.2 ){
gl_FragColor = vec4( 0, 0, 0, a );
}
}
[eof]
mmV では階調やら色相の変化を画像で定義する。
line28,29 はラデ用おまじないだそうですｙｐ！
サンプルは公式ページからダウンロードしてチョーダイな！(承認済)
ほんじゃま、サンプルは本家の人の奴をパクって来てもらって、wond なり reset に入っている .mms、画像を見ていこう。
mmV ver050521 から .mms の書式が変わったので、とりあえず最新版を落としにかかれ！
尚サンプルとして使わせてもらってる wond と reset に入っている .mms も最新版に更新されているので、
既に落とした人ももう一度落としなおしときましょー。
・まず .mms ありき
カスタムシェーダ全般に言える事だけど、mmV ではマテリアル毎に .mms という設定ファイルを作る必要がある。
このファイルは普通にテキストエディタで編集できるので、とりあえず開いてみると、下の用な内容が書かれている。
001 002 003 004 005
#ConfigFile Ver1.00 @VertexShader,cel_paint.vert @FragmentShader,cel_paint.frag @ExTexture,Hada1.bmp @ExTexture,Hada2.bmp [eof]
2 行目が使用するバーテックスシェーダの種類、
3 行目は使用するフラグメントシェーダの種類、
4 行目からは使用するテクスチャを記述する。
.mms のファイル名は .mqo のマテリアル名と同じにしなければならない。(例 mat1.mms)
フルシーンカスタムシェーダとなるとマテリアルの数だけ .mms が必要になるので効率化が必要になる。
複雑なファイル構成になった場合、公開時に拡張子を .zip から .mmz にしてしまった方が初心者に優しい。
2 行目のバーテックスシェーダは特に弄るところは無いので、サンプルに同梱されてる物をそのまま使おう。
バーテックスシェーダ (.vert) と フラグメントシェーダ (.frag) の違いについてはあまり気にしなくていい。
知りたい人はググればそれなりに出てくるので、適当スタンスな本リファではあんま言及しないどく。なんかムズげだし。めどいし。
で、 3 行目のフラグメントシェーダには、現在 3 種類ある。
・cel_paint.frag
これは .mms で定義したマテリアルに対して、シェーダしか使わない場合に使用するプログラム。
つまりテクスチャを使わず、素の状態のマテリアルにセルペイント設定が付加される。
要するにテクスチャ使わないならコレを使えばオッケー。
4 行目 に階調設定画像(後述)、5 行目に 加算色画像(後述)を宣言する。
尚、mmV は仕様上 Phong と Constant 以外はシカトするので、必ずどちらかの設定にすること。
・cel_paint_t.frag
cel_paint.frag のテクスチャ使用版。
使用するマップは mqo で定義されているモノを自動で読み込むので .mms で再定義する必要はない。(mmv_tex0)
・cel_paint_ts.frag
cel_paint_t.frag に更に遮光マップが追加されたモノ。
文字通りの意味のマップだった気がするけどどう使うのかワカランのでパス。
以上の 3 種類を用途に合わせて使い分ける。
基本的に下に行くにつれて追加されてるだけだから cel_paint_ts.frag でいいじゃんって思うかもしれないけど、
作者の罠で「必要な情報がないと 0x0000000 が返されるよん」とかプログラマーっぽい専門用語が待っているので、
やっぱり使い分けるところは使い分けた方がいいみたいなのであります？
・****1.bmp
ほんで .mms の 4 行目はシェーディングの階調を設定する画像。
なんの事は無い、ただのグレースケールのグラデーション画像を用意するだけ。
基本的に右が光源側、左が陰側になるので、右を白、左を黒にするのさえ守れば、間は好きなようにしていい。
ちなみに陰側を明るくすればフレネルっぽくする事も出来るからベロア素材の再現も可能、かな？
ま、サンプル画像みれば大体判るっしょ。
▲ このマップを使うと ▼ こうなる
ほんでもって
▲ このマップを使うと ▼ こうなる
・****2.bmp
で、5 行目はシェーディングに「加算合成される色」の画像。
画像のサイズやルールは上と同じで、右が光源側、左が陰側。
具体的にどういう事かっつーと、原田さんみたいな「髪の表が金で裏が紫」みたいな事が出来るんだと思いねえ。
Cypher'S TufT の ほし さん流に言うなら「六角 Free の明るい面と暗い面の色を個別に設定出来る」みたいなモンかな。
とはいえ加算合成なので明るくは出来ても暗くは出来ないのでちびっと注意。
完全にマップでカラー制御をしたい場合は .frag の編集が必要になる。
048
gl_FragColor = vec4( color * ( cel1 + cel2 ) + vec3( spec ), a ); //出力
これを
048
gl_FragColor = vec4( cel1, a ); //出力
こうすれば line 38 で定義されている cel1 のパラメータがカラーに代入される。
この場合、階調設定用のグラデは必要なく、割り当てたいマップの階調がそのまま出るのである意味では楽。
つーかかなり楽。寧ろマップ一枚でカラーまで制御できるならこれだけでいいじゃんっていう話。
例えば ▲ このマップを使うと ▼ こうなる
これら制御系の画像はサイズに厳密な指定は無いので、自分が制御しやすいサイズでいい。と思う。
後はサンプルファイルから欲しい情報だけぶっこ抜くと宜しい！
ちなみに、デフォルト状態の line 48 の cel1 の部分を cel2 にすれば加算合成から乗算合成に変更可能。
内容に一通り目を通せばスペキュラの追加や排除も結構簡単に出来るので、思いついたらやってみると新しい発見があるかも！
