FXComposer超入門

FXComposerを始めてみた。

床に色を付けて、さらに色を変更できるようにする。

１．FXComposerを起動する。
２．[File]→[New Project]を選びプロジェクト名を入力して[OK]を押す。
３．[View]→[Layouts]→[Default]を選ぶ。
４．下の絵１の状態になっていることを確認する。

絵１

５．バーにある[Plane]を選ぶ。
６．下の絵２の状態になっていることを確認する。

絵２

７．バーにある[Effect]を選ぶ。
８．[CgFX]を選び[Next]を押す。
９．Templatesから[Empty]を選ぶ。
１０．名前をFloor.cgfxとして[Next]を押す。
１１．何も入力せずに[Finish]を押す。
１２．左側にある[Materials]の三角部分を押す。
１３．[Floor_Material]をドラッグして右下のメッシュになっているPlaneにドロップする。
１４．下の絵３の状態になっていることを確認する。

絵３

１５．左側の[Effects]→[Floor]→[Floor.cgfx]を選ぶ。
１６．Floor.cgfxのファイルが中央に開かれる。
１７．下のコード１のようにFloor.cgfxを変更する。

コード１

/*

% Description of my shader.
% Second line of description for my shader.

keywords: material classic

date: YYMMDD

*/

float4x4 WorldViewProj : WorldViewProjection;

// My Add
float4 FloorColor : Diffuse
<
	string UIName = "Floor Color";
	string UIWidget = "Color";
> = { 0.1f, 0.8f, 0.1f, 1.f };



float4 mainVS(float3 pos : POSITION) : POSITION{
	return mul(WorldViewProj, float4(pos.xyz, 1.0));
}

float4 mainPS() : COLOR {
	// My Add
	return FloorColor;
	//return float4(1.0, 1.0, 1.0, 1.0);
}

technique technique0 {
	pass p0 {
		CullFaceEnable = false;	
		VertexProgram = compile vp40 mainVS();
		FragmentProgram = compile fp40 mainPS();
	}
}

１８．// My Add の部分が変更箇所の近く。
１９．バーにある[Rebuild All]を押す。
２０．下の絵４の状態になっていることを確認する。

絵４

２１．板が緑色になっていることを確認する。
２２．左側の[Materials]→[Floor_Material]を押す。
２３．右上に[Floor_Material]の情報が出る。
２４．[Floor Color]をクリックする。
２５．右側に出てきた四角を押す。
２６．[Color Picker]という小さいウィンドウが出る。
２７．円形になっている部分の好きな色をクリックすると板の色が変わることを確認する。
２８．下の絵５の状態になっていることを確認する。

絵５

２９．おしまい。

次はランバートやフォンなどの基本的なシェーディングをやる予定。