Brouillard BasicEffect

Page mise à jour :
Date de création de la page :

résumé

Manipulez les paramètres liés à la partie brouillard du BasicEffect pour voir comment le modèle est affiché.

BasicEffect のフォグ

Environnement d’exploitation

Conditions préalables

Versions XNA prises en charge
  • 4.0
Plates-formes prises en charge
  • Windows (XP SP2 ou version ultérieure, Vista, 7)
  • Xbox 360 (en anglais)
  • Windows Phone 7
Version du nuanceur de vertex requise par Windows 2.0
Version de Pixel Shader requise par Windows 2.0

Environnement d’exploitation

plateforme
  • Fenêtres 7
  • Xbox 360 (en anglais)
  • Windows Phone 7

Comment utiliser l’échantillon

Fonctionne avec le clavierManette Xbox 360Souris tactile
Sélectionnez les paramètres que vous souhaitez modifier ↑、↓ Joystick gauche ↑, ↓ Bouton gauche -
Modification des paramètres ←、→ Joystick gauche ←, → ←→ Glisser -

substance

brouillard

Le brouillard fait référence à la signification du brouillard, et il peut être exprimé de telle manière que plus l’objet est éloigné de la position du point de vue, plus le brouillard le rend difficile à voir. Le brouillard n’est pas un paramètre courant comme un paramètre d’environnement, mais il est défini pour chaque effet.

Les paramètres du brouillard sont les suivants :

Brouillard activé Indiquez si vous souhaitez utiliser le brouillard ou non.
Couleur du brouillard Spécifie la couleur du brouillard.
FogStart (en anglais seulement) Spécifie la distance par rapport à la position du point de vue avant le début du brouillard.
Embout de brouillard Spécifiez la distance par rapport au point de vue à laquelle la couleur du brouillard est réfléchie à 100 %.

Image du changement de brouillard

L’image ci-dessous montre que chacune des valeurs de brouillard varie.

Pas de brouillard

État dans lequel le brouillard est levé.

フォグの変化イメージ

Activé Faux
Couleur (Rouge) 1
Couleur (Vert) 1
Couleur (Bleu) 1
Commencer 60
Fin 100

État initial

Il s’agit de l’état dans lequel l’exemple est lancé.

初期状態

Activé Vrai
Couleur (Rouge) 1
Couleur (Vert) 1
Couleur (Bleu) 1
Commencer 60
Fin 100

Changement de couleur

La couleur du brouillard est définie sur le rouge.

Color 変更

Activé Vrai
Couleur (Rouge) 1
Couleur (Vert) 0
Couleur (Bleu) 0
Commencer 60
Fin 100

FogStart Modification

Modification de la valeur de FogStart. Étant donné que le brouillard commence à 0, vous pouvez voir que le brouillard est interpolé du point de vue à la distance FogEnd.

FogStart 変更

Activé Vrai
Couleur (Rouge) 1
Couleur (Vert) 0
Couleur (Bleu) 0
Commencer 0
Fin 100

FogEnd Modification

Modification de la valeur de FogEnd. Vous pouvez voir que la distance du FogEnd est complètement blanche.

FogEnd 変更

Activé Vrai
Couleur (Rouge) 1
Couleur (Vert) 1
Couleur (Bleu) 1
Commencer 34.33
Fin 61.66

champ

Le champ contient des informations de brouillard à définir sur BasicEffect. De plus, il a des paramètres pour sélectionner les menus, mais comme il ne s’agit que d’un paramètre de fonctionnement, je vais omettre les détails.

/// <summary>
/// フォグの有効フラグ
/// </summary>
private bool fogEnabled = true;

/// <summary>
/// フォグの色
/// </summary>
private Vector3 fogColor = Vector3.One;

/// <summary>
/// フォグの開始距離
/// </summary>
private float fogStart = 60.0f;

/// <summary>
/// フォグの終了距離
/// </summary>
private float fogEnd = 100.0f;

Paramètres de brouillard

La valeur modifiée est définie sur le paramètre fog de l’effet.

// フォグを設定
foreach (ModelMesh mesh in this.model.Meshes)
{
    foreach (BasicEffect effect in mesh.Effects)
    {
        // フォグの有効フラグ
        effect.FogEnabled = this.fogEnabled;

        // フォグの色
        effect.FogColor = this.fogColor;

        // フォグの開始距離
        effect.FogStart = this.fogStart;

        // フォグの終了距離
        effect.FogEnd = this.fogEnd;
    }
}

BasicEffect.FogEnabled propriété

Spécifie s’il faut utiliser le brouillard. Bool obtenir, définir

BasicEffect.FogColor propriété

Spécifie la couleur du brouillard. Vecteur 3 obtenir, définir

