텍스처에서 부분 이미지를 잘라내어 스프라이트를 그립니다.

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

요약

만든 질감의 일부만 잘라 그립니다.

テクスチャーから部分的に画像を切り出してスプライトを描画する

운영 환경

필수 구성 요소

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

운영 환경

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

물질

만든 텍스처의 일부만 잘라 스프라이트로 그리려면 "SpriteBatch.Draw" 메서드의 세 번째 인수로 잘라낼 텍스처의 면적을 "Rectangle"로 지정합니다. 단위는 픽셀 크기입니다. 이 인수가 null이면 전체 텍스처가 사용됩니다.

// 左上4分の1を表示
this.spriteBatch.Draw(this.texture, new Vector2(300.0f, 100.0f),
    new Rectangle(0, 0, (int)this.textureCenter.X, (int)this.textureCenter.Y),
    Color.White, 0.0f, Vector2.Zero, 1.0f, SpriteEffects.None, 0.0f);

SpriteBatch.Draw 메서드

스프라이트 드로잉 배치 목록에 스프라이트를 추가합니다.

텍스처 텍스처2D 스프라이트로 표시할 텍스처를 지정합니다.
위치 벡터2 스프라이트가 표시되어야 하는 위치입니다. 화면의 왼쪽 상단을 기준으로 화면 좌표를 지정합니다. 스프라이트의 원점은 왼쪽 상단에 있습니다.
sourceRectangle (영문) Nullable<Rectangle입니다> 텍스처의 전송 영역을 지정합니다. 전체 텍스처를 스프라이트로 표시하려면 null을 지정할 수 있습니다. 이 매개 변수를 지정하면 임의의 영역만 스프라이트로 표시되도록 할 수 있습니다.
스프라이트의 색에 곱할 색을 지정합니다. Color.White를 지정하면 스프라이트의 기본 색상으로 표시됩니다. Color.Black을 지정하면 스프라이트는 색상에 관계없이 전체 검정색으로 표시됩니다. 공식은 "결과 = 스프라이트 색상 * 색상"입니다.
회전 뜨다 스프라이트의 회전 각도입니다. 단위는 라디안으로 지정됩니다. 회전축은 스프라이트의 왼쪽 상단에 있습니다.
기원 벡터2 스프라이트를 회전할 때 회전축의 위치를 지정합니다. 스프라이트의 어느 위치가 회전축이 될지 지정하지만, 실제로는 회전축의 위치가 스프라이트의 왼쪽 상단에 고정되고 스프라이트의 표시 위치는 -origin만큼 이동합니다.
저울 뜨다 스프라이트의 배율을 지정합니다. 1.0을 기준으로 세로 및 가로로 크기를 조정합니다. 확대의 원점은 스프라이트의 왼쪽 상단 모서리에 있습니다.
효과 스프라이트 이펙트 스프라이트의 반전 효과를 지정합니다. 다른 작업을 수행하지 않으면 SpriteEffects.None을 지정합니다.
layerDepth (레이어깊이) 뜨다 스프라이트가 표시되는 깊이를 지정합니다. 주로 전경과 후면에 스프라이트를 표시하는 데 사용됩니다. 0.0~1.0 범위로 지정하며, 0.0은 앞면, 1.0은 뒷면입니다.

예를 들어, 아래와 같은 이미지를 준비한 경우 위의 프로그램에서 동일한 표시를 수행하면 파란색 원만 표시할 수 있습니다. 게임에서는 캐릭터 애니메이션과 효과 애니메이션을 단일 이미지 파일에 작성하고 그릴 때 부분적으로 그리는 데 자주 사용됩니다.

4つの丸を書き込んだ画像ファイル同じように部分的に切り出して描画

모든 코드

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

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

        /// <summary>
        /// テクスチャー
        /// </summary>
        private Texture2D texture = null;

        /// <summary>
        /// テクスチャーの中心座標
        /// </summary>
        private Vector2 textureCenter = Vector2.Zero;


        /// <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.texture = this.Content.Load<Texture2D>("Texture");

            // テクスチャーの中心座標を取得
            this.textureCenter = new Vector2(this.texture.Width / 2, this.texture.Height / 2);
        }

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

        /// <summary>
        /// 描画以外のデータ更新等の処理を行うメソッド
        /// 主に入力処理、衝突判定などの物理計算、オーディオの再生など
        /// </summary>
        /// <param name="gameTime">このメソッドが呼ばれたときのゲーム時間</param>
        protected override void Update(GameTime gameTime)
        {
            // Xbox 360 コントローラ、Windows Phone の BACK ボタンを押したときに
            // ゲームを終了させます
            if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
            {
                this.Exit();
            }

            // TODO: ここに更新処理を記述してください

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

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

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

            // 原型で表示
            this.spriteBatch.Draw(this.texture, new Vector2(100.0f, 100.0f), Color.White);

            // 左上4分の1を表示
            this.spriteBatch.Draw(this.texture, new Vector2(300.0f, 100.0f),
                new Rectangle(0, 0, (int)this.textureCenter.X, (int)this.textureCenter.Y),
                Color.White, 0.0f, Vector2.Zero, 1.0f, SpriteEffects.None, 0.0f);

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

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