2008/9/10 Na-7
2010/1/22 Na-7
　

技術資料一覧に戻る

XNA2.0でUVアニメーション（テクスチャ差し替えアニメーション）

注意：この資料はUVアニメーションではなく、テクスチャ差し替えアニメーションです。

（UVアニメーションはこちら）

◎使用ツール

◎全体の流れ

１．「XNA2.0でモーションブレンディング」で作成したXNA2.0プロジェクトを用意する。

２．２Ｄアニメーション画像を作成する。

３．２．で作成した２Ｄ画像ファイルをＸＮＡプロジェクトに取り込む。

４．ＸＮＡプロジェクトにＵＶアニメーションコードを記述する。

◎「２．２Ｄアニメーション画像を作成する。」の手順例

１．「.xファイル」とセットで用意された画像ファイル（.bmpなど）をコピーして複数個作成する。

２．「ペイント（Windows標準添付）」等で画像ファイルを編集し、アニメーション画像を作成する。

　　サンプル画像：RokDeBone2サンプルデータ用まばたき画像ファイル

◎「３．２．で作成した２Ｄ画像ファイルをＸＮＡプロジェクトに取り込む。」の詳細手順

１．ソリューションエクスプローラのプロジェクト名-Contentで右クリック→「追加」→「既存の項目」

２．「既存項目の追加」ダイアログで画像ファイルを選択し「追加」（複数まとめて登録可能）

◎「４．ＸＮＡプロジェクトにＵＶアニメーションコードを記述する。」の手順例

１．Game1クラスの宣言部に以下のコードを追加する。

    // UVアニメーション用画像の宣言
    Texture2D[] bbsTexture = new Texture2D[6];

    // UVアニメーション用
    int uvNumber = 0; // UVアニメーション番号
    float uvTimer = 0; // 経過時間（ミリ秒）
    float uvTimerEnd = 3000; // 目標時間（ミリ秒）

２．LoadContent()内に以下のコードを追加する。

    // UVアニメーション用画像の呼び出し
    for (int i = 1; i < 7; i++)
        bbsTexture[i - 1] = content.Load<Texture2D>("bbs" + i.ToString());

３．Draw()内に記述されている以下のコードを変更する。

　　変更前：
    // 3Dモデルのレンダリング
    animator.World = world;
    foreach (ModelMesh mesh in testModel.Meshes)
    {
        // エフェクト設定
        foreach (Effect effect in mesh.Effects)
        {
            BasicPaletteEffect ef = (BasicPaletteEffect)effect;
            // ビュー座標変換指定
            ef.Parameters["View"].SetValue(view);
            // 射影変換指定
            ef.Parameters["Projection"].SetValue(projection);
            // ワールド座標変換指定
            ef.Parameters["World"].SetValue(world);
            // ライティング（オン）
            ef.EnableDefaultLighting();
        }
    }

　　変更後：
    // UVアニメーション用
    uvTimer += (float)gameTime.ElapsedGameTime.TotalMilliseconds;
    if (uvTimer < uvTimerEnd)
    {
        if (uvTimer < 180)
        // 目を閉じる
        uvNumber = (int)MathHelper.Clamp((uvTimer / 30), 0f, 5f);
        else
        // 目を開ける
        uvNumber = 11 - (int)MathHelper.Clamp((uvTimer / 20), 6f, 11f);
    }
    else
    {
        uvTimer = 0;
        uvTimerEnd = 3000;
    }

    // 3Dモデルのレンダリング
    animator.World = world;
    foreach (ModelMesh mesh in testModel.Meshes)
    {
        // エフェクト設定
        foreach (Effect effect in mesh.Effects)
        {
            BasicPaletteEffect ef = (BasicPaletteEffect)effect;
            // テクスチャ指定
            ef.Parameters["BasicTexture"].SetValue(bbsTexture[uvNumber]);
            // ビュー座標変換指定
            ef.Parameters["View"].SetValue(view);
            // 射影変換指定
            ef.Parameters["Projection"].SetValue(projection);
            // ワールド座標変換指定
            ef.Parameters["World"].SetValue(world);
            // ライティング（オン）
            ef.EnableDefaultLighting();
        }
    }

４．実行すると、UVアニメーションが描画される。

　　・割り算の分母の値を変更すると、ＵＶアニメーション速度を調整可能。