BasicEffect.FogStart propriété

Spécifie la distance de départ du brouillard. Il s’agira de la distance par rapport au point de vue. flotter obtenir, définir

BasicEffect.FogEnd propriété

Spécifie la distance de fin à laquelle la couleur du brouillard est complète. Il s’agira de la distance par rapport au point de vue. flotter obtenir, définir

Tous les codes

using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Audio;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.GamerServices;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using Microsoft.Xna.Framework.Media;
#if WINDOWS_PHONE
using Microsoft.Xna.Framework.Input.Touch;
#endif

namespace BasicEffectFog
{
    /// <summary>
    /// ゲームメインクラス
    /// </summary>
    public class GameMain : Microsoft.Xna.Framework.Game
    {
        /// <summary>
        /// グラフィックデバイス管理クラス
        /// </summary>
        private GraphicsDeviceManager graphics = null;

        /// <summary>
        /// スプライトのバッチ化クラス
        /// </summary>
        private SpriteBatch spriteBatch = null;

        /// <summary>
        /// スプライトでテキストを描画するためのフォント
        /// </summary>
        private SpriteFont font = null;

        /// <summary>
        /// 直前のキーボード入力の状態
        /// </summary>
        private KeyboardState oldKeyboardState = new KeyboardState();

        /// <summary>
        /// 直前のマウスの状態
        /// </summary>
        private MouseState oldMouseState = new MouseState();

        /// <summary>
        /// 直前のゲームパッド入力の状態
        /// </summary>
        private GamePadState oldGamePadState = new GamePadState();

        /// <summary>
        /// モデル
        /// </summary>
        private Model model = null;

        /// <summary>
        /// フォグの有効フラグ
        /// </summary>
        private bool fogEnabled = true;

        /// <summary>
        /// フォグの色
        /// </summary>
        private Vector3 fogColor = Vector3.One;

        /// <summary>
        /// フォグの開始距離
        /// </summary>
        private float fogStart = 60.0f;

        /// <summary>
        /// フォグの終了距離
        /// </summary>
        private float fogEnd = 100.0f;

        /// <summary>
        /// 選択しているメニューのインデックス
        /// </summary>
        private int selectedMenuIndex = 0;

        /// <summary>
        /// メニューリスト
        /// </summary>
        private static string[] MenuNameList = new string[]
            {
                "Enabled",
                "Color (Red)",
                "Color (Green)",
                "Color (Blue)",
                "Start",
                "End"
            };

        /// <summary>
        /// パラメータテキストリスト
        /// </summary>
        private string[] parameters = new string[6];


        /// <summary>
        /// GameMain コンストラクタ
        /// </summary>
        public GameMain()
        {
            // グラフィックデバイス管理クラスの作成
            this.graphics = new GraphicsDeviceManager(this);

            // ゲームコンテンツのルートディレクトリを設定
            this.Content.RootDirectory = "Content";

#if WINDOWS_PHONE
            // Windows Phone のデフォルトのフレームレートは 30 FPS
            this.TargetElapsedTime = TimeSpan.FromTicks(333333);

            // バックバッファサイズの設定
            this.graphics.PreferredBackBufferWidth = 480;
            this.graphics.PreferredBackBufferHeight = 800;

            // フルスクリーン表示
            this.graphics.IsFullScreen = true;
#endif

            // ウインドウ上でマウスのポインタを表示するようにする
            this.IsMouseVisible = true;
        }

        /// <summary>
        /// ゲームが始まる前の初期化処理を行うメソッド
        /// グラフィック以外のデータの読み込み、コンポーネントの初期化を行う
        /// </summary>
        protected override void Initialize()
        {
            // TODO: ここに初期化ロジックを書いてください

            // コンポーネントの初期化などを行います
            base.Initialize();
        }

        /// <summary>
        /// ゲームが始まるときに一回だけ呼ばれ
        /// すべてのゲームコンテンツを読み込みます
        /// </summary>
        protected override void LoadContent()
        {
            // テクスチャーを描画するためのスプライトバッチクラスを作成します
            this.spriteBatch = new SpriteBatch(this.GraphicsDevice);

            // フォントをコンテンツパイプラインから読み込む
            this.font = this.Content.Load<SpriteFont>("Font");

            // モデルを作成
            this.model = this.Content.Load<Model>("Model");

            // ライトとビュー、プロジェクションはあらかじめ設定しておく
            foreach (ModelMesh mesh in this.model.Meshes)
            {
                foreach (BasicEffect effect in mesh.Effects)
                {
                    // デフォルトのライト適用
                    effect.EnableDefaultLighting();

                    // ビューマトリックスをあらかじめ設定
                    effect.View = Matrix.CreateLookAt(
                        new Vector3(0.0f, 30.0f, 50.0f),
                        new Vector3(0.0f, -10.0f, 0.0f),
                        Vector3.Up
                    );

                    // プロジェクションマトリックスをあらかじめ設定
                    effect.Projection = Matrix.CreatePerspectiveFieldOfView(
                        MathHelper.ToRadians(45.0f),
                        (float)this.GraphicsDevice.Viewport.Width /
                            (float)this.GraphicsDevice.Viewport.Height,
                        1.0f,
                        100.0f
                    );
                }
            }
        }

