투영 좌표 변환

페이지 업데이트 :
페이지 생성 날짜 :

요약

투영 좌표 변환의 매개변수를 조작합니다.

射影座標変換

운영 환경

필수 구성 요소

지원되는 XNA 버전
  • 4.0
지원되는 플랫폼
  • Windows(XP SP2 이상, Vista, 7)
  • 엑스박스 360
  • 윈도우 폰 7
Windows 필수 버텍스 셰이더 버전 2.0
Windows 필수 픽셀 셰이더 버전 2.0

운영 환경

플랫폼
  • 윈도우 7
  • 엑스박스 360
  • Windows Phone 7 에뮬레이터

샘플로 작업하는 방법

작동 키보드Xbox 360 컨트롤러마우스 터치
시청 각도 변경하기 ↑↓ 왼쪽 스틱(위아래) 왼쪽 버튼(자동 변경, 작동 전환) -
종횡비 변경 ←→ 방아쇠 왼쪽 버튼(자동 변경, 작동 전환) -
후면 클리핑 평면 변경 ᅡ,Z 오른쪽 스틱(위아래) 왼쪽 버튼(자동 변경, 작동 전환) -

물질

투영 좌표 변환 정보

투영 좌표 변환에 대한 개요는 다음 페이지를 참조하십시오.

투영 좌표 변환에 사용되는 매개 변수를 조작 할 수 있도록 "시야각", "종횡비", "클리핑 위치 (앞, 뒤)"의 4 가지 매개 변수가 준비되어 있습니다.

/// <summary>
/// 視野角(radian)
/// </summary>
private float angle = 45.0f;

/// <summary>
/// アスペクト比
/// </summary>
private float aspect = 1.0f;

/// <summary>
/// 手前のクリッピング位置
/// </summary>
private float nearLimit = 1.0f;

/// <summary>
/// 奥のクリッピング位置
/// </summary>
private float farLimit = 100.0f;

매개 변수 작업

Game.Update 메서드에서는 키보드와 컨트롤러를 사용하여 각 매개 변수를 조작합니다. 각 작업에 대한 자세한 내용은 이 페이지 상단의 "방법"을 참조하십시오. (아래 코드는 게임패드를 사용한 조작 부분에서만 발췌한 것입니다.)

시야각을 "0 < x < π" 범위로 설정합니다. (이 예에서는 투영 변환을 만들 때 각도에서 라디안으로 변환하므로 여기서는 "0 < x < 180"입니다.)

가로 세로 비율은 0보다 작거나 같지 않아야 합니다.

앞뒤로 클립 위치를 바꾸면 안 됩니다. 0 이하로 설정할 수 없습니다.

GamePadState gamePadState = GamePad.GetState(PlayerIndex.One);

///// 視野角を増減させる /////
float angleSpeed = 0.05f;
this.angle += gamePadState.ThumbSticks.Left.Y * this.angle * angleSpeed;

// 視野角は0~180度までの範囲とする
if (this.angle <= 0.0f)
{
    this.angle = 0.0001f;
}
else if (this.angle >= 180.0f)
{
    this.angle = 179.9999f;
}

/////// アスペクト比 /////
float aspectSpeed = 0.01f;
this.aspect -= gamePadState.Triggers.Left * this.aspect * aspectSpeed;
this.aspect += gamePadState.Triggers.Right * this.aspect * aspectSpeed;

/////// 奥のクリッピング位置 /////
float clipSpeed = 0.05f;
this.farLimit += gamePadState.ThumbSticks.Right.Y * this.farLimit * clipSpeed;

if (this.farLimit <= this.nearLimit)
{
    // 手前のクリッピング位置よりも手前に来てはいけない
    this.farLimit = this.nearLimit + 0.0001f;
}

프로젝션 매트릭스 만들기

프로젝션 매트릭스는 "Matrix.CreatePerspectiveFieldOfView" 메서드에서 각 매개 변수를 설정하여 생성됩니다.

첫 번째 인수는 시야각(라디안)입니다. 샘플에서 도 단위는 "MathHelper.ToRadians" 메서드를 사용하여 라디안으로 변환됩니다.

두 번째 인수는 가로 세로 비율(가로 세로 비율)을 지정하고, 세 번째 인수는 앞으로 클리핑 위치를 지정하고, 네 번째 인수는 뒤로 클리핑 위치를 지정합니다.

// プロジェクションマトリックスを作成
Matrix projection = Matrix.CreatePerspectiveFieldOfView(
        MathHelper.ToRadians(this.angle),
        this.aspect,
        this.nearLimit,
        this.farLimit
    );

Matrix.CreatePerspectiveFieldOfView 메서드

view 필드의 설정에 따라 perspective projection matrix를 만듭니다.

fieldOfView 뜨다 시야각. 라디안 단위로 지정됩니다.
종횡비 뜨다 종횡비(종횡비). 일반적으로 "View Width ÷ Height"에 대한 값을 지정합니다
nearPlaneDistance (영문) 뜨다 클립 위치를 앞으로 이동합니다. 이 위치 앞에 있는 객체는 그려지지 않습니다.
farPlaneDistance (영문) 뜨다 후면 클립 위치. 이 위치를 벗어난 객체는 그려지지 않습니다.
반환 값 행렬 원근 투영 행렬을 반환합니다.

투영 행렬 집합

각 효과에 대해 프로젝션 매트릭스가 설정됩니다.

