ミニDTL.xna “ゲームはイチニチ30分まで!” 第8回

by key

ミニDTL.xnaその8です。

しばらくブログを書いていなかったので、あわてて書いています。これは8/28の分です。


MiniDTL.xna (8)

画面サイズを大きくしました。

画面が狭く感じたので、800*600にしました。いろいろな環境に一番広く対応できる画面サイズは1280*720という情報があるのですが、ライブ放映からはみ出てしまうので、このサイズにしています。

画面のレイアウトを行いました。

ここでおもむろにFlashを立ち上げて、画面座標系とステージの座標系をもやもや考えました。中央に黒い帯があり、画面を左右に分割しています。

中央に謎の黒い帯を描く

画面レイアウトに登場した黒い帯、早速描画します。

まずペイントを立ち上げ、真っ白なままWhite.pngとして保存し、取り込みます。

ベタ塗り用なのでサイズに意味は無いのですが、でっかくすると無駄ですし、1*1にすると意図しないところで拡大コスト(?)のようなものがかかったらやだなーと不吉を感じ、32*32にしてみました。

Texture2D whiteTextureに読み込んで描画します。

  1. Rectangle centerBgRect;
  2. centerBgRect.X = 375;
  3. centerBgRect.Y = 0;
  4. centerBgRect.Width = 50;
  5. centerBgRect.Height = 600;
  6. spriteBatch.Draw(whiteTexture, centerBgRect, Color.Black);

第3引数にColor.Blackを渡したので真っ黒に描画されました。

真っ黒ではなくちょっと透過させたかったので、アルファはどこで指定するんだろーと思っていたらチャットで教えてもらえました。ライブプログラミングバンザイ。

  1. spriteBatch.Draw(whiteTexture, centerBgRect, new Color(0, 0, 0, 0.5f));

画面レイアウトを調整

自機の移動範囲や敵の配置を変更して、黒い線に区切られた左半分にゲームが収まるようにしました。

今日の成果

今日の成果

自機や敵機の画像を描き直すなどして、今日はおしまい。

続きます。

タグ: , , ,

コメント / トラックバック 1 件

  1. XNA Today » ミニDTL.xna 第8回 より:

    [...] ミニDTL.xna “ゲームはイチニチ30分まで!” 第8回 [...]

コメントをどうぞ