Pange sprait ilmuma

Lehekülg uuendatud :
Lehe loomise kuupäev :

Kokkuvõte

Laadige tekstuur (pilt) ja kuvage see ekraanil.

スプライトを表示させる

Töökeskkond

Eeltingimused

Toetatud XNA versioonid
  • 2.0
  • 3.0
  • 3.1
  • 4.0
Toetatud platvormid
  • Windows (XP SP2 või uuem, Vista, 7)
  • Xbox 360
  • Windows Phone 7
Windowsi nõutav vertex shaderi versioon 2.0
Windowsi nõutav versioon Pixel Shader 2.0

Töökeskkond

platvorm
  • Windows 7
  • Xbox 360
  • Windows Phone 7 emulaator

aine

Mis on sprait?

Ristkülikukujuline ala piltide joonistamiseks ekraanile. Seda funktsiooni kasutatakse sageli 2D-mängudes, kuid seda kasutatakse sageli ka 3D-s pseudo-2D-pildijoonisena.

XNA-s tuleb kõik joonistada 3D-hulknurkades, nii et ekraanile joonistatud pilt on hulknurki kasutav pseudo-sprait. Siiski ei ole vaja olla teadlik hulknurkadest ja neid saab kergesti joonistada.

Piltide ettevalmistamine

Kuna pilt kuvatakse, tuleb ette valmistada pildifail. Proovis kasutatakse allolevat pilti.

スプライトとして表示させる画像

Kasutan PNG-faili suurusega 128×128, kuid see võib olla mis tahes suurusega. Lisaks on loetava pildifaili vorming vaikimisi järgmine fail.

  • .Bmp
  • .Dds
  • .Dib
  • .Hdr
  • .jpg
  • .pfm
  • .png
  • .Ppm
  • .tga

Projektile pildi lisamine

Proovis pannakse pildifail projekti "Sisu". Lisateavet selle kohta, kuidas oma projektile pildifaile lisada, leiate järgmiselt lehelt.

プロジェクトに Texture.png を追加

põld

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

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

Spraidi joonistamiseks valmistage joonistatavate spraitide pakkimiseks ette "SpriteBatch" ja 2D-pildiandmete salvestamiseks "Texture2D".

Ressursside loomine ja laadimine

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

    // テクスチャーをコンテンツパイプラインから読み込む
    this.texture = this.Content.Load<Texture2D>("Texture");
}

Looge meetodi LoadGraphicsContent sees klass SpriteBatch. Edastage argumendina GraphicsDevice.

Seejärel kasutatakse tekstuuri laadimiseks ja loomiseks meetodit ContentManager.Load. Määrake tüübiparameetrile klass "Texture2D" ja argumendile vara nimi.

SpriteBatch ehitaja

Looge klassi "SpriteBatch" eksemplar, mis koondab spraidide joonise.

graafikaSeade GraafikaSeade – saate määrata joonistamiseks kasutatava GraphicsDevice'i.

joonistus

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

// スプライトを描画する
this.spriteBatch.Draw(this.texture, Vector2.Zero, Color.White);

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

Joonistage tekst joonistusmeetodil.

Spraidi joonistamiseks kasutage meetodit "SpriteBatch.Draw", kuid enne ja pärast joonistamist peate helistama vastavalt "SpriteBatch.Begin" ja "SpriteBatch.End" meetoditele.

SpriteBatch.Draw meetodi esimene argument on teie loodud klass "Texture2D". See võimaldab teil vaadata imporditud pildifaili.

SpriteBatch.Begin Meetod

Helistage sellele enne spraidi joonistamist. Sisemiselt teeme spraitide joonistamiseks vajalikud seadistused.

SpriteBatch.Draw Meetod

Lisab spraidi joonistuspartiide loendisse spraidi.

Tekstuur Tekstuur2D Määrab spraidina kuvatava tekstuuri.
asend Vektor2 Spraidi kuvamise asukoht. Määrake ekraani koordinaatides ekraani vasakus ülanurgas. Spraidi päritolu on vasakus ülanurgas.
värv Värv Määrab värvi spraidi värvi korrutamiseks. Kui määrate Color.White, kuvatakse see spraidi põhivärvis. Kui on määratud Color.Black, kuvatakse sprait täismustana, olenemata selle värvist. Valem on "Tulemus = sprite värv * värv".

SpriteBatch.End Meetod

Joonista kõik partiid spraidid. Joonistamise järjekord, joonistamise olek jne on määratud SpriteBatch.Begin meetodis. Vajadusel tagastatakse renderdusolek olekusse, milles see oli enne SpriteBatch.Begini meetodi kutsumist.

スクリーンとスプライトの原点

Arvutis kasutatava ekraaniga jne pole probleeme, kuid Xbox 360-st analoogtelerisse väljastamisel ei pruugi te vasakus ülanurgas kuvatavat spraiti näha. Sellisel juhul peate reguleerima spraidi kuvamisasendit, kuid seda selgitatakse teises osas.

Kõik koodid

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 DrawSprite
{
    /// <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>
        /// 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");
        }

        /// <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, Vector2.Zero, Color.White);

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

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