foreach (ModelMesh mesh in this.model.Meshes)
{
    foreach (BasicEffect effect in mesh.Effects)
    {
        // プロジェクションマトリックスを設定
        effect.Projection = projection;
    }

    // モデルを描画
    mesh.Draw();
}

모든 코드

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 ProjectionMatrix
{
    /// <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 Model model = null;

        /// <summary>
        /// 視野角(radian)
        /// </summary>
        private float angle = 45.0f;

        /// <summary>
        /// アスペクト比
        /// </summary>
        private float aspect = 1.0f;

        /// <summary>
        /// 手前のクリッピング位置
        /// </summary>
        private float nearLimit = 1.0f;

        /// <summary>
        /// 奥のクリッピング位置
        /// </summary>
        private float farLimit = 100.0f;

        /// <summary>
        /// 自動動作フラグ
        /// </summary>
        private int autoMode = 0;

        /// <summary>
        /// マウスボタン押下フラグ
        /// </summary>
        private bool isMousePressed = false;


        /// <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
        }

        /// <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(3.0f, 3.0f, 6.0f),
                        Vector3.Zero,
                        Vector3.Up
                    );
                }
            }

            // アスペクト比の初期値を設定
            this.aspect = (float)this.GraphicsDevice.Viewport.Width / this.GraphicsDevice.Viewport.Height;
        }

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

        /// <summary>
        /// 描画以外のデータ更新等の処理を行うメソッド
        /// 主に入力処理、衝突判定などの物理計算、オーディオの再生など
        /// </summary>
        /// <param name="gameTime">このメソッドが呼ばれたときのゲーム時間</param>
        protected override void Update(GameTime gameTime)
        {
            KeyboardState keyState = 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 (this.isMousePressed == false &&
                mouseState.LeftButton == ButtonState.Pressed)
            {
                this.isMousePressed = true;

                this.autoMode = (this.autoMode + 1) % 4;
            }
            this.isMousePressed = mouseState.LeftButton == ButtonState.Pressed;

            ///// 視野角を増減させる /////
            float angleSpeed = 0.05f;
            this.angle += gamePadState.ThumbSticks.Left.Y * this.angle * angleSpeed;
            if (keyState.IsKeyDown(Keys.Down))
            {
                this.angle -= this.angle * angleSpeed;
            }
            if (keyState.IsKeyDown(Keys.Up))
            {
                this.angle += this.angle * angleSpeed;
            }
            if (this.autoMode == 1)
            {
                this.angle = (float)(Math.Sin(gameTime.TotalGameTime.TotalSeconds) + 1.0f) * 90.0f;
            }

            // 視野角は0~180度までの範囲とする
            if (this.angle <= 0.0f)
            {
                this.angle = 0.0001f;
            }
            else if (this.angle >= 180.0f)
            {
                this.angle = 179.9999f;
            }

            /////// アスペクト比 /////
            float aspectSpeed = 0.01f;
            this.aspect -= gamePadState.Triggers.Left * this.aspect * aspectSpeed;
            this.aspect += gamePadState.Triggers.Right * this.aspect * aspectSpeed;
            if (keyState.IsKeyDown(Keys.Left))
            {
                this.aspect -= this.aspect * aspectSpeed;
            }
            if (keyState.IsKeyDown(Keys.Right))
            {
                this.aspect += this.aspect * aspectSpeed;
            }
            if (this.autoMode == 2)
            {
                this.aspect = (float)(Math.Sin(gameTime.TotalGameTime.TotalSeconds) + 1.0f) * 2.0f;
            }

            /////// 奥のクリッピング位置 /////
            float clipSpeed = 0.05f;
            this.farLimit += gamePadState.ThumbSticks.Right.Y * this.farLimit * clipSpeed;
            if (keyState.IsKeyDown(Keys.Z))
            {
                this.farLimit -= this.farLimit * clipSpeed;
            }
            if (keyState.IsKeyDown(Keys.A))
            {
                this.farLimit += this.farLimit * clipSpeed;
            }
            if (this.autoMode == 3)
            {
                this.farLimit = (float)(Math.Sin(gameTime.TotalGameTime.TotalSeconds) + 1.0f) * 8.0f;
            }

            if (this.farLimit <= this.nearLimit)
            {
                // 手前のクリッピング位置よりも手前に来てはいけない
                this.farLimit = this.nearLimit + 0.0001f;
            }

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

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

            // プロジェクションマトリックスを作成
            Matrix projection = Matrix.CreatePerspectiveFieldOfView(
                    MathHelper.ToRadians(this.angle),
                    this.aspect,
                    this.nearLimit,
                    this.farLimit
                );

            foreach (ModelMesh mesh in this.model.Meshes)
            {
                foreach (BasicEffect effect in mesh.Effects)
                {
                    // プロジェクションマトリックスを設定
                    effect.Projection = projection;
                }

                // モデルを描画
                mesh.Draw();
            }

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

            // テキストをスプライトとして描画する
            this.spriteBatch.DrawString(this.font,
                "Angle : " + this.angle + Environment.NewLine +
                "Aspect : " + this.aspect + Environment.NewLine +
                "NearLimit : " + this.nearLimit + Environment.NewLine +
                "FarLimit : " + this.farLimit + Environment.NewLine +
                "MousePressAutoMode : " + this.autoMode,
                new Vector2(50, 50), Color.White);

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

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