다각형에 텍스처 적용Applying a texture to a polygon
페이지 업데이트 :
페이지 생성 날짜 :
요약
다각형은 텍스처로 그려집니다.
운영 환경
필수 구성 요소
| 지원되는 XNA 버전 |
|
| 지원되는 플랫폼 |
|
| Windows 필수 버텍스 셰이더 버전 | 2.0 |
| Windows 필수 픽셀 셰이더 버전 | 2.0 |
운영 환경
| 플랫폼 |
|
물질
텍스처 정보
텍스처를 다각형에 붙여넣으려면 정점 데이터에 "텍스처 좌표"라는 정보가 있어야 합니다. 텍스처 좌표는 "텍스처의 어느 위치가 정점과 정렬되는지"를 나타냅니다. 생성된 텍스처의 텍스처 좌표는 다음과 같이 정의됩니다.
사각형 다각형의 텍스처 좌표를 텍스처의 텍스처 좌표와 같은 방식으로 설정하면 텍스처가 다각형에 정확하게 붙여넣어집니다.
텍스처 준비
텍스처를 사용하려면 콘텐츠 파이프라인에서 가져와야 하므로 미리 프로젝트에 이미지 파일을 추가하십시오.
밭
<summary>
頂点バッファ
</summary>
private VertexBuffer vertexBuffer = null;
<summary>
基本エフェクト
</summary>
private BasicEffect basicEffect = null;
<summary>
テクスチャー
</summary>
private Texture2D texture = null;
꼭짓점 버퍼 외에도 "Texture2D"를 필드로 선언합니다. 가져온 이미지 파일의 정보는 이 변수에 저장됩니다.
창작
// エフェクトを作成
this.basicEffect = new BasicEffect(this.GraphicsDevice);
// テクスチャーの使用を許可する
this.basicEffect.TextureEnabled = true;
BasicEffect를 만들 때 BasicEffect.TextureEnabled를 true로 설정하여 텍스처를 사용할 수 있도록 합니다.
// 頂点バッファ作成
this.vertexBuffer = new VertexBuffer(this.GraphicsDevice,
typeof(VertexPositionTexture), 4, BufferUsage.None);
// 頂点データを作成する
VertexPositionTexture[] vertices = new VertexPositionTexture[4];
vertices[0] = new VertexPositionTexture(new Vector3(-2.0f, 2.0f, 0.0f),
new Vector2(0.0f, 0.0f));
vertices[1] = new VertexPositionTexture(new Vector3(2.0f, 2.0f, 0.0f),
new Vector2(1.0f, 0.0f));
vertices[2] = new VertexPositionTexture(new Vector3(-2.0f, -2.0f, 0.0f),
new Vector2(0.0f, 1.0f));
vertices[3] = new VertexPositionTexture(new Vector3(2.0f, -2.0f, 0.0f),
new Vector2(1.0f, 1.0f));
// 頂点データを頂点バッファに書き込む
this.vertexBuffer.SetData(vertices);
꼭짓점 데이터를 만들기 위한 코드입니다. 이 경우 정점 색상을 사용하는 대신 텍스처 색상을 사용하여 다각형을 그리므로 정점 데이터를 정의하는 구조체는 "VertexPositionTexture"가 됩니다. 이 구조체는 "position" 및 "texture coordinates" 데이터를 포함합니다.
사각형 다각형의 4개 꼭짓점에 있는 텍스처 좌표를 텍스처의 텍스처 좌표와 동일한 값으로 설정합니다. 이제 이미지 데이터가 다각형에 완벽하게 맞습니다.
VertexPositionTexture 생성자
위치 및 텍스처 좌표에 대한 꼭짓점 데이터가 있는 구조체 "VertexPositionTexture"의 인스턴스를 만듭니다.
| 위치 | 벡터3 | 버텍스 위치(Vertex Position) |
| textureCoordinate (텍스처코리더) | 벡터2 | 정점의 텍스처 좌표 |
// テクスチャーの読み込み
this.texture = this.Content.Load<Texture2D>("Texture");
// エフェクトにテクスチャーをセットする
this.basicEffect.Texture = this.texture;
ContentManager.Load 메서드를 사용하여 텍스처를 로드합니다. 이번에는 하나의 텍스처만 사용하기 때문에 여기서는 텍스처를 효과로 설정했습니다.
그림
// 頂点バッファをセットします
this.GraphicsDevice.SetVertexBuffer(this.vertexBuffer);
// パスの数だけ繰り替えし描画
foreach (EffectPass pass in this.basicEffect.CurrentTechnique.Passes)
{
// パスの開始
pass.Apply();
// ポリゴン描画する
this.GraphicsDevice.DrawPrimitives(PrimitiveType.TriangleStrip, 0, 2);
}
여기에는 특별한 것이 없으며 코드는 직사각형 다각형을 그릴 때와 정확히 동일합니다. 그러나 그리는 텍스처가 매번 변경되는 경우 매번 효과에서 텍스처를 설정해야 합니다.
모든 코드
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 TextureOnPolygon
{
<summary>
ゲームメインクラス
</summary>
public class GameMain : Microsoft.Xna.Framework.Game
{
<summary>
グラフィックデバイス管理クラス
</summary>
private GraphicsDeviceManager graphics = null;
<summary>
スプライトのバッチ化クラス
</summary>
private SpriteBatch spriteBatch = null;
<summary>
頂点バッファ
</summary>
private VertexBuffer vertexBuffer = null;
<summary>
基本エフェクト
</summary>
private BasicEffect basicEffect = 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.basicEffect = new BasicEffect(this.GraphicsDevice);
// テクスチャーの使用を許可する
this.basicEffect.TextureEnabled = true;
// ビューマトリックスをあらかじめ設定 ((5, 2, 10) から原点を見る)
this.basicEffect.View = Matrix.CreateLookAt(
new Vector3(5.0f, 2.0f, 10.0f),
Vector3.Zero,
Vector3.Up
);
// プロジェクションマトリックスをあらかじめ設定
this.basicEffect.Projection = Matrix.CreatePerspectiveFieldOfView(
MathHelper.ToRadians(45.0f),
(float)this.GraphicsDevice.Viewport.Width /
(float)this.GraphicsDevice.Viewport.Height,
1.0f,
100.0f
);
// 頂点バッファ作成
this.vertexBuffer = new VertexBuffer(this.GraphicsDevice,
typeof(VertexPositionTexture), 4, BufferUsage.None);
// 頂点データを作成する
VertexPositionTexture[] vertices = new VertexPositionTexture[4];
vertices[0] = new VertexPositionTexture(new Vector3(-2.0f, 2.0f, 0.0f),
new Vector2(0.0f, 0.0f));
vertices[1] = new VertexPositionTexture(new Vector3(2.0f, 2.0f, 0.0f),
new Vector2(1.0f, 0.0f));
vertices[2] = new VertexPositionTexture(new Vector3(-2.0f, -2.0f, 0.0f),
new Vector2(0.0f, 1.0f));
vertices[3] = new VertexPositionTexture(new Vector3(2.0f, -2.0f, 0.0f),
new Vector2(1.0f, 1.0f));
// 頂点データを頂点バッファに書き込む
this.vertexBuffer.SetData(vertices);
// テクスチャーの読み込み
this.texture = this.Content.Load<Texture2D>("Texture");
// エフェクトにテクスチャーをセットする
this.basicEffect.Texture = this.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.GraphicsDevice.SetVertexBuffer(this.vertexBuffer);
// パスの数だけ繰り替えし描画
foreach (EffectPass pass in this.basicEffect.CurrentTechnique.Passes)
{
// パスの開始
pass.Apply();
// ポリゴン描画する
this.GraphicsDevice.DrawPrimitives(PrimitiveType.TriangleStrip, 0, 2);
}
// 登録された DrawableGameComponent を描画する
base.Draw(gameTime);
}
}
}