| グラフィックスの描画 |
文字列やイメージを描画するためのライブラリ「Graphicsクラス」を作成し、それを利用するプログラムを作成する。
Xbox360の画面サイズは1280x720だが、テレビによっては端が見えない可能性もある。
ゲームを作る時は内部90%程度((64、36)〜(1216、684))に文字を入れたほうが良い。
リソースの追加
- 「はじめてのXNAアプリの作成」で作成したフォントプロセッサ「DefaultFont.spritefont」をソリューションエクスプローラのContentに追加する。
- 画像「sorami.png」をソリューションエクスプローラのContentに追加する。
ファイル形式としてはBMP、PNG、JPEG等を利用可能。
Graphicsクラスの機能
| 種類 | メソッド | 説明 |
| 初期化 | Graphics(Microsoft.Xna.Framework.Game game) | コンストラクタ |
| void LoadContent() | グラフィクスコンテントの読み込み | |
| アクセス | GraphicsDeviceManager GetGraphicsDeviceManager() | グラフィックスデバイスマネージャの取得 |
| void SetColor(int red,int green,int blue) | 色の指定 | |
| void SetColor(int red,int green,int blue,int alpha) | 色の指定 | |
| void SetFont(String fontName) | フォントの指定 | |
| float StringWidth(String text) | 文字列幅の取得 | |
| float StringHeight(String text) | 文字列高さの取得 | |
| void SetFlip(SpriteEffects flip) | イメージ反転の指定 | |
| void SetRotation(float rotation) | イメージ回転の指定 | |
| void SetOrigin(float x,float y) | イメージ原点の指定 | |
| イメージ生成 | Texture2D LoadImage(String name) | イメージの読み込み |
| Texture2D CreateImage(Texture2D image,int x,int y,int w,int h) | 部分イメージの生成(whは64など) | |
| 描画 | Clear() | 画面のクリア |
| void DrawString(String text,float x,float y) | 文字列の描画 | |
| void DrawImage(Texture2D image,float x,float y) | イメージの描画 | |
| void DrawImage(Texture2D image,float x,float y,float w,floatt h) | イメージの拡縮描画 | |
| void DrawImage(Texture2D image,float x,float y,float w,float h, float sx,float sy,float sw,float sh) |
イメージの部分描画 | |
| void DrawLine(float x0,float y0,float x1,float y1) | ラインの描画 | |
| void DrawRect(float x,float y,float w,float h) | 矩形の描画 | |
| void FillRect(float x,float y,float w,float h) | 塗り潰し矩形の描画 |
ソースコードの編集
using System;
using System.Collections.Generic;
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.Net;
using Microsoft.Xna.Framework.Storage;
//グラフィックスの描画
namespace GraphicsEx {
public class GameMain : Microsoft.Xna.Framework.Game {
private Graphics g; //グラフィックス
private Texture2D imgSorami;//イメージ
//コンストラクタ
public GameMain() {
g=new Graphics(this);
Content.RootDirectory="Content";
}
//初期化
protected override void Initialize() {
base.Initialize();
}
//グラフィクスコンテントの読み込み
protected override void LoadContent() {
g.LoadContent();
//イメージの読み込み
imgSorami=g.LoadImage("sorami");
}
//グラフィクスコンテントの解放
protected override void UnloadContent() {
}
//更新
protected override void Update(GameTime gameTime) {
//アプリ終了
if (GamePad.GetState(PlayerIndex.One).Buttons.Back==ButtonState.Pressed) {
Exit();
}
//ベースの更新
base.Update(gameTime);
}
//描画
protected override void Draw(GameTime gameTime) {
//背景の描画
g.SetColor(255,255,255);
g.Clear();
//文字列の描画
g.SetColor(0,0,0);
g.DrawString("This is TEST!",50,50);
//イメージの描画
g.DrawImage(imgSorami,50,100);
//イメージの半透明描画
g.SetImageColor(255,255,255,100);
g.DrawImage(imgSorami,200,100);
g.DrawImage(imgSorami,210,110);
g.SetImageColor(255,255,255,255);
//イメージの反転描画
g.SetFlip(SpriteEffects.FlipHorizontally);
g.DrawImage(imgSorami,350,100);
g.SetFlip(SpriteEffects.None);
//イメージの回転描画
g.SetImageOrigin(57,57);
g.SetImageRotation((float)Math.PI/4);
g.DrawImage(imgSorami,500+57,100+57);
g.SetImageOrigin(0,0);
g.SetImageRotation(0);
//イメージの部分描画
g.DrawImage(imgSorami,650,100,114,114,0,0,57,57);
//イメージの拡縮描画
g.DrawImage(imgSorami,800,100,114*2,114*2);
//ラインの描画
g.SetColor(255,0,0);
g.DrawLine(100,300,100,400);
//矩形の描画
g.SetColor(0,255,0);
g.DrawRect(150,300,100,100);
//塗り潰し矩形の描画
g.SetColor(0,0,255);
g.FillRect(300,300,100,100);
//ベースの描画
base.Draw(gameTime);
}
}
}
|
using System;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.Graphics;
//グラフィックス
public class Graphics {
private Microsoft.Xna.Framework.Game game;//ゲーム本体
private GraphicsDeviceManager gdm; //グラフィックス
private SpriteBatch spBatch; //スプライト郡
private SpriteFont font; //フォント
private BasicEffect effect; //エフェクト
private Color color; //色
private Color imageColor;//イメージ色
private SpriteEffects flip; //イメージ反転
private float rotation; //イメージ回転
private Vector2 origin; //イメージ原点
private VertexDeclaration vd; //頂点宣言
//====================
//初期化
//====================
//コンストラクタ
public Graphics(Microsoft.Xna.Framework.Game game) {
this.game=game;
this.gdm =new GraphicsDeviceManager(game);
this.gdm.PreferredBackBufferWidth =1280;
this.gdm.PreferredBackBufferHeight=720;
}
//グラフィクスコンテントの読み込み
public void LoadContent() {
this.spBatch =new SpriteBatch(gdm.GraphicsDevice);
this.font =game.Content.Load<SpriteFont>("DefaultFont");
this.effect =new BasicEffect(gdm.GraphicsDevice,null);
this.effect.VertexColorEnabled=true;
this.color =Color.White;
this.imageColor=Color.White;
this.flip =SpriteEffects.None;
this.rotation =0.0f;
this.origin =Vector2.Zero;
this.vd =new VertexDeclaration(gdm.GraphicsDevice,
VertexPositionColor.VertexElements);
}
//====================
//アクセス
//====================
//グラフィックスデバイスマネージャの取得
public GraphicsDeviceManager GetGraphicsDeviceManager() {
return gdm;
}
//色の指定
public void SetColor(int red,int green,int blue) {
this.color=new Color((byte)red,(byte)green,(byte)blue);
}
//色の指定
public void SetColor(int red,int green,int blue,int alpha) {
this.color=new Color((byte)red,(byte)green,(byte)blue,(byte)alpha);
}
//フォントの指定
public void SetFont(String fontName) {
font=game.Content.Load<SpriteFont>(fontName);
}
//文字列幅の取得
public float StringWidth(String text) {
return font.MeasureString(text).X;
}
//文字列高さの取得
public float StringHeight(String text) {
return font.MeasureString(text).Y;
}
//イメージ色の指定
public void SetImageColor(int red,int green,int blue) {
this.imageColor=new Color((byte)red,(byte)green,(byte)blue);
}
//イメージ色の指定
public void SetImageColor(int red,int green,int blue,int alpha) {
this.imageColor=new Color((byte)red,(byte)green,(byte)blue,(byte)alpha);
}
//イメージ反転の指定
public void SetFlip(SpriteEffects flip) {
this.flip=flip;
}
//イメージ回転の指定
public void SetImageRotation(float rotation) {
this.rotation=rotation;
}
//イメージ原点の指定
public void SetImageOrigin(float x,float y) {
this.origin=new Vector2(x,y);
}
//====================
//イメージの読み込み
//====================
//イメージの読み込み
public Texture2D LoadImage(String name) {
return game.Content.Load<Texture2D>(name);
}
//部分イメージの生成(whは64など)
public Texture2D CreateImage(Texture2D image,int x,int y,int w,int h) {
Rectangle srcRect=new Rectangle(x,y,w,h);
byte[] data=new byte[srcRect.Width*srcRect.Height*4];
image.GetData(0,srcRect,data,0,data.Length);
Texture2D result=new ResolveTexture2D(
gdm.GraphicsDevice,
srcRect.Width,srcRect.Height,0,SurfaceFormat.Color);
result.SetData(data);
return result;
}
//====================
//描画
//====================
//画面のクリア
public void Clear() {
gdm.GraphicsDevice.Clear(color);
}
//文字列の描画
public void DrawString(String text,float x,float y) {
if (text==null) return;
Vector2 pos=new Vector2(x,y);
spBatch.Begin();
spBatch.DrawString(font,text,pos,color);
spBatch.End();
}
//ボールド文字列の描画
public void DrawBoldString(String text,float x,float y) {
DrawString(text,x-1,y-1);
DrawString(text,x ,y-1);
DrawString(text,x+1,y-1);
DrawString(text,x-1,y);
DrawString(text,x+1,y);
DrawString(text,x-1,y+1);
DrawString(text,x ,y+1);
DrawString(text,x+1,y+1);
}
//イメージの描画
public void DrawImage(Texture2D image,float x,float y) {
if (image==null) return;
Rectangle rect =new Rectangle((int)x,(int)y,image.Width,image.Height);
Rectangle srect=new Rectangle(0,0,image.Width,image.Height);
spBatch.Begin();
spBatch.Draw(image,rect,srect,imageColor,rotation,origin,flip,0);
spBatch.End();
}
//イメージの拡縮描画
public void DrawImage(Texture2D image,float x,float y,float w,float h) {
if (image==null) return;
Rectangle rect =new Rectangle((int)x,(int)y,(int)w,(int)h);
Rectangle srect=new Rectangle(0,0,image.Width,image.Height);
spBatch.Begin();
spBatch.Draw(image,rect,srect,imageColor,rotation,origin,flip,0);
spBatch.End();
}
//イメージの部分描画
public void DrawImage(Texture2D image,float x,float y,float w,float h,
float sx,float sy,float sw,float sh) {
if (image==null) return;
Rectangle rect =new Rectangle((int)x,(int)y,(int)w,(int)h);
Rectangle srect=new Rectangle((int)sx,(int)sy,(int)sw,(int)sh);
spBatch.Begin();
spBatch.Draw(image,rect,srect,imageColor,rotation,origin,flip,0);
spBatch.End();
}
//ラインの描画
public void DrawLine(float x0,float y0,float x1,float y1) {
float cw=gdm.PreferredBackBufferWidth/2;
float ch=gdm.PreferredBackBufferHeight/2;
effect.Begin();
gdm.GraphicsDevice.VertexDeclaration=vd;
VertexPositionColor[] v=new VertexPositionColor[2];
v[0]=new VertexPositionColor(new Vector3(-1f+x0/cw,1f-y0/ch,0),color);
v[1]=new VertexPositionColor(new Vector3(-1f+x1/cw,1f-y1/ch,0),color);
foreach (EffectPass pass in effect.CurrentTechnique.Passes) {
pass.Begin();
gdm.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>(
PrimitiveType.LineList,v,0,1);
pass.End();
}
effect.End();
}
//矩形の描画
public void DrawRect(float x,float y,float w,float h) {
float cw=gdm.PreferredBackBufferWidth/2;
float ch=gdm.PreferredBackBufferHeight/2;
effect.Begin();
gdm.GraphicsDevice.VertexDeclaration=vd;
VertexPositionColor[] v=new VertexPositionColor[5];
v[0]=new VertexPositionColor(new Vector3(-1f+(x )/cw,1f-(y )/ch,0),color);
v[1]=new VertexPositionColor(new Vector3(-1f+(x+w)/cw,1f-(y )/ch,0),color);
v[2]=new VertexPositionColor(new Vector3(-1f+(x+w)/cw,1f-(y+h)/ch,0),color);
v[3]=new VertexPositionColor(new Vector3(-1f+(x )/cw,1f-(y+h)/ch,0),color);
v[4]=new VertexPositionColor(new Vector3(-1f+(x )/cw,1f-(y )/ch,0),color);
foreach (EffectPass pass in effect.CurrentTechnique.Passes) {
pass.Begin();
gdm.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>(
PrimitiveType.LineStrip,v,0,4);
pass.End();
}
effect.End();
}
//塗り潰し矩形の描画
public void FillRect(float x,float y,float w,float h) {
float cw=gdm.PreferredBackBufferWidth/2;
float ch=gdm.PreferredBackBufferHeight/2;
effect.Begin();
gdm.GraphicsDevice.VertexDeclaration=vd;
VertexPositionColor[] v=new VertexPositionColor[6];
v[0]=new VertexPositionColor(new Vector3(-1f+(x )/cw,1f-(y )/ch,0),color);
v[1]=new VertexPositionColor(new Vector3(-1f+(x+w)/cw,1f-(y )/ch,0),color);
v[2]=new VertexPositionColor(new Vector3(-1f+(x+w)/cw,1f-(y+h)/ch,0),color);
v[3]=new VertexPositionColor(new Vector3(-1f+(x )/cw,1f-(y )/ch,0),color);
v[4]=new VertexPositionColor(new Vector3(-1f+(x+w)/cw,1f-(y+h)/ch,0),color);
v[5]=new VertexPositionColor(new Vector3(-1f+(x )/cw,1f-(y+h)/ch,0),color);
foreach (EffectPass pass in effect.CurrentTechnique.Passes) {
pass.Begin();
gdm.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>(
PrimitiveType.TriangleList,v,0,2);
pass.End();
}
effect.End();
}
}
|