【１】フルバージョン
１３．Draw系の操作とオーディオ
１３０２．シンプルな３Ｄの描画
このサンプルはFullSample302というディレクトリに含まれます。BaseCrossDx11.slnというソリューションを開くとDx11版が起動します。
この項では３Ｄ表現に中でも、一番シンプルな描画方法について説明します。
実行すると以下のような画面が現れます。
図1302a
このサンプルはシンプルな３Ｄ表現のサンプルです。ポイントを絞るために、衝突判定は実装していません。プレイヤー（中央の球）は移動しますが、これは各オブジェクトを見やすくするためです。
プリミティブオブジェクト
まず、プリミティブオブジェクトについて説明します。球が奥に７つ並んでいます。それぞれ頂点フォーマットが違います。
一番左はPCフォーマット（位置と頂点色）を持ったフォーマットです。２番目はPTフォーマット（位置とテクスチャUV）、３番目はPCTフォーマット（位置と頂点色とテクスチャUV）、そして４番目はPNTフォーマット（位置と法線とテクスチャUV）、５番目は４番目と同じPNTフォーマットですが、テクスチャを設定しない形です。
さらに共通の設定として、それぞれ色要素としてエミッシブ（放射光）とデフューズ（拡散光）を設定できます。
そして右の２つの球体はPNTフォーマットです。これらはスペキュラー色（反射光）を加えています。
これらの光の計算はまさしくシェーダでの記述であり、どのように導くかはシェーダをどう記述するかによって変わります。ですから各光に名前はついているものの、決まりがあるかわけではありません。
BaseCrossでの記述はおおむね以下のようになってます。
１、基本色（PNTフォーマットは法線ライティング）にデフューズ（拡散光）を掛ける。 ２、１にエミッシブ色を足す ３、PNTフォーマットはスペキュラーを足す ４、３を基本色とし、テクスチャがある場合はサンプリングした値に３を掛ける。 ５、影がある場合は影要素を掛ける
シェーダを自作する場合は、これらの計算の計算順番を変えたり、あるいは、ある要素は強調するように計算したりなど、無限の表現方法があります。
また、これらの計算は頂点シェーダとピクセルシェーダでの計算であり、シェーダを自作する場合は、この２つの間にハルシェーダ、ドメインシェーダそしてジオメトリシェーダを加えることができます。ハルシェーダとドメインシェーダはテセレーション（ポリゴン分割）を実現するためのシェーダであり、ジオメトリシェーダは頂点を増やすシェーダです。
BaseCrossではジオメトリシェーダについては比較的簡単に実装できるようクラス化されています。（言い方を変えればテセレーションは作成可能ですが、実装は各自直接記述ということです）。
以下に、グラフィックパイプラインの実行順番を記します。
図1302b
この中で頂点シェーダとピクセルシェーダは必須なシェーダです。さてそれではさまざまなオブジェクトの実装を見ていきます。
ビューの作成
GameStage.h/cppを見てください。GameStage::CreateViewLight()関数で、ビューを作成しています。このサンプルで使用するビューはシングルビューで、ライトは1個です。シンプルな３D描画のシェーダは複数のライトには対応してません。
球体の作成
8つの球体はそれぞれPcSphere（PC頂点の球）、PnSphere（PN頂点の球）、PtSphere（PT頂点の球）、PctSphere（PCT頂点の球）、PntSphere（PNT頂点の球）、PntSpSphere（PNT頂点のスペキュラー使用の球）です。PNT頂点の球以外はMeshUtill::CreateSphere()関数を使ってPNT頂点の球を作成し、必要に応じて法線やテクスチャUVを削除したりしています。
また、プレイヤーは移動できますので、各球体に近づいて表現を細かく見ることができます。
シェーダによる表現の違い
表現を細かく見ていきますと、頂点定義の違いによりずいぶん違うのがわかります。一番使われるのはPNT頂点ですが、インターフェイスや特殊な表現にはほかの頂点定義も有用なのがわかります。例えばFullSample304で紹介する背番号のような数字はPCT頂点が有効なのが想像できると思います（ライティングは必要ない）。
それではタイプごとに内容を見てみましょう。
頂点変更ができるメッシュ
以下はPC頂点を持った球体の作成方法です。PcSphere::OnCreate()に記述があります。
void PcSphere::OnCreate() {
auto ptrTrans = GetComponent<Transform>();
ptrTrans->SetScale(Vec3(1.0f, 1.0f, 1.0f));
Quat qt;
qt.identity();
ptrTrans->SetQuaternion(qt);
ptrTrans->SetPosition(m_StartPos);
//描画コンポーネント
auto ptrDraw = AddComponent<PCStaticDraw>();
vector<VertexPositionNormalTexture> vertices;
vector<VertexPositionColor> new_vertices;
vector<uint16_t> indices;
MeshUtill::CreateSphere(1.0f, 18, vertices, indices);
for (size_t i = 0; i < vertices.size(); i++) {
VertexPositionColor newV;
newV.position = vertices[i].position;
newV.color = Col4(
newV.position.x * 2.0f,
newV.position.y * 2.0f,
newV.position.z * 2.0f,
1.0f);
new_vertices.push_back(newV);
}
ptrDraw->CreateOriginalMesh(new_vertices, indices);
ptrDraw->SetOriginalMeshUse(true);
//影をつける
auto ptrShadow = AddComponent<Shadowmap>();
ptrShadow->SetMeshResource(ptrDraw->GetOriginalMeshResource());
}
その後、PC頂点の配列であるnew_verticesに移植するわけですが、PNT頂点にはないカラー要素を持っているのでカラーグラデーションを、位置情報をもとに作成しています。
その後
ptrDraw->CreateOriginalMesh(new_vertices, indices);
ptrDraw->SetOriginalMeshUse(true);
しかし、上記の例のように他では使用しないオリジナルメッシュという形で登録することができます。このようにしておけば動的に頂点を変更してもほかのオブジェクトには影響を与えません。
また影の描画にこのオリジナルメッシュを使用するので
//影をつける
auto ptrShadow = AddComponent<Shadowmap>();
ptrShadow->SetMeshResource(ptrDraw->GetOriginalMeshResource());
頂点の変更
このサンプルは、PC頂点、PN頂点、PT頂点、PCT頂点についてはオリジナルメッシュを作成してます。それらは動的に頂点の変更がされるのですが、その変更に行動クラスを使ってます。以下がそのクラスです。ProjectBehavior.hに記述されてます。
//--------------------------------------------------------------------------------------
///頂点を変更する行動クラス
//--------------------------------------------------------------------------------------
class VertexBehavior : public Behavior {
float m_TotalTime;
public:
//--------------------------------------------------------------------------------------
/*!
@brief コンストラクタ
@param[in] GameObjectPtr このコンポーネントを所持するゲームオブジェクト
*/
//--------------------------------------------------------------------------------------
VertexBehavior(const shared_ptr<GameObject>& GameObjectPtr) :
Behavior(GameObjectPtr),
m_TotalTime(0)
{}
//--------------------------------------------------------------------------------------
/*!
@brief デストラクタ
*/
//--------------------------------------------------------------------------------------
virtual ~VertexBehavior() {}
//--------------------------------------------------------------------------------------
/*!
@brief 伸び縮みする
@tparam T 頂点の型
@return なし
*/
//--------------------------------------------------------------------------------------
template<typename T, typename T2>
void ExpandAndContract() {
float elapsedTime = App::GetApp()->GetElapsedTime();
m_TotalTime += elapsedTime;
if (m_TotalTime >= XM_2PI) {
m_TotalTime = 0;
}
auto ptrDraw = GetGameObject()->GetDynamicComponent<T2>();
const vector<T>& backupVec = ptrDraw->GetOriginalMeshResource()->GetBackupVerteces<T>();
vector<T> newVec;
for (auto& v : backupVec) {
T newV;
newV = v;
auto len = (sin(m_TotalTime) * 0.5f) + 1.0f;
newV.position.x *= len;
newV.position.z *= len;
newVec.push_back(newV);
}
ptrDraw->UpdateVertices(newVec);
}
};
行動クラスのメンバ関数をテンプレート関数にすることで、複数の頂点型に対応した行動を作成することができます。
注意したいのは描画コンポーネントの取り出しに
auto ptrDraw = GetGameObject()->GetDynamicComponent<T2>();
この関数はダイナミックキャストで、コンポーネントの存在チェックをします。
この行動クラスの呼び出しは、各球体クラスのOnUpdate()関数を使います。
以下はPcSphere::OnUpdate()です。
void PcSphere::OnUpdate() {
auto beh = GetBehavior<VertexBehavior>();
beh->ExpandAndContract<VertexPositionColor, PCStaticDraw>();
}
PNT頂点
BaceCross64で一番よく使用されるのはPNT頂点でしょう。これは位置、法線、テクスチャUVを持ちます。法線はライティング処理に必要です。このサンプルの右の４つはPNT頂点を持つオブジェクトです。表現方法が少しずつ違います。
その中の左2つは通常の描画です。テクスチャが設定されてないときは白く描画されます。色を付ける場合はディフューズ色やエミッシブ色を調整してください。スペキュラーを設定する場合は右2つのように設定します。
以下は、スペキュラー色をテクスチャ付きの球体に設定した例です。右から2番目のオブジェクトです。
//初期化
void PntSpSphere::OnCreate() {
auto ptrTrans = GetComponent<Transform>();
ptrTrans->SetScale(Vec3(1.0f, 1.0f, 1.0f));
Quat qt;
qt.identity();
ptrTrans->SetQuaternion(qt);
ptrTrans->SetPosition(m_StartPos);
//影をつける
auto ptrShadow = AddComponent<Shadowmap>();
ptrShadow->SetMeshResource(L"DEFAULT_SPHERE");
//描画コンポーネント
auto ptrDraw = AddComponent<PNTStaticDraw>();
ptrDraw->SetSpecular(Col4(1.0f, 1.0f, 1.0f, 1.0f));
ptrDraw->SetMeshResource(L"DEFAULT_SPHERE");
if (m_TextureUse) {
ptrDraw->SetTextureResource(L"SKY_TX");
}
}
モデルの描画
モデル描画例として、ボーンアニメーション付きのモデルとついてないモデルのサンプルが実装されています。モデルのメッシュは、あらかじめFbx2BinツールによってFbxファイルからbmfファイルに変換しておきます。
ボーンモデル
まず、ボーンモデルですが、BoneCharaクラスがそうです。モデルのファイルはシーンなどで以下のようにリソース化しておきます。
void Scene::CreateResourses() {
wstring dataDir;
//サンプルのためアセットディレクトリを取得
App::GetApp()->GetAssetsDirectory(dataDir);
//各ゲームは以下のようにデータディレクトリを取得すべき
//App::GetApp()->GetDataDirectory(dataDir);
//中略
auto modelMesh = MeshResource::CreateBoneModelMesh(dataDir, L"Chara_R.bmf");
App::GetApp()->RegisterResource(L"Chara_R_MESH", modelMesh);
auto staticModelMesh = MeshResource::CreateStaticModelMesh(dataDir, L"Character_01.bmf");
App::GetApp()->RegisterResource(L"MODEL_MESH", staticModelMesh);
//スタティックモデル(マルチメッシュ)の通常リソース
auto staticMultiModelMesh = MultiMeshResource::CreateStaticModelMultiMesh(dataDir, L"ObjectOnly.bmf");
App::GetApp()->RegisterResource(L"ObjectOnly_MESH", staticMultiModelMesh);
//ボーンモデル(マルチメッシュ)の通常リソース
auto multiModelMesh = MultiMeshResource::CreateBoneModelMultiMesh(dataDir, L"Object_WalkAnimation.bmf");
App::GetApp()->RegisterResource(L"Object_WalkAnimation_MESH", multiModelMesh);
}
また、ここでマルチメッシュとして作成されるモデルの実装も行ってます。L"ObjectOnly_MESH"とL"Object_WalkAnimation_MESH"です。この二つのモデルは1つのFBXファイルに複数のメッシュがある場合のモデルをデータ変換したものです。BaseCross64ではマルチメッシュと称しています。
以下はBoneChara::OnCreate()関数です。
//初期化
void BoneChara::OnCreate() {
//初期位置などの設定
auto ptrTrans = GetComponent<Transform>();
ptrTrans->SetScale(0.5f, 0.5f, 0.5f);
ptrTrans->SetRotation(0.0f, 0.0f, 0.0f);
ptrTrans->SetPosition(m_StartPos);
Mat4x4 spanMat; // モデルとトランスフォームの間の差分行列
spanMat.affineTransformation(
Vec3(1.0f, 1.0f, 1.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f)
);
//影をつける（シャドウマップを描画する）
auto ptrShadow = AddComponent<Shadowmap>();
//影の形（メッシュ）を設定
ptrShadow->SetMeshResource(L"Chara_R_MESH");
ptrShadow->SetMeshToTransformMatrix(spanMat);
//描画コンポーネントの設定
auto ptrDraw = AddComponent<PNTBoneModelDraw>();
//描画するメッシュを設定
ptrDraw->SetMeshResource(L"Chara_R_MESH");
ptrDraw->SetMeshToTransformMatrix(spanMat);
ptrDraw->AddAnimation(L"Default", 0, 50, true, 20.0f);
ptrDraw->ChangeCurrentAnimation(L"Default");
//透明処理
SetAlphaActive(true);
}
アニメーションを動かすのにはBoneChara::OnUpdate()関数などでアニメーションの更新を行います。
//更新
void BoneChara::OnUpdate() {
//アニメーションを更新する
auto ptrDraw = GetComponent<PNTBoneModelDraw>();
float elapsedTime = App::GetApp()->GetElapsedTime();
ptrDraw->UpdateAnimation(elapsedTime);
}
//初期化
void BoneMultiMeshChara::OnCreate() {
//初期位置などの設定
auto ptrTrans = GetComponent<Transform>();
ptrTrans->SetScale(0.5f, 0.5f, 0.5f);
ptrTrans->SetRotation(0.0f, 0.0f, 0.0f);
ptrTrans->SetPosition(m_StartPos);
Mat4x4 spanMat; // モデルとトランスフォームの間の差分行列
spanMat.affineTransformation(
Vec3(1.0f, 1.0f, 1.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f)
);
//影をつける（シャドウマップを描画する）
auto ptrShadow = AddComponent<Shadowmap>();
//影の形（メッシュ）を設定
ptrShadow->SetMultiMeshResource(L"Object_WalkAnimation_MESH");
ptrShadow->SetMeshToTransformMatrix(spanMat);
//描画コンポーネントの設定
auto ptrDraw = AddComponent<PNTBoneModelDraw>();
//描画するメッシュを設定
ptrDraw->SetMultiMeshResource(L"Object_WalkAnimation_MESH");
ptrDraw->SetSamplerState(SamplerState::LinearWrap);
ptrDraw->SetMeshToTransformMatrix(spanMat);
ptrDraw->AddAnimation(L"Default", 0, 30, true, 10.0f);
ptrDraw->ChangeCurrentAnimation(L"Default");
}
もう一つ注意してほしいのは、単体のメッシュとマルチメッシュは一つのコンポーネントに同居できないということです。
以下は、OnUpdate()です。
//更新
void BoneMultiMeshChara::OnUpdate() {
auto ptrDraw = GetComponent<PNTBoneModelDraw>();
float elapsedTime = App::GetApp()->GetElapsedTime();
ptrDraw->UpdateAnimation(elapsedTime);
}
スタティックモデル
以下はスタティックモデルの作成です。StaticChara::OnCreate()関数に記述します。
//初期化
void StaticChara::OnCreate() {
//初期位置などの設定
auto ptrTrans = GetComponent<Transform>();
ptrTrans->SetScale(0.5f, 0.5f, 0.5f);
ptrTrans->SetRotation(0.0f, 0.0f, 0.0f);
ptrTrans->SetPosition(m_StartPos);
Mat4x4 spanMat; // モデルとトランスフォームの間の差分行列
spanMat.affineTransformation(
Vec3(1.0f, 1.0f, 1.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f)
);
//影をつける（シャドウマップを描画する）
auto ptrShadow = AddComponent<Shadowmap>();
//影の形（メッシュ）を設定
ptrShadow->SetMeshResource(L"MODEL_MESH");
ptrShadow->SetMeshToTransformMatrix(spanMat);
auto ptrDraw = AddComponent<PNTStaticModelDraw>();
ptrDraw->SetMeshResource(L"MODEL_MESH");
ptrDraw->SetMeshToTransformMatrix(spanMat);
}
//初期化
void StaticMultiMeshChara::OnCreate() {
//初期位置などの設定
auto ptrTrans = GetComponent<Transform>();
ptrTrans->SetScale(0.5f, 0.5f, 0.5f);
ptrTrans->SetRotation(0.0f, 0.0f, 0.0f);
ptrTrans->SetPosition(m_StartPos);
Mat4x4 spanMat; // モデルとトランスフォームの間の差分行列
spanMat.affineTransformation(
Vec3(1.0f, 1.0f, 1.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f),
Vec3(0.0f, 0.0f, 0.0f)
);
//影をつける（シャドウマップを描画する）
auto ptrShadow = AddComponent<Shadowmap>();
//影の形（メッシュ）を設定
ptrShadow->SetMultiMeshResource(L"ObjectOnly_MESH");SetMeshToTransformMatrix(spanMat);
auto ptrDraw = AddComponent<PNTStaticModelDraw>();
ptrDraw->SetMultiMeshResource(L"ObjectOnly_MESH");
ptrDraw->SetMeshToTransformMatrix(spanMat);
}