        /// <summary>
        /// ゲームが終了するときに一回だけ呼ばれ
        /// すべてのゲームコンテンツをアンロードします
        /// </summary>
        protected override void UnloadContent()
        {
            // TODO: ContentManager で管理されていないコンテンツを
            //       ここでアンロードしてください
        }

        /// <summary>
        /// 描画以外のデータ更新等の処理を行うメソッド
        /// 主に入力処理、衝突判定などの物理計算、オーディオの再生など
        /// </summary>
        /// <param name="gameTime">このメソッドが呼ばれたときのゲーム時間</param>
        protected override void Update(GameTime gameTime)
        {
            // 入力デバイスの状態取得
            KeyboardState keyboardState = Keyboard.GetState();
            MouseState mouseState = Mouse.GetState();
            GamePadState gamePadState = GamePad.GetState(PlayerIndex.One);

            // Xbox 360 コントローラ、Windows Phone の BACK ボタンを押したときに
            // ゲームを終了させます
            if (gamePadState.Buttons.Back == ButtonState.Pressed)
            {
                this.Exit();
            }

            // メニューの選択
            if ((keyboardState.IsKeyDown(Keys.Up) && this.oldKeyboardState.IsKeyUp(Keys.Up)) ||
                (gamePadState.ThumbSticks.Left.Y >= 0.5f &&
                    this.oldGamePadState.ThumbSticks.Left.Y < 0.5f))
            {
                // 選択メニューをひとつ上に移動
                this.selectedMenuIndex =
                    (this.selectedMenuIndex + this.parameters.Length - 1) % this.parameters.Length;
            }
            if ((keyboardState.IsKeyDown(Keys.Down) && this.oldKeyboardState.IsKeyUp(Keys.Down)) ||
                (gamePadState.ThumbSticks.Left.Y <= -0.5f &&
                    this.oldGamePadState.ThumbSticks.Left.Y > -0.5f) ||
                (this.oldMouseState.LeftButton == ButtonState.Pressed &&
                 mouseState.LeftButton == ButtonState.Released))
            {
                // 選択メニューをひとつ下に移動
                this.selectedMenuIndex =
                    (this.selectedMenuIndex + this.parameters.Length + 1) % this.parameters.Length;
            }

            // 各マテリアルの値を操作
            float moveValue = 0.0f;
            if (keyboardState.IsKeyDown(Keys.Left))
            {
                moveValue -= (float)gameTime.ElapsedGameTime.TotalSeconds;
            }
            if (keyboardState.IsKeyDown(Keys.Right))
            {
                moveValue += (float)gameTime.ElapsedGameTime.TotalSeconds;
            }
            if (mouseState.LeftButton == ButtonState.Pressed)
            {
                moveValue += (mouseState.X - this.oldMouseState.X) * 0.005f;
            }
            if (gamePadState.IsConnected)
            {
                moveValue += gamePadState.ThumbSticks.Left.X *
                             (float)gameTime.ElapsedGameTime.TotalSeconds;
            }

            if (moveValue != 0.0f)
            {
                switch (this.selectedMenuIndex)
                {
                    case 0: // フォグの有効フラグ
                        this.fogEnabled = (moveValue > 0.0f);
                        break;
                    case 1: // フォグの色 (赤)
                        this.fogColor.X = MathHelper.Clamp(this.fogColor.X + moveValue,
                                                           0.0f,
                                                           1.0f);
                        break;
                    case 2: // フォグの色 (緑)
                        this.fogColor.Y = MathHelper.Clamp(this.fogColor.Y + moveValue,
                                                           0.0f,
                                                           1.0f);
                        break;
                    case 3: // フォグの色 (青)
                        this.fogColor.Z = MathHelper.Clamp(this.fogColor.Z + moveValue,
                                                           0.0f,
                                                           1.0f);
                        break;
                    case 4: // フォグの開始距離
                        this.fogStart = MathHelper.Clamp(this.fogStart + moveValue * 10.0f,
                                                         0.0f,
                                                         100.0f);
                        break;
                    case 5: // フォグの終了距離
                        this.fogEnd = MathHelper.Clamp(this.fogEnd + moveValue * 10.0f,
                                                       0.0f,
                                                       100.0f);
                        break;
                }
            }

            // フォグを設定
            foreach (ModelMesh mesh in this.model.Meshes)
            {
                foreach (BasicEffect effect in mesh.Effects)
                {
                    // フォグの有効フラグ
                    effect.FogEnabled = this.fogEnabled;

                    // フォグの色
                    effect.FogColor = this.fogColor;

                    // フォグの開始距離
                    effect.FogStart = this.fogStart;

                    // フォグの終了距離
                    effect.FogEnd = this.fogEnd;
                }
            }

            // 入力情報を記憶
            this.oldKeyboardState = keyboardState;
            this.oldMouseState = mouseState;
            this.oldGamePadState = gamePadState;

            // 登録された GameComponent を更新する
            base.Update(gameTime);
        }

