概要
戦闘画面作成
- Battleクラスの追加
- 戦闘画面にフィールドマップで衝突した敵を表示する
- 背景、メッセージを表示する
Battleクラス
このコードは、Pygameを使用してバトル画面を描画するBattleクラスの一部です。主に、バトル中に表示する背景、敵キャラクター、メッセージ、そしてフェードイン処理を行っています。コードの各部分について詳しく解説します。
__init__メソッド
def __init__(self):
self.display_surface = pg.display.get_surface()
self.back_ground_img = pg.image.load('../battle/bg.png').convert()
self.bg_size = self.back_ground_img.get_size()
self.rect = self.back_ground_img.get_rect()
self.off_set = pg.Vector2()
self.off_set.x = -int((self.rect.centerx - WIDTH / 2))
self.off_set.y = -int((self.rect.centery - HEIGHT / 2))
self.font = pg.font.Font("../battle/Meiryo.ttf", 24)
-
self.display_surface = pg.display.get_surface():
現在の画面（ウィンドウ）を取得します。これに描画します。 -
self.back_ground_img = pg.image.load('../battle/bg.png').convert():
バトル背景画像（bg.png）を読み込み、その画像をPygameのSurfaceに変換します。convert()は画像を最適化し、描画の効率を向上させます。 -
self.bg_size = self.back_ground_img.get_size():
背景画像のサイズを取得し、self.bg_sizeに格納します。 -
self.rect = self.back_ground_img.get_rect():
背景画像の矩形（Rect）オブジェクトを取得します。この矩形を使用して、画像の位置やサイズを管理します。 -
self.off_set = pg.Vector2():
画面の中央を基準に背景をオフセットするためのVector2（2Dベクトル）を作成します。これにより、背景画像がスクリーンの中央に表示されるように調整します。 -
self.font = pg.font.Font("../battle/Meiryo.ttf", 24):
メッセージ用のフォントを指定します。"Meiryo.ttf"というフォントファイルを指定して、サイズ24のフォントオブジェクトを作成します。
drawメソッド
def draw(self, player):
enemy = player.collided_enemy
mob_pos = ((WIDTH - 128) / 2, HEIGHT / 8)
self.display_surface.blit(enemy.battle_surface, mob_pos)
pg.display.set_caption('Battle')
text_surface = self.font.render(f" {enemy.name}が現れました! ", True, (255, 255, 255))
bg_surface = pg.Surface((self.bg_size[0] * 0.95, self.bg_size[1] * 0.3), pg.SRCALPHA)
bg_surface.fill((0, 0, 200, 128)) # (R, G, B, Alpha)で透明度を指定（128は50%透明）
message_rect = bg_surface.get_rect()
pg.draw.rect(bg_surface, WHITE, message_rect, 3, border_radius=5)
self.display_surface.blit(bg_surface, (250, 430))
self.display_surface.blit(text_surface, (250, 430))
-
enemy = player.collided_enemy:
プレイヤーが現在衝突している敵を取得します。player.collided_enemyには、プレイヤーと衝突した敵（Enemyオブジェクト）が格納されていると仮定しています。 -
mob_pos = ((WIDTH - 128) / 2, HEIGHT / 8):
敵キャラクターを画面上に描画する位置を計算します。この場合、mob_posは画面の中央（X軸）と上部（Y軸）の少し下に配置されます。 -
self.display_surface.blit(enemy.battle_surface, mob_pos):
enemy.battle_surface（敵キャラクターのイメージ）を計算した位置mob_posに描画します。 -
pg.display.set_caption('Battle'):
ウィンドウのタイトルバーに「Battle」という文字列を表示します。 -
text_surface = self.font.render(f" {enemy.name}が現れました! ", True, (255, 255, 255)):
敵の名前と「が現れました!」というメッセージを、白色で描画するためのSurfaceを作成します。self.font.render()を使ってテキストを描画します。 -
bg_surface = pg.Surface((self.bg_size[0] * 0.95, self.bg_size[1] * 0.3), pg.SRCALPHA):
メッセージ用の背景を作成します。SRCALPHAフラグを使うことで、このSurfaceが透明な部分を持つことができます。背景のサイズは画面の95%の幅と30%の高さに設定されています。 -
bg_surface.fill((0, 0, 200, 128)):
背景を青色（RGB: 0, 0, 200）で塗りつぶし、128のアルファ値を指定して半透明にします。 -
message_rect = bg_surface.get_rect():
メッセージ背景の矩形（Rect）を取得します。これにより、背景を描画する位置を指定できます。 -
pg.draw.rect(bg_surface, WHITE, message_rect, 3, border_radius=5):
背景矩形に白い枠線を描画します。枠線の太さは3で、角を丸くするためにborder_radius=5を指定しています。 -
self.display_surface.blit(bg_surface, (250, 430)):
メッセージ背景を指定した位置（(250, 430)）に描画します。 -
self.display_surface.blit(text_surface, (250, 430)):
上で作成したメッセージテキストを、背景の上に描画します。
fade_inメソッド
def fade_in(self):
for alpha in range(0, 125, 5):
temp_surface = self.back_ground_img.copy()
temp_surface.set_alpha(alpha)
self.display_surface.blit(temp_surface, self.rect.topleft + self.off_set)
pg.display.flip()
pg.time.delay(30)
-
for alpha in range(0, 125, 5):
alpha（透明度）を0から125まで5ずつ増加させながら、フェードイン効果を作ります。125は途中まで透明度を上げるために使用されており、完全に不透明にする前の段階で処理が止まります。 -
temp_surface = self.back_ground_img.copy():
背景画像をコピーしてtemp_surfaceに格納します。 -
temp_surface.set_alpha(alpha):
コピーした背景画像に対して、現在の透明度（alpha）を設定します。 -
self.display_surface.blit(temp_surface, self.rect.topleft + self.off_set):
設定した透明度の背景画像を、オフセットを考慮して画面に描画します。 -
pg.display.flip():
画面を更新して、描画内容を実際に表示します。 -
pg.time.delay(30):
30ミリ秒の遅延を入れて、フェードイン効果が少しずつ進行するようにします。
まとめ
このBattleクラスは、バトル画面において背景、敵キャラクター、メッセージ、フェードイン効果を描画するための処理を担当しています。fade_inメソッドは、バトルの開始時に背景が徐々に表示される効果を作り、drawメソッドはバトル中に敵とメッセージを描画します。