        /// <summary>
        /// 描画処理を行うメソッド
        /// </summary>
        /// <param name="gameTime">このメソッドが呼ばれたときのゲーム時間</param>
        protected override void Draw(GameTime gameTime)
        {
            // 画面を指定した色でクリアします
            this.GraphicsDevice.Clear(Color.CornflowerBlue);

            // 深度バッファを有効にする
            this.GraphicsDevice.DepthStencilState = DepthStencilState.Default;

            // モデルを描画
            foreach (ModelMesh mesh in this.model.Meshes)
            {
#if WINDOWS_PHONE
                foreach (BasicEffect effect in mesh.Effects)
                {
                    effect.World = Matrix.CreateScale(new Vector3(0.5f, 1, 1));
                }
#endif
                mesh.Draw();
            }

            // スプライトの描画準備
            this.spriteBatch.Begin();

            // 操作
            this.spriteBatch.DrawString(this.font,
                "Up, Down : Select Menu",
                new Vector2(20.0f, 20.0f), Color.Black);
            this.spriteBatch.DrawString(this.font,
                "Left, right : Change Value",
                new Vector2(20.0f, 45.0f), Color.Black);
            this.spriteBatch.DrawString(this.font,
                "MouseClick & Drag :",
                new Vector2(20.0f, 70.0f), Color.Black);
            this.spriteBatch.DrawString(this.font,
                "    Select Menu & Change Value",
                new Vector2(20.0f, 95.0f), Color.Black);

            this.spriteBatch.DrawString(this.font,
                "Up, Down : Select Menu",
                new Vector2(19.0f, 19.0f), Color.White);
            this.spriteBatch.DrawString(this.font,
                "Left, right : Change Value",
                new Vector2(19.0f, 44.0f), Color.White);
            this.spriteBatch.DrawString(this.font,
                "MouseClick & Drag :",
                new Vector2(19.0f, 69.0f), Color.White);
            this.spriteBatch.DrawString(this.font,
                "    Select Menu & Change Value",
                new Vector2(19.0f, 94.0f), Color.White);

            // 各メニュー //
            for (int i = 0; i < MenuNameList.Length; i++)
            {
                this.spriteBatch.DrawString(this.font,
                    MenuNameList[i],
                    new Vector2(40.0f, 120.0f + i * 20.0f), Color.Black);
                this.spriteBatch.DrawString(this.font,
                    MenuNameList[i],
                    new Vector2(39.0f, 119.0f + i * 20.0f), Color.White);
            }

            // 各パラメータ //

            // フォグの有効フラグ
            this.parameters[0] = this.fogEnabled.ToString();

            // フォグの色 (赤)
            this.parameters[1] = this.fogColor.X.ToString();

            // フォグの色 (緑)
            this.parameters[2] = this.fogColor.Y.ToString();

            // フォグの色 (青)
            this.parameters[3] = this.fogColor.Z.ToString();

            // フォグの開始距離
            this.parameters[4] = this.fogStart.ToString();

            // フォグの終了距離
            this.parameters[5] = this.fogEnd.ToString();

            for (int i = 0; i < this.parameters.Length; i++)
            {
                this.spriteBatch.DrawString(this.font,
                    this.parameters[i],
                    new Vector2(220.0f, 120.0f + i * 20.0f), Color.Black);
                this.spriteBatch.DrawString(this.font,
                    this.parameters[i],
                    new Vector2(219.0f, 119.0f + i * 20.0f), Color.White);
            }

            // 選択インデックス
            this.spriteBatch.DrawString(this.font, "*",
                new Vector2(20.0f, 120.0f + this.selectedMenuIndex * 20.0f), Color.Black);
            this.spriteBatch.DrawString(this.font, "*",
                new Vector2(19.0f, 119.0f + this.selectedMenuIndex * 20.0f), Color.White);

            // スプライトの一括描画
            this.spriteBatch.End();

            // 登録された DrawableGameComponent を描画する
            base.Draw(gameTime);
        }
